@microsoft/omnichannel-chat-components 1.1.16 → 1.1.17-main.170e67a

package/lib/cjs/components/outofofficehourspane/common/presetTwoProps/presetTwoStyles/presetTwoOOOHPaneTitleStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetTwoOOOHPaneTitleStyles = void 0;
-const presetTwoOOOHPaneTitleStyles = {
+const presetTwoOOOHPaneTitleStyles = exports.presetTwoOOOHPaneTitleStyles = {
   fontFamily: "'Segoe UI',Arial,sans-serif",
   fontWeight: "normal",
   fontSize: "15px",
@@ -14,5 +14,4 @@ const presetTwoOOOHPaneTitleStyles = {
   margin: "275px 0px 0px 20px",
   textAlign: "center",
   alignSelf: "auto"
-};
-exports.presetTwoOOOHPaneTitleStyles = presetTwoOOOHPaneTitleStyles;
+};

package/lib/cjs/components/postchatsurveypane/PostChatSurveyPane.js

@@ -4,22 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("@fluentui/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _defaultPostChatSurveyPaneControlProps = require("./common/defaultProps/defaultPostChatSurveyPaneControlProps");
-
 var _defaultPostChatSurveyPaneGeneralStyles = require("./common/defaultProps/defaultStyles/defaultPostChatSurveyPaneGeneralStyles");
-
 var _utils = require("../../common/utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function PostChatSurveyPane(props) {
   var _props$controlProps, _props$controlProps2, _props$styleProps, _props$controlProps3, _props$controlProps4;
-
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? _defaultPostChatSurveyPaneControlProps.defaultPostChatSurveyPaneControlProps.id;
   const inputUrl = ((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.surveyURL) ?? _defaultPostChatSurveyPaneControlProps.defaultPostChatSurveyPaneControlProps.surveyURL;
   const containerStyles = {
@@ -37,7 +29,8 @@ function PostChatSurveyPane(props) {
     styles: containerStyles,
     role: (_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.role
   }, /*#__PURE__*/_react2.default.createElement("iframe", {
-    id: elementId + "-Iframe" // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    id: elementId + "-Iframe"
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     ,
     src: (0, _utils.getValidatedURL)(inputUrl),
     title: ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.title) ?? _defaultPostChatSurveyPaneControlProps.defaultPostChatSurveyPaneControlProps.title,
@@ -45,6 +38,4 @@ function PostChatSurveyPane(props) {
     frameBorder: "0"
   })));
 }
-
-var _default = PostChatSurveyPane;
-exports.default = _default;
+var _default = exports.default = PostChatSurveyPane;

package/lib/cjs/components/postchatsurveypane/common/defaultProps/defaultPostChatSurveyPaneControlProps.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPostChatSurveyPaneControlProps = void 0;
-
 var _Constants = require("../../../../common/Constants");
-
-const defaultPostChatSurveyPaneControlProps = {
+const defaultPostChatSurveyPaneControlProps = exports.defaultPostChatSurveyPaneControlProps = {
   id: _Constants.Ids.DefaultPostChatSurveyPaneId,
   title: _Constants.Texts.PostChatSurveyPaneTitleText,
   surveyURL: ""
-};
-exports.defaultPostChatSurveyPaneControlProps = defaultPostChatSurveyPaneControlProps;
+};

package/lib/cjs/components/postchatsurveypane/common/defaultProps/defaultPostChatSurveyPaneProps.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPostChatSurveyPaneProps = void 0;
-
 var _defaultPostChatSurveyPaneStyles = require("./defaultStyles/defaultPostChatSurveyPaneStyles");
-
 var _defaultPostChatSurveyPaneControlProps = require("./defaultPostChatSurveyPaneControlProps");
-
-const defaultPostChatSurveyPaneProps = {
+const defaultPostChatSurveyPaneProps = exports.defaultPostChatSurveyPaneProps = {
   controlProps: _defaultPostChatSurveyPaneControlProps.defaultPostChatSurveyPaneControlProps,
   styleProps: _defaultPostChatSurveyPaneStyles.defaultPostChatSurveyPaneStyles
-};
-exports.defaultPostChatSurveyPaneProps = defaultPostChatSurveyPaneProps;
+};

package/lib/cjs/components/postchatsurveypane/common/defaultProps/defaultStyles/defaultPostChatSurveyPaneGeneralStyles.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPostChatSurveyPaneGeneralStyles = void 0;
-const defaultPostChatSurveyPaneGeneralStyles = {
+const defaultPostChatSurveyPaneGeneralStyles = exports.defaultPostChatSurveyPaneGeneralStyles = {
   borderStyle: "solid",
   borderRadius: 0,
   borderWidth: "3px",
   backgroundColor: "#FFFFFF",
   borderColor: "#F1F1F1"
-};
-exports.defaultPostChatSurveyPaneGeneralStyles = defaultPostChatSurveyPaneGeneralStyles;
+};

package/lib/cjs/components/postchatsurveypane/common/defaultProps/defaultStyles/defaultPostChatSurveyPaneStyles.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPostChatSurveyPaneStyles = void 0;
-
 var _defaultPostChatSurveyPaneGeneralStyles = require("./defaultPostChatSurveyPaneGeneralStyles");
-
-const defaultPostChatSurveyPaneStyles = {
+const defaultPostChatSurveyPaneStyles = exports.defaultPostChatSurveyPaneStyles = {
   generalStyleProps: _defaultPostChatSurveyPaneGeneralStyles.defaultPostChatSurveyPaneGeneralStyles
-};
-exports.defaultPostChatSurveyPaneStyles = defaultPostChatSurveyPaneStyles;
+};

package/lib/cjs/components/postchatsurveypane/common/presetOneProps/presetOnePostChatSurveyPaneControlProps.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOnePostChatSurveyPaneControlProps = void 0;
-
 var _defaultPostChatSurveyPaneControlProps = require("../defaultProps/defaultPostChatSurveyPaneControlProps");
-
-const presetOnePostChatSurveyPaneControlProps = { ..._defaultPostChatSurveyPaneControlProps.defaultPostChatSurveyPaneControlProps,
+const presetOnePostChatSurveyPaneControlProps = exports.presetOnePostChatSurveyPaneControlProps = {
+  ..._defaultPostChatSurveyPaneControlProps.defaultPostChatSurveyPaneControlProps,
   id: "lcw-postchat-survey-pane-preset1"
-};
-exports.presetOnePostChatSurveyPaneControlProps = presetOnePostChatSurveyPaneControlProps;
+};

package/lib/cjs/components/postchatsurveypane/common/presetOneProps/presetOnePostChatSurveyPaneProps.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOnePostChatSurveyPaneProps = void 0;
-
 var _presetOnePostChatSurveyPaneControlProps = require("./presetOnePostChatSurveyPaneControlProps");
-
 var _presetOnePostChatSurveyPaneStyles = require("./presetOneStyles/presetOnePostChatSurveyPaneStyles");
-
-const presetOnePostChatSurveyPaneProps = {
+const presetOnePostChatSurveyPaneProps = exports.presetOnePostChatSurveyPaneProps = {
   controlProps: _presetOnePostChatSurveyPaneControlProps.presetOnePostChatSurveyPaneControlProps,
   styleProps: _presetOnePostChatSurveyPaneStyles.presetOnePostChatSurveyPaneStyles
-};
-exports.presetOnePostChatSurveyPaneProps = presetOnePostChatSurveyPaneProps;
+};

package/lib/cjs/components/postchatsurveypane/common/presetOneProps/presetOneStyles/presetOnePostChatSurveyPaneGeneralStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOnePostChatSurveyPaneGeneralStyles = void 0;
-const presetOnePostChatSurveyPaneGeneralStyles = {
+const presetOnePostChatSurveyPaneGeneralStyles = exports.presetOnePostChatSurveyPaneGeneralStyles = {
   borderStyle: "solid",
   borderRadius: "4px",
   borderWidth: "3px",
@@ -15,5 +15,4 @@ const presetOnePostChatSurveyPaneGeneralStyles = {
   top: "20%",
   backgroundColor: "#FFFFFF",
   borderColor: "#FFFFFF"
-};
-exports.presetOnePostChatSurveyPaneGeneralStyles = presetOnePostChatSurveyPaneGeneralStyles;
+};

package/lib/cjs/components/postchatsurveypane/common/presetOneProps/presetOneStyles/presetOnePostChatSurveyPaneStyles.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOnePostChatSurveyPaneStyles = void 0;
-
 var _presetOnePostChatSurveyPaneGeneralStyles = require("./presetOnePostChatSurveyPaneGeneralStyles");
-
-const presetOnePostChatSurveyPaneStyles = {
+const presetOnePostChatSurveyPaneStyles = exports.presetOnePostChatSurveyPaneStyles = {
   generalStyleProps: _presetOnePostChatSurveyPaneGeneralStyles.presetOnePostChatSurveyPaneGeneralStyles
-};
-exports.presetOnePostChatSurveyPaneStyles = presetOnePostChatSurveyPaneStyles;
+};

package/lib/cjs/components/prechatsurveypane/PreChatSurveyPane.js

@@ -4,34 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var AdaptiveCards = _interopRequireWildcard(require("adaptivecards"));
-
 var _Constants = require("../../common/Constants");
-
 var _react = require("@fluentui/react");
-
 var _react2 = _interopRequireWildcard(require("react"));
-
 var _utils = require("../../common/utils");
-
 var _BroadcastService = require("../../services/BroadcastService");
-
 var _defaultPreChatSurveyPaneACContainerStyles = require("./common/defaultProps/defaultStyles/defaultPreChatSurveyPaneACContainerStyles");
-
 var _defaultPreChatSurveyPaneControlProps = require("./common/defaultProps/defaultPreChatSurveyPaneControlProps");
-
 var _defaultPreChatSurveyPaneGeneralStyles = require("./common/defaultProps/defaultStyles/defaultPreChatSurveyPaneGeneralStyles");
-
 var _defaultPreChatSurveyPaneStyles = require("./common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles");
-
-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; }
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function PreChatSurveyPane(props) {
-  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps3$cu, _props$styleProps4, _props$styleProps4$cu, _props$styleProps5, _props$styleProps5$cu, _props$styleProps6, _props$styleProps6$cu, _props$styleProps7, _props$styleProps7$cu, _props$styleProps8, _props$styleProps8$cu, _props$styleProps9, _props$styleProps9$cu, _props$styleProps10, _props$styleProps10$c, _defaultPreChatSurvey, _props$styleProps11, _props$styleProps11$c, _defaultPreChatSurvey2, _props$styleProps12, _props$styleProps12$c, _props$styleProps13, _props$styleProps13$c, _defaultPreChatSurvey3, _props$styleProps14, _props$styleProps14$c, _defaultPreChatSurvey4, _props$styleProps15, _props$styleProps15$c, _props$styleProps16, _props$styleProps16$c, _defaultPreChatSurvey5, _props$styleProps17, _props$styleProps17$c, _defaultPreChatSurvey6, _props$styleProps18, _props$styleProps18$c, _defaultPreChatSurvey7, _props$styleProps19, _props$styleProps19$c, _defaultPreChatSurvey8, _props$styleProps20, _props$styleProps20$c, _defaultPreChatSurvey9, _props$styleProps21, _props$styleProps21$c, _defaultPreChatSurvey10, _props$styleProps22, _props$styleProps22$c, _defaultPreChatSurvey11, _props$styleProps23, _props$styleProps23$c, _defaultPreChatSurvey12, _props$controlProps6, _props$controlProps7, _props$controlProps8;
-
+  var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps4, _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$styleProps8, _props$styleProps9, _defaultPreChatSurvey, _props$styleProps0, _defaultPreChatSurvey2, _props$styleProps1, _defaultPreChatSurvey3, _props$styleProps10, _defaultPreChatSurvey4, _props$styleProps11, _defaultPreChatSurvey5, _props$styleProps12, _defaultPreChatSurvey6, _props$styleProps13, _defaultPreChatSurvey7, _props$styleProps14, _defaultPreChatSurvey8, _props$styleProps15, _defaultPreChatSurvey9, _props$styleProps16, _defaultPreChatSurvey0, _props$styleProps17, _defaultPreChatSurvey1, _props$styleProps18, _defaultPreChatSurvey10, _props$styleProps19, _defaultPreChatSurvey11, _props$styleProps20, _defaultPreChatSurvey12, _props$styleProps21, _defaultPreChatSurvey13, _props$controlProps6, _props$controlProps7, _props$controlProps8;
   const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? _defaultPreChatSurveyPaneControlProps.defaultPreChatSurveyPaneControlProps.id;
   let adpativeCardPayload;
   let adaptiveCardHostConfig;
@@ -40,106 +25,131 @@ function PreChatSurveyPane(props) {
   };
   const adaptiveCardContainerStyles = {
     root: Object.assign({}, _defaultPreChatSurveyPaneACContainerStyles.defaultPreChatSurveyPaneACContainerStyles, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.adaptiveCardContainerStyleProps)
-  }; // Parse AC Host Config String input to JSON Object
+  };
 
+  // Parse AC Host Config String input to JSON Object
   try {
     var _props$controlProps2;
-
     adaptiveCardHostConfig = JSON.parse(((_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.adaptiveCardHostConfig) ?? _defaultPreChatSurveyPaneControlProps.defaultPreChatSurveyPaneControlProps.adaptiveCardHostConfig);
   } catch (error) {
     adaptiveCardHostConfig = "{}";
     (0, _utils.broadcastError)(elementId, error, "adaptiveCardHostConfig", _Constants.ElementType.PreChatSurveyError);
-  } // Parse AC Payload String input to JSON Object
-
+  }
 
+  // Parse AC Payload String input to JSON Object
   try {
     var _props$controlProps3;
-
     adpativeCardPayload = JSON.parse(((_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.payload) ?? _defaultPreChatSurveyPaneControlProps.defaultPreChatSurveyPaneControlProps.payload);
   } catch (error) {
     adpativeCardPayload = "{}";
     (0, _utils.broadcastError)(elementId, error, "adpativeCardPayload", _Constants.ElementType.PreChatSurveyError);
-  } //On Submit Click Action
-
+  }
 
+  //On Submit Click Action
   const handleSubmitClick = (0, _react2.useCallback)(() => {
     var _props$controlProps4;
-
     const values = (0, _utils.getInputValuesFromAdaptiveCard)(adaptiveCard);
-
     if ((_props$controlProps4 = props.controlProps) !== null && _props$controlProps4 !== void 0 && _props$controlProps4.onSubmit) {
       var _props$controlProps5;
-
       const customEvent = {
         elementType: _Constants.ElementType.PreChatSurveySubmitButton,
         elementId: elementId,
         eventName: _Constants.EventNames.OnClick
       };
-
       _BroadcastService.BroadcastService.postMessage(customEvent);
-
-      (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.onSubmit(values);
+      (_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 || _props$controlProps5.onSubmit(values);
     }
-  }, []); //Adaptive Card Initilializations
+  }, []);
 
+  //Adaptive Card Initilializations
   AdaptiveCards.GlobalSettings.setTabIndexAtCardRoot = false;
   const adaptiveCard = new AdaptiveCards.AdaptiveCard();
   adaptiveCard.hostConfig = new AdaptiveCards.HostConfig(adaptiveCardHostConfig);
   adaptiveCard.parse(adpativeCardPayload);
-  adaptiveCard.onExecuteAction = handleSubmitClick; // Render the card
+  adaptiveCard.onExecuteAction = handleSubmitClick;
 
+  // Render the card
   const renderedCard = adaptiveCard.render();
   (0, _utils.addNoreferrerNoopenerTag)(renderedCard);
+
+  // Fix iOS Safari blank space in <select> dropdowns
+  if (renderedCard) {
+    const selectElements = renderedCard.querySelectorAll("select.ac-choiceSetInput-compact");
+    selectElements.forEach(select => {
+      // Remove hidden placeholder option that causes blank space on iOS
+      const firstOption = select.options[0];
+      if (firstOption && firstOption.disabled && firstOption.hidden && firstOption.value === "") {
+        select.removeChild(firstOption);
+      }
+      // Override iOS native select rendering
+      select.style.webkitAppearance = "none";
+      select.style.height = "auto";
+      select.style.minHeight = "31px";
+    });
+  }
   return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement("style", null, `
             .ac-textBlock {
-                font-size: ${(_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : (_props$styleProps3$cu = _props$styleProps3.customTextStyleProps) === null || _props$styleProps3$cu === void 0 ? void 0 : _props$styleProps3$cu.fontSize} !important;
-                height: ${(_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : (_props$styleProps4$cu = _props$styleProps4.customTextStyleProps) === null || _props$styleProps4$cu === void 0 ? void 0 : _props$styleProps4$cu.height};
-                padding-top: ${(_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : (_props$styleProps5$cu = _props$styleProps5.customTextStyleProps) === null || _props$styleProps5$cu === void 0 ? void 0 : _props$styleProps5$cu.paddingTop};
-                font-family: ${(_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 ? void 0 : (_props$styleProps6$cu = _props$styleProps6.customTextStyleProps) === null || _props$styleProps6$cu === void 0 ? void 0 : _props$styleProps6$cu.fontFamily};
+                font-size: ${(_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 || (_props$styleProps3 = _props$styleProps3.customTextStyleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.fontSize} !important;
+                height: ${(_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 || (_props$styleProps4 = _props$styleProps4.customTextStyleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.height};
+                padding-top: ${(_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 || (_props$styleProps5 = _props$styleProps5.customTextStyleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.paddingTop};
+                font-family: ${(_props$styleProps6 = props.styleProps) === null || _props$styleProps6 === void 0 || (_props$styleProps6 = _props$styleProps6.customTextStyleProps) === null || _props$styleProps6 === void 0 ? void 0 : _props$styleProps6.fontFamily};
                 overflow-wrap: break-word;
                 white-space: normal !important;
             }
             .ac-textRun {
-                font-size: ${(_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : (_props$styleProps7$cu = _props$styleProps7.customTextStyleProps) === null || _props$styleProps7$cu === void 0 ? void 0 : _props$styleProps7$cu.fontSize} !important;
-                padding-top: ${(_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : (_props$styleProps8$cu = _props$styleProps8.customTextStyleProps) === null || _props$styleProps8$cu === void 0 ? void 0 : _props$styleProps8$cu.paddingTop};
+                font-size: ${(_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 || (_props$styleProps7 = _props$styleProps7.customTextStyleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.fontSize} !important;
+                padding-top: ${(_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 || (_props$styleProps8 = _props$styleProps8.customTextStyleProps) === null || _props$styleProps8 === void 0 ? void 0 : _props$styleProps8.paddingTop};
             }
             .ac-input {
                 margin-bottom: 6px;
             }
             .ac-input.ac-textInput {
-                font-size: ${(_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 ? void 0 : (_props$styleProps9$cu = _props$styleProps9.customTextInputStyleProps) === null || _props$styleProps9$cu === void 0 ? void 0 : _props$styleProps9$cu.fontSize};
-                font-family: ${((_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 ? void 0 : (_props$styleProps10$c = _props$styleProps10.customTextInputStyleProps) === null || _props$styleProps10$c === void 0 ? void 0 : _props$styleProps10$c.fontFamily) ?? ((_defaultPreChatSurvey = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customTextInputStyleProps) === null || _defaultPreChatSurvey === void 0 ? void 0 : _defaultPreChatSurvey.fontFamily)};
-                height: ${((_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : (_props$styleProps11$c = _props$styleProps11.customTextInputStyleProps) === null || _props$styleProps11$c === void 0 ? void 0 : _props$styleProps11$c.height) ?? ((_defaultPreChatSurvey2 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customTextInputStyleProps) === null || _defaultPreChatSurvey2 === void 0 ? void 0 : _defaultPreChatSurvey2.height)};
+                font-size: ${((_props$styleProps9 = props.styleProps) === null || _props$styleProps9 === void 0 || (_props$styleProps9 = _props$styleProps9.customTextInputStyleProps) === null || _props$styleProps9 === void 0 ? void 0 : _props$styleProps9.fontSize) ?? ((_defaultPreChatSurvey = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customTextInputStyleProps) === null || _defaultPreChatSurvey === void 0 ? void 0 : _defaultPreChatSurvey.fontSize)};
+                font-family: ${((_props$styleProps0 = props.styleProps) === null || _props$styleProps0 === void 0 || (_props$styleProps0 = _props$styleProps0.customTextInputStyleProps) === null || _props$styleProps0 === void 0 ? void 0 : _props$styleProps0.fontFamily) ?? ((_defaultPreChatSurvey2 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customTextInputStyleProps) === null || _defaultPreChatSurvey2 === void 0 ? void 0 : _defaultPreChatSurvey2.fontFamily)};
+                height: ${((_props$styleProps1 = props.styleProps) === null || _props$styleProps1 === void 0 || (_props$styleProps1 = _props$styleProps1.customTextInputStyleProps) === null || _props$styleProps1 === void 0 ? void 0 : _props$styleProps1.height) ?? ((_defaultPreChatSurvey3 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customTextInputStyleProps) === null || _defaultPreChatSurvey3 === void 0 ? void 0 : _defaultPreChatSurvey3.height)};
                 padding: 8px;
             }
             .ac-input.ac-textInput.ac-multiline {
-                font-size: ${(_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 ? void 0 : (_props$styleProps12$c = _props$styleProps12.customMultilineTextInputStyleProps) === null || _props$styleProps12$c === void 0 ? void 0 : _props$styleProps12$c.fontSize};
-                font-family: ${((_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 ? void 0 : (_props$styleProps13$c = _props$styleProps13.customMultilineTextInputStyleProps) === null || _props$styleProps13$c === void 0 ? void 0 : _props$styleProps13$c.fontFamily) ?? ((_defaultPreChatSurvey3 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customMultilineTextInputStyleProps) === null || _defaultPreChatSurvey3 === void 0 ? void 0 : _defaultPreChatSurvey3.fontFamily)};
-                height: ${((_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.customMultilineTextInputStyleProps) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.height) ?? ((_defaultPreChatSurvey4 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customMultilineTextInputStyleProps) === null || _defaultPreChatSurvey4 === void 0 ? void 0 : _defaultPreChatSurvey4.height)};
+                font-size: ${((_props$styleProps10 = props.styleProps) === null || _props$styleProps10 === void 0 || (_props$styleProps10 = _props$styleProps10.customMultilineTextInputStyleProps) === null || _props$styleProps10 === void 0 ? void 0 : _props$styleProps10.fontSize) ?? ((_defaultPreChatSurvey4 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customMultilineTextInputStyleProps) === null || _defaultPreChatSurvey4 === void 0 ? void 0 : _defaultPreChatSurvey4.fontSize)};
+                font-family: ${((_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 || (_props$styleProps11 = _props$styleProps11.customMultilineTextInputStyleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.fontFamily) ?? ((_defaultPreChatSurvey5 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customMultilineTextInputStyleProps) === null || _defaultPreChatSurvey5 === void 0 ? void 0 : _defaultPreChatSurvey5.fontFamily)};
+                height: ${((_props$styleProps12 = props.styleProps) === null || _props$styleProps12 === void 0 || (_props$styleProps12 = _props$styleProps12.customMultilineTextInputStyleProps) === null || _props$styleProps12 === void 0 ? void 0 : _props$styleProps12.height) ?? ((_defaultPreChatSurvey6 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customMultilineTextInputStyleProps) === null || _defaultPreChatSurvey6 === void 0 ? void 0 : _defaultPreChatSurvey6.height)};
                 resize: none;
             }
             .ac-input.ac-multichoiceInput {
-                font-size: ${(_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 ? void 0 : (_props$styleProps15$c = _props$styleProps15.customMultichoiceInputStyleProps) === null || _props$styleProps15$c === void 0 ? void 0 : _props$styleProps15$c.fontSize};
-                font-family: ${((_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.customMultichoiceInputStyleProps) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.fontFamily) ?? ((_defaultPreChatSurvey5 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customMultichoiceInputStyleProps) === null || _defaultPreChatSurvey5 === void 0 ? void 0 : _defaultPreChatSurvey5.fontFamily)};
+                font-size: ${((_props$styleProps13 = props.styleProps) === null || _props$styleProps13 === void 0 || (_props$styleProps13 = _props$styleProps13.customMultichoiceInputStyleProps) === null || _props$styleProps13 === void 0 ? void 0 : _props$styleProps13.fontSize) ?? ((_defaultPreChatSurvey7 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customMultichoiceInputStyleProps) === null || _defaultPreChatSurvey7 === void 0 ? void 0 : _defaultPreChatSurvey7.fontSize)};
+                font-family: ${((_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 || (_props$styleProps14 = _props$styleProps14.customMultichoiceInputStyleProps) === null || _props$styleProps14 === void 0 ? void 0 : _props$styleProps14.fontFamily) ?? ((_defaultPreChatSurvey8 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customMultichoiceInputStyleProps) === null || _defaultPreChatSurvey8 === void 0 ? void 0 : _defaultPreChatSurvey8.fontFamily)};
                 padding: 3px;
                 padding-top: 7px;
                 padding-bottom: 7px;
+                box-sizing: border-box;
+            }
+            .ac-input.ac-multichoiceInput.ac-choiceSetInput-compact {
+                height: auto;
+                min-height: 31px;
+                max-height: 45px;
+                -webkit-appearance: none;
+                appearance: none;
+                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
+                background-repeat: no-repeat;
+                background-position: right 8px center;
+                background-size: 16px;
+                padding-right: 30px;
             }
             .ac-input.ac-toggleInput {
-                align-items: ${((_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 ? void 0 : (_props$styleProps17$c = _props$styleProps17.customToggleInputStyleProps) === null || _props$styleProps17$c === void 0 ? void 0 : _props$styleProps17$c.alignItems) ?? ((_defaultPreChatSurvey6 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customToggleInputStyleProps) === null || _defaultPreChatSurvey6 === void 0 ? void 0 : _defaultPreChatSurvey6.alignItems)} !important;
+                align-items: ${((_props$styleProps15 = props.styleProps) === null || _props$styleProps15 === void 0 || (_props$styleProps15 = _props$styleProps15.customToggleInputStyleProps) === null || _props$styleProps15 === void 0 ? void 0 : _props$styleProps15.alignItems) ?? ((_defaultPreChatSurvey9 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customToggleInputStyleProps) === null || _defaultPreChatSurvey9 === void 0 ? void 0 : _defaultPreChatSurvey9.alignItems)} !important;
             }
             .ac-pushButton {
                 border: 1px solid #00000000;
                 margin: 2px;
-                height: ${((_props$styleProps18 = props.styleProps) === null || _props$styleProps18 === void 0 ? void 0 : (_props$styleProps18$c = _props$styleProps18.customButtonStyleProps) === null || _props$styleProps18$c === void 0 ? void 0 : _props$styleProps18$c.height) ?? ((_defaultPreChatSurvey7 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey7 === void 0 ? void 0 : _defaultPreChatSurvey7.height)};
-                width: ${((_props$styleProps19 = props.styleProps) === null || _props$styleProps19 === void 0 ? void 0 : (_props$styleProps19$c = _props$styleProps19.customButtonStyleProps) === null || _props$styleProps19$c === void 0 ? void 0 : _props$styleProps19$c.width) ?? ((_defaultPreChatSurvey8 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey8 === void 0 ? void 0 : _defaultPreChatSurvey8.width)};
+                height: ${((_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 || (_props$styleProps16 = _props$styleProps16.customButtonStyleProps) === null || _props$styleProps16 === void 0 ? void 0 : _props$styleProps16.height) ?? ((_defaultPreChatSurvey0 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey0 === void 0 ? void 0 : _defaultPreChatSurvey0.height)};
+                width: ${((_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 || (_props$styleProps17 = _props$styleProps17.customButtonStyleProps) === null || _props$styleProps17 === void 0 ? void 0 : _props$styleProps17.width) ?? ((_defaultPreChatSurvey1 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey1 === void 0 ? void 0 : _defaultPreChatSurvey1.width)};
                 border-radius: 5px;
                 cursor: pointer;
                 font-weight: bold;
-                font-size: ${((_props$styleProps20 = props.styleProps) === null || _props$styleProps20 === void 0 ? void 0 : (_props$styleProps20$c = _props$styleProps20.customButtonStyleProps) === null || _props$styleProps20$c === void 0 ? void 0 : _props$styleProps20$c.fontSize) ?? ((_defaultPreChatSurvey9 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey9 === void 0 ? void 0 : _defaultPreChatSurvey9.fontSize)};
-                font-family: ${((_props$styleProps21 = props.styleProps) === null || _props$styleProps21 === void 0 ? void 0 : (_props$styleProps21$c = _props$styleProps21.customButtonStyleProps) === null || _props$styleProps21$c === void 0 ? void 0 : _props$styleProps21$c.fontFamily) ?? ((_defaultPreChatSurvey10 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey10 === void 0 ? void 0 : _defaultPreChatSurvey10.fontFamily)};
-                color: ${((_props$styleProps22 = props.styleProps) === null || _props$styleProps22 === void 0 ? void 0 : (_props$styleProps22$c = _props$styleProps22.customButtonStyleProps) === null || _props$styleProps22$c === void 0 ? void 0 : _props$styleProps22$c.color) ?? ((_defaultPreChatSurvey11 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey11 === void 0 ? void 0 : _defaultPreChatSurvey11.color)};
-                background-color: ${((_props$styleProps23 = props.styleProps) === null || _props$styleProps23 === void 0 ? void 0 : (_props$styleProps23$c = _props$styleProps23.customButtonStyleProps) === null || _props$styleProps23$c === void 0 ? void 0 : _props$styleProps23$c.backgroundColor) ?? ((_defaultPreChatSurvey12 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey12 === void 0 ? void 0 : _defaultPreChatSurvey12.backgroundColor)};
+                font-size: ${((_props$styleProps18 = props.styleProps) === null || _props$styleProps18 === void 0 || (_props$styleProps18 = _props$styleProps18.customButtonStyleProps) === null || _props$styleProps18 === void 0 ? void 0 : _props$styleProps18.fontSize) ?? ((_defaultPreChatSurvey10 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey10 === void 0 ? void 0 : _defaultPreChatSurvey10.fontSize)};
+                font-family: ${((_props$styleProps19 = props.styleProps) === null || _props$styleProps19 === void 0 || (_props$styleProps19 = _props$styleProps19.customButtonStyleProps) === null || _props$styleProps19 === void 0 ? void 0 : _props$styleProps19.fontFamily) ?? ((_defaultPreChatSurvey11 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey11 === void 0 ? void 0 : _defaultPreChatSurvey11.fontFamily)};
+                color: ${((_props$styleProps20 = props.styleProps) === null || _props$styleProps20 === void 0 || (_props$styleProps20 = _props$styleProps20.customButtonStyleProps) === null || _props$styleProps20 === void 0 ? void 0 : _props$styleProps20.color) ?? ((_defaultPreChatSurvey12 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey12 === void 0 ? void 0 : _defaultPreChatSurvey12.color)};
+                background-color: ${((_props$styleProps21 = props.styleProps) === null || _props$styleProps21 === void 0 || (_props$styleProps21 = _props$styleProps21.customButtonStyleProps) === null || _props$styleProps21 === void 0 ? void 0 : _props$styleProps21.backgroundColor) ?? ((_defaultPreChatSurvey13 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey13 === void 0 ? void 0 : _defaultPreChatSurvey13.backgroundColor)};
             }`), !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hidePreChatSurveyPane) && /*#__PURE__*/_react2.default.createElement(_react.Stack, {
     id: elementId,
     tabIndex: -1,
@@ -157,6 +167,4 @@ function PreChatSurveyPane(props) {
     }
   }))));
 }
