@microsoft/omnichannel-chat-components 1.0.3 → 1.0.4-main.f7e5d9c
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/prechatsurveypane/PreChatSurveyPane.js +15 -12
- package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneMultichoiceInputStyles.js +10 -0
- package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneMultilineTextInputStyles.js +2 -1
- package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles.js +4 -1
- package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneTextInputStyles.js +2 -1
- package/lib/esm/components/prechatsurveypane/PreChatSurveyPane.js +15 -12
- package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneMultichoiceInputStyles.js +3 -0
- package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneMultilineTextInputStyles.js +2 -1
- package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles.js +3 -1
- package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneTextInputStyles.js +2 -1
- package/lib/types/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneMultichoiceInputStyles.d.ts +2 -0
- package/lib/types/components/prechatsurveypane/interfaces/IPreChatSurveyPaneElementStyles.d.ts +1 -0
- package/package.json +1 -1
|
@@ -30,7 +30,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
30
30
|
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; }
|
|
31
31
|
|
|
32
32
|
function PreChatSurveyPane(props) {
|
|
33
|
-
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, _defaultPreChatSurvey, _props$styleProps10, _props$styleProps10$c, _props$styleProps11, _props$styleProps11$c,
|
|
33
|
+
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, _defaultPreChatSurvey, _props$styleProps10, _props$styleProps10$c, _defaultPreChatSurvey2, _props$styleProps11, _props$styleProps11$c, _props$styleProps12, _props$styleProps12$c, _defaultPreChatSurvey3, _props$styleProps13, _props$styleProps13$c, _defaultPreChatSurvey4, _props$styleProps14, _props$styleProps14$c, _props$styleProps15, _props$styleProps15$c, _defaultPreChatSurvey5, _props$styleProps16, _props$styleProps16$c, _defaultPreChatSurvey6, _props$styleProps17, _props$styleProps17$c, _defaultPreChatSurvey7, _props$styleProps18, _props$styleProps18$c, _defaultPreChatSurvey8, _props$styleProps19, _props$styleProps19$c, _defaultPreChatSurvey9, _props$styleProps20, _props$styleProps20$c, _defaultPreChatSurvey10, _props$styleProps21, _props$styleProps21$c, _defaultPreChatSurvey11, _props$controlProps6, _props$controlProps7, _props$controlProps8;
|
|
34
34
|
|
|
35
35
|
const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? _defaultPreChatSurveyPaneControlProps.defaultPreChatSurveyPaneControlProps.id;
|
|
36
36
|
let adpativeCardPayload;
|
|
@@ -105,32 +105,35 @@ function PreChatSurveyPane(props) {
|
|
|
105
105
|
}
|
|
106
106
|
.ac-input.ac-textInput {
|
|
107
107
|
font-size: ${(_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : (_props$styleProps8$cu = _props$styleProps8.customTextInputStyleProps) === null || _props$styleProps8$cu === void 0 ? void 0 : _props$styleProps8$cu.fontSize};
|
|
108
|
-
|
|
108
|
+
font-family: ${((_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.fontFamily) ?? ((_defaultPreChatSurvey = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customTextInputStyleProps) === null || _defaultPreChatSurvey === void 0 ? void 0 : _defaultPreChatSurvey.fontFamily)};
|
|
109
|
+
height: ${((_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.height) ?? ((_defaultPreChatSurvey2 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customTextInputStyleProps) === null || _defaultPreChatSurvey2 === void 0 ? void 0 : _defaultPreChatSurvey2.height)};
|
|
109
110
|
padding: 8px;
|
|
110
111
|
}
|
|
111
112
|
.ac-input.ac-textInput.ac-multiline {
|
|
112
|
-
font-size: ${(_props$
|
|
113
|
-
|
|
113
|
+
font-size: ${(_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : (_props$styleProps11$c = _props$styleProps11.customMultilineTextInputStyleProps) === null || _props$styleProps11$c === void 0 ? void 0 : _props$styleProps11$c.fontSize};
|
|
114
|
+
font-family: ${((_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.fontFamily) ?? ((_defaultPreChatSurvey3 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customMultilineTextInputStyleProps) === null || _defaultPreChatSurvey3 === void 0 ? void 0 : _defaultPreChatSurvey3.fontFamily)};
|
|
115
|
+
height: ${((_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.height) ?? ((_defaultPreChatSurvey4 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customMultilineTextInputStyleProps) === null || _defaultPreChatSurvey4 === void 0 ? void 0 : _defaultPreChatSurvey4.height)};
|
|
114
116
|
resize: none;
|
|
115
117
|
}
|
|
116
118
|
.ac-input.ac-multichoiceInput {
|
|
117
|
-
font-size: ${(_props$
|
|
119
|
+
font-size: ${(_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.customMultichoiceInputStyleProps) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.fontSize};
|
|
120
|
+
font-family: ${((_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.fontFamily) ?? ((_defaultPreChatSurvey5 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customMultichoiceInputStyleProps) === null || _defaultPreChatSurvey5 === void 0 ? void 0 : _defaultPreChatSurvey5.fontFamily)};
|
|
118
121
|
padding: 3px;
|
|
119
122
|
padding-top: 7px;
|
|
120
123
|
padding-bottom: 7px;
|
|
121
|
-
}
|
|
124
|
+
}
|
|
122
125
|
.ac-pushButton {
|
|
123
126
|
border: 1px solid #00000000;
|
|
124
127
|
margin: 2px;
|
|
125
|
-
height: ${((_props$
|
|
126
|
-
width: ${((_props$
|
|
128
|
+
height: ${((_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.customButtonStyleProps) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.height) ?? ((_defaultPreChatSurvey6 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey6 === void 0 ? void 0 : _defaultPreChatSurvey6.height)};
|
|
129
|
+
width: ${((_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 ? void 0 : (_props$styleProps17$c = _props$styleProps17.customButtonStyleProps) === null || _props$styleProps17$c === void 0 ? void 0 : _props$styleProps17$c.width) ?? ((_defaultPreChatSurvey7 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey7 === void 0 ? void 0 : _defaultPreChatSurvey7.width)};
|
|
127
130
|
border-radius: 5px;
|
|
128
131
|
cursor: pointer;
|
|
129
132
|
font-weight: bold;
|
|
130
|
-
font-size: ${((_props$
|
|
131
|
-
font-family: ${((_props$
|
|
132
|
-
color: ${((_props$
|
|
133
|
-
background-color: ${((_props$
|
|
133
|
+
font-size: ${((_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.fontSize) ?? ((_defaultPreChatSurvey8 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey8 === void 0 ? void 0 : _defaultPreChatSurvey8.fontSize)};
|
|
134
|
+
font-family: ${((_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.fontFamily) ?? ((_defaultPreChatSurvey9 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey9 === void 0 ? void 0 : _defaultPreChatSurvey9.fontFamily)};
|
|
135
|
+
color: ${((_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.color) ?? ((_defaultPreChatSurvey10 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey10 === void 0 ? void 0 : _defaultPreChatSurvey10.color)};
|
|
136
|
+
background-color: ${((_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.backgroundColor) ?? ((_defaultPreChatSurvey11 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey11 === void 0 ? void 0 : _defaultPreChatSurvey11.backgroundColor)};
|
|
134
137
|
}`), !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hidePreChatSurveyPane) && /*#__PURE__*/_react2.default.createElement(_react.Stack, {
|
|
135
138
|
id: elementId,
|
|
136
139
|
tabIndex: -1,
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultPreChatSurveyPaneMultichoiceInputStyles = void 0;
|
|
7
|
+
const defaultPreChatSurveyPaneMultichoiceInputStyles = {
|
|
8
|
+
fontFamily: "Segoe UI, Helvetica Neue, sans-serif"
|
|
9
|
+
};
|
|
10
|
+
exports.defaultPreChatSurveyPaneMultichoiceInputStyles = defaultPreChatSurveyPaneMultichoiceInputStyles;
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.defaultPreChatSurveyPaneMultilineTextInputStyles = void 0;
|
|
7
7
|
const defaultPreChatSurveyPaneMultilineTextInputStyles = {
|
|
8
|
-
height: "52px"
|
|
8
|
+
height: "52px",
|
|
9
|
+
fontFamily: "Segoe UI, Helvetica Neue, sans-serif"
|
|
9
10
|
};
|
|
10
11
|
exports.defaultPreChatSurveyPaneMultilineTextInputStyles = defaultPreChatSurveyPaneMultilineTextInputStyles;
|
|
@@ -15,11 +15,14 @@ var _defaultPreChatSurveyPaneMultilineTextInputStyles = require("./defaultPreCha
|
|
|
15
15
|
|
|
16
16
|
var _defaultPreChatSurveyPaneTextInputStyles = require("./defaultPreChatSurveyPaneTextInputStyles");
|
|
17
17
|
|
|
18
|
+
var _defaultPreChatSurveyPaneMultichoiceInputStyles = require("./defaultPreChatSurveyPaneMultichoiceInputStyles");
|
|
19
|
+
|
|
18
20
|
const defaultPreChatSurveyPaneStyles = {
|
|
19
21
|
generalStyleProps: _defaultPreChatSurveyPaneGeneralStyles.defaultPreChatSurveyPaneGeneralStyles,
|
|
20
22
|
customButtonStyleProps: _defaultPreChatSurveyPaneButtonStyles.defaultPreChatSurveyPaneButtonStyles,
|
|
21
23
|
adaptiveCardContainerStyleProps: _defaultPreChatSurveyPaneACContainerStyles.defaultPreChatSurveyPaneACContainerStyles,
|
|
22
24
|
customTextInputStyleProps: _defaultPreChatSurveyPaneTextInputStyles.defaultPreChatSurveyPaneTextInputStyles,
|
|
23
|
-
customMultilineTextInputStyleProps: _defaultPreChatSurveyPaneMultilineTextInputStyles.defaultPreChatSurveyPaneMultilineTextInputStyles
|
|
25
|
+
customMultilineTextInputStyleProps: _defaultPreChatSurveyPaneMultilineTextInputStyles.defaultPreChatSurveyPaneMultilineTextInputStyles,
|
|
26
|
+
customMultichoiceInputStyleProps: _defaultPreChatSurveyPaneMultichoiceInputStyles.defaultPreChatSurveyPaneMultichoiceInputStyles
|
|
24
27
|
};
|
|
25
28
|
exports.defaultPreChatSurveyPaneStyles = defaultPreChatSurveyPaneStyles;
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.defaultPreChatSurveyPaneTextInputStyles = void 0;
|
|
7
7
|
const defaultPreChatSurveyPaneTextInputStyles = {
|
|
8
|
-
height: "20px"
|
|
8
|
+
height: "20px",
|
|
9
|
+
fontFamily: "Segoe UI, Helvetica Neue, sans-serif"
|
|
9
10
|
};
|
|
10
11
|
exports.defaultPreChatSurveyPaneTextInputStyles = defaultPreChatSurveyPaneTextInputStyles;
|
|
@@ -10,7 +10,7 @@ import { defaultPreChatSurveyPaneGeneralStyles } from "./common/defaultProps/def
|
|
|
10
10
|
import { defaultPreChatSurveyPaneStyles } from "./common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles";
|
|
11
11
|
|
|
12
12
|
function PreChatSurveyPane(props) {
|
|
13
|
-
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, _defaultPreChatSurvey, _props$styleProps10, _props$styleProps10$c, _props$styleProps11, _props$styleProps11$c,
|
|
13
|
+
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, _defaultPreChatSurvey, _props$styleProps10, _props$styleProps10$c, _defaultPreChatSurvey2, _props$styleProps11, _props$styleProps11$c, _props$styleProps12, _props$styleProps12$c, _defaultPreChatSurvey3, _props$styleProps13, _props$styleProps13$c, _defaultPreChatSurvey4, _props$styleProps14, _props$styleProps14$c, _props$styleProps15, _props$styleProps15$c, _defaultPreChatSurvey5, _props$styleProps16, _props$styleProps16$c, _defaultPreChatSurvey6, _props$styleProps17, _props$styleProps17$c, _defaultPreChatSurvey7, _props$styleProps18, _props$styleProps18$c, _defaultPreChatSurvey8, _props$styleProps19, _props$styleProps19$c, _defaultPreChatSurvey9, _props$styleProps20, _props$styleProps20$c, _defaultPreChatSurvey10, _props$styleProps21, _props$styleProps21$c, _defaultPreChatSurvey11, _props$controlProps6, _props$controlProps7, _props$controlProps8;
|
|
14
14
|
|
|
15
15
|
const elementId = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.id) ?? defaultPreChatSurveyPaneControlProps.id;
|
|
16
16
|
let adpativeCardPayload;
|
|
@@ -83,32 +83,35 @@ function PreChatSurveyPane(props) {
|
|
|
83
83
|
}
|
|
84
84
|
.ac-input.ac-textInput {
|
|
85
85
|
font-size: ${(_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : (_props$styleProps8$cu = _props$styleProps8.customTextInputStyleProps) === null || _props$styleProps8$cu === void 0 ? void 0 : _props$styleProps8$cu.fontSize};
|
|
86
|
-
|
|
86
|
+
font-family: ${((_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.fontFamily) ?? ((_defaultPreChatSurvey = defaultPreChatSurveyPaneStyles.customTextInputStyleProps) === null || _defaultPreChatSurvey === void 0 ? void 0 : _defaultPreChatSurvey.fontFamily)};
|
|
87
|
+
height: ${((_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.height) ?? ((_defaultPreChatSurvey2 = defaultPreChatSurveyPaneStyles.customTextInputStyleProps) === null || _defaultPreChatSurvey2 === void 0 ? void 0 : _defaultPreChatSurvey2.height)};
|
|
87
88
|
padding: 8px;
|
|
88
89
|
}
|
|
89
90
|
.ac-input.ac-textInput.ac-multiline {
|
|
90
|
-
font-size: ${(_props$
|
|
91
|
-
|
|
91
|
+
font-size: ${(_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : (_props$styleProps11$c = _props$styleProps11.customMultilineTextInputStyleProps) === null || _props$styleProps11$c === void 0 ? void 0 : _props$styleProps11$c.fontSize};
|
|
92
|
+
font-family: ${((_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.fontFamily) ?? ((_defaultPreChatSurvey3 = defaultPreChatSurveyPaneStyles.customMultilineTextInputStyleProps) === null || _defaultPreChatSurvey3 === void 0 ? void 0 : _defaultPreChatSurvey3.fontFamily)};
|
|
93
|
+
height: ${((_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.height) ?? ((_defaultPreChatSurvey4 = defaultPreChatSurveyPaneStyles.customMultilineTextInputStyleProps) === null || _defaultPreChatSurvey4 === void 0 ? void 0 : _defaultPreChatSurvey4.height)};
|
|
92
94
|
resize: none;
|
|
93
95
|
}
|
|
94
96
|
.ac-input.ac-multichoiceInput {
|
|
95
|
-
font-size: ${(_props$
|
|
97
|
+
font-size: ${(_props$styleProps14 = props.styleProps) === null || _props$styleProps14 === void 0 ? void 0 : (_props$styleProps14$c = _props$styleProps14.customMultichoiceInputStyleProps) === null || _props$styleProps14$c === void 0 ? void 0 : _props$styleProps14$c.fontSize};
|
|
98
|
+
font-family: ${((_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.fontFamily) ?? ((_defaultPreChatSurvey5 = defaultPreChatSurveyPaneStyles.customMultichoiceInputStyleProps) === null || _defaultPreChatSurvey5 === void 0 ? void 0 : _defaultPreChatSurvey5.fontFamily)};
|
|
96
99
|
padding: 3px;
|
|
97
100
|
padding-top: 7px;
|
|
98
101
|
padding-bottom: 7px;
|
|
99
|
-
}
|
|
102
|
+
}
|
|
100
103
|
.ac-pushButton {
|
|
101
104
|
border: 1px solid #00000000;
|
|
102
105
|
margin: 2px;
|
|
103
|
-
height: ${((_props$
|
|
104
|
-
width: ${((_props$
|
|
106
|
+
height: ${((_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.customButtonStyleProps) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.height) ?? ((_defaultPreChatSurvey6 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey6 === void 0 ? void 0 : _defaultPreChatSurvey6.height)};
|
|
107
|
+
width: ${((_props$styleProps17 = props.styleProps) === null || _props$styleProps17 === void 0 ? void 0 : (_props$styleProps17$c = _props$styleProps17.customButtonStyleProps) === null || _props$styleProps17$c === void 0 ? void 0 : _props$styleProps17$c.width) ?? ((_defaultPreChatSurvey7 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey7 === void 0 ? void 0 : _defaultPreChatSurvey7.width)};
|
|
105
108
|
border-radius: 5px;
|
|
106
109
|
cursor: pointer;
|
|
107
110
|
font-weight: bold;
|
|
108
|
-
font-size: ${((_props$
|
|
109
|
-
font-family: ${((_props$
|
|
110
|
-
color: ${((_props$
|
|
111
|
-
background-color: ${((_props$
|
|
111
|
+
font-size: ${((_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.fontSize) ?? ((_defaultPreChatSurvey8 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey8 === void 0 ? void 0 : _defaultPreChatSurvey8.fontSize)};
|
|
112
|
+
font-family: ${((_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.fontFamily) ?? ((_defaultPreChatSurvey9 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey9 === void 0 ? void 0 : _defaultPreChatSurvey9.fontFamily)};
|
|
113
|
+
color: ${((_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.color) ?? ((_defaultPreChatSurvey10 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey10 === void 0 ? void 0 : _defaultPreChatSurvey10.color)};
|
|
114
|
+
background-color: ${((_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.backgroundColor) ?? ((_defaultPreChatSurvey11 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey11 === void 0 ? void 0 : _defaultPreChatSurvey11.backgroundColor)};
|
|
112
115
|
}`), !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hidePreChatSurveyPane) && /*#__PURE__*/React.createElement(Stack, {
|
|
113
116
|
id: elementId,
|
|
114
117
|
tabIndex: -1,
|
|
@@ -3,10 +3,12 @@ import { defaultPreChatSurveyPaneButtonStyles } from "./defaultPreChatSurveyPane
|
|
|
3
3
|
import { defaultPreChatSurveyPaneGeneralStyles } from "./defaultPreChatSurveyPaneGeneralStyles";
|
|
4
4
|
import { defaultPreChatSurveyPaneMultilineTextInputStyles } from "./defaultPreChatSurveyPaneMultilineTextInputStyles";
|
|
5
5
|
import { defaultPreChatSurveyPaneTextInputStyles } from "./defaultPreChatSurveyPaneTextInputStyles";
|
|
6
|
+
import { defaultPreChatSurveyPaneMultichoiceInputStyles } from "./defaultPreChatSurveyPaneMultichoiceInputStyles";
|
|
6
7
|
export const defaultPreChatSurveyPaneStyles = {
|
|
7
8
|
generalStyleProps: defaultPreChatSurveyPaneGeneralStyles,
|
|
8
9
|
customButtonStyleProps: defaultPreChatSurveyPaneButtonStyles,
|
|
9
10
|
adaptiveCardContainerStyleProps: defaultPreChatSurveyPaneACContainerStyles,
|
|
10
11
|
customTextInputStyleProps: defaultPreChatSurveyPaneTextInputStyles,
|
|
11
|
-
customMultilineTextInputStyleProps: defaultPreChatSurveyPaneMultilineTextInputStyles
|
|
12
|
+
customMultilineTextInputStyleProps: defaultPreChatSurveyPaneMultilineTextInputStyles,
|
|
13
|
+
customMultichoiceInputStyleProps: defaultPreChatSurveyPaneMultichoiceInputStyles
|
|
12
14
|
};
|