-
-var _default = PreChatSurveyPane;
-exports.default = _default;
+var _default = exports.default = PreChatSurveyPane;

package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultPreChatSurveyPaneControlProps.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPreChatSurveyPaneControlProps = void 0;
-
 var _Constants = require("../../../../common/Constants");
-
-const defaultPreChatSurveyPaneControlProps = {
+const defaultPreChatSurveyPaneControlProps = exports.defaultPreChatSurveyPaneControlProps = {
   id: _Constants.Ids.DefaultPreChatSurveyPaneId,
   dir: "auto",
   role: "form",
@@ -18,5 +16,4 @@ const defaultPreChatSurveyPaneControlProps = {
   onSubmit: function (values) {
     console.log("on submit");
   }
-};
-exports.defaultPreChatSurveyPaneControlProps = defaultPreChatSurveyPaneControlProps;
+};

package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultPreChatSurveyPaneProps.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPreChatSurveyPaneProps = void 0;
-
 var _defaultPreChatSurveyPaneStyles = require("./defaultStyles/defaultPreChatSurveyPaneStyles");
-
 var _defaultPreChatSurveyPaneControlProps = require("./defaultPreChatSurveyPaneControlProps");
-
-const defaultPreChatSurveyPaneProps = {
+const defaultPreChatSurveyPaneProps = exports.defaultPreChatSurveyPaneProps = {
   controlProps: _defaultPreChatSurveyPaneControlProps.defaultPreChatSurveyPaneControlProps,
   styleProps: _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles
-};
-exports.defaultPreChatSurveyPaneProps = defaultPreChatSurveyPaneProps;
+};

package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneACContainerStyles.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPreChatSurveyPaneACContainerStyles = void 0;
-const defaultPreChatSurveyPaneACContainerStyles = {
+const defaultPreChatSurveyPaneACContainerStyles = exports.defaultPreChatSurveyPaneACContainerStyles = {
   border: "1px solid #ECECEC",
   borderRadius: "4px",
   margin: "3%"
-};
-exports.defaultPreChatSurveyPaneACContainerStyles = defaultPreChatSurveyPaneACContainerStyles;
+};

package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneButtonStyles.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPreChatSurveyPaneButtonStyles = void 0;
-const defaultPreChatSurveyPaneButtonStyles = {
+const defaultPreChatSurveyPaneButtonStyles = exports.defaultPreChatSurveyPaneButtonStyles = {
   backgroundColor: "rgb(49, 95, 162)",
   color: "#FFFFFF",
   fontFamily: "Segoe UI, Arial, sans-serif",
   fontSize: "15px",
   height: "48px",
   width: "auto"
-};
-exports.defaultPreChatSurveyPaneButtonStyles = defaultPreChatSurveyPaneButtonStyles;
+};

package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneGeneralStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPreChatSurveyPaneGeneralStyles = void 0;
-const defaultPreChatSurveyPaneGeneralStyles = {
+const defaultPreChatSurveyPaneGeneralStyles = exports.defaultPreChatSurveyPaneGeneralStyles = {
   borderStyle: "solid",
   borderRadius: "4px",
   borderWidth: "3px",
@@ -13,5 +13,4 @@ const defaultPreChatSurveyPaneGeneralStyles = {
   overflowY: "auto",
   height: "inherit",
   width: "inherit"
-};
-exports.defaultPreChatSurveyPaneGeneralStyles = defaultPreChatSurveyPaneGeneralStyles;
+};

package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneMultichoiceInputStyles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPreChatSurveyPaneMultichoiceInputStyles = void 0;
-const defaultPreChatSurveyPaneMultichoiceInputStyles = {
+const defaultPreChatSurveyPaneMultichoiceInputStyles = exports.defaultPreChatSurveyPaneMultichoiceInputStyles = {
+  fontSize: "16px",
   fontFamily: "Segoe UI, Helvetica Neue, sans-serif"
-};
-exports.defaultPreChatSurveyPaneMultichoiceInputStyles = defaultPreChatSurveyPaneMultichoiceInputStyles;
+};

package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneMultilineTextInputStyles.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPreChatSurveyPaneMultilineTextInputStyles = void 0;
-const defaultPreChatSurveyPaneMultilineTextInputStyles = {
+const defaultPreChatSurveyPaneMultilineTextInputStyles = exports.defaultPreChatSurveyPaneMultilineTextInputStyles = {
+  fontSize: "16px",
   height: "52px",
   fontFamily: "Segoe UI, Helvetica Neue, sans-serif"
-};
-exports.defaultPreChatSurveyPaneMultilineTextInputStyles = defaultPreChatSurveyPaneMultilineTextInputStyles;
+};

package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles.js

@@ -4,22 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPreChatSurveyPaneStyles = void 0;
-
 var _defaultPreChatSurveyPaneACContainerStyles = require("./defaultPreChatSurveyPaneACContainerStyles");
-
 var _defaultPreChatSurveyPaneButtonStyles = require("./defaultPreChatSurveyPaneButtonStyles");
-
 var _defaultPreChatSurveyPaneGeneralStyles = require("./defaultPreChatSurveyPaneGeneralStyles");
-
 var _defaultPreChatSurveyPaneMultilineTextInputStyles = require("./defaultPreChatSurveyPaneMultilineTextInputStyles");
-
 var _defaultPreChatSurveyPaneTextInputStyles = require("./defaultPreChatSurveyPaneTextInputStyles");
-
 var _defaultPreChatSurveyPaneMultichoiceInputStyles = require("./defaultPreChatSurveyPaneMultichoiceInputStyles");
-
 var _defaultPreChatSurveyPaneToggleInputStyles = require("./defaultPreChatSurveyPaneToggleInputStyles");
-
-const defaultPreChatSurveyPaneStyles = {
+const defaultPreChatSurveyPaneStyles = exports.defaultPreChatSurveyPaneStyles = {
   generalStyleProps: _defaultPreChatSurveyPaneGeneralStyles.defaultPreChatSurveyPaneGeneralStyles,
   customButtonStyleProps: _defaultPreChatSurveyPaneButtonStyles.defaultPreChatSurveyPaneButtonStyles,
   adaptiveCardContainerStyleProps: _defaultPreChatSurveyPaneACContainerStyles.defaultPreChatSurveyPaneACContainerStyles,
@@ -27,5 +19,4 @@ const defaultPreChatSurveyPaneStyles = {
   customMultilineTextInputStyleProps: _defaultPreChatSurveyPaneMultilineTextInputStyles.defaultPreChatSurveyPaneMultilineTextInputStyles,
   customMultichoiceInputStyleProps: _defaultPreChatSurveyPaneMultichoiceInputStyles.defaultPreChatSurveyPaneMultichoiceInputStyles,
   customToggleInputStyleProps: _defaultPreChatSurveyPaneToggleInputStyles.defaultPreChatSurveyPaneToggleInputStyles
-};
-exports.defaultPreChatSurveyPaneStyles = defaultPreChatSurveyPaneStyles;
+};

package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneTextInputStyles.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPreChatSurveyPaneTextInputStyles = void 0;
-const defaultPreChatSurveyPaneTextInputStyles = {
+const defaultPreChatSurveyPaneTextInputStyles = exports.defaultPreChatSurveyPaneTextInputStyles = {
+  fontSize: "16px",
   height: "20px",
   fontFamily: "Segoe UI, Helvetica Neue, sans-serif"
-};
-exports.defaultPreChatSurveyPaneTextInputStyles = defaultPreChatSurveyPaneTextInputStyles;
+};

package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneToggleInputStyles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultPreChatSurveyPaneToggleInputStyles = void 0;
-const defaultPreChatSurveyPaneToggleInputStyles = {
+const defaultPreChatSurveyPaneToggleInputStyles = exports.defaultPreChatSurveyPaneToggleInputStyles = {
   alignItems: "baseline"
-};
-exports.defaultPreChatSurveyPaneToggleInputStyles = defaultPreChatSurveyPaneToggleInputStyles;
+};

package/lib/cjs/components/prechatsurveypane/common/presetOneProps/presetOnePreChatSurveyPaneControlProps.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.presetOnePreChatSurveyPaneControlProps = void 0;
-
 var _defaultPreChatSurveyPaneControlProps = require("../defaultProps/defaultPreChatSurveyPaneControlProps");
-
-const presetOnePreChatSurveyPaneControlProps = { ..._defaultPreChatSurveyPaneControlProps.defaultPreChatSurveyPaneControlProps,
+const presetOnePreChatSurveyPaneControlProps = exports.presetOnePreChatSurveyPaneControlProps = {
+  ..._defaultPreChatSurveyPaneControlProps.defaultPreChatSurveyPaneControlProps,
   dir: "rtl"
-};
-exports.presetOnePreChatSurveyPaneControlProps = presetOnePreChatSurveyPaneControlProps;
+};