@microsoft/omnichannel-chat-components 1.0.10-main.d625505 → 1.1.0
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/loadingpane/LoadingPane.js +1 -1
- package/lib/cjs/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneIconImageProps.js +1 -1
- package/lib/cjs/components/prechatsurveypane/PreChatSurveyPane.js +11 -8
- package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles.js +4 -1
- package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneToggleInputStyles.js +10 -0
- package/lib/cjs/components/prechatsurveypane/interfaces/IPreChatSurveyPaneToggleInputStyles.js +1 -0
- package/lib/esm/components/loadingpane/LoadingPane.js +1 -1
- package/lib/esm/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneIconImageProps.js +1 -1
- package/lib/esm/components/prechatsurveypane/PreChatSurveyPane.js +11 -8
- package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles.js +3 -1
- package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneToggleInputStyles.js +3 -0
- package/lib/esm/components/prechatsurveypane/interfaces/IPreChatSurveyPaneToggleInputStyles.js +1 -0
- package/lib/types/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneToggleInputStyles.d.ts +2 -0
- package/lib/types/components/prechatsurveypane/interfaces/IPreChatSurveyPaneStyleProps.d.ts +2 -0
- package/lib/types/components/prechatsurveypane/interfaces/IPreChatSurveyPaneToggleInputStyles.d.ts +3 -0
- package/package.json +1 -1
|
@@ -39,7 +39,7 @@ function LoadingPane(props) {
|
|
|
39
39
|
const iconStyles = {
|
|
40
40
|
root: Object.assign({}, _defaultLoadingPaneIconStyles.defaultLoadingPaneIconStyles, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.iconStyleProps)
|
|
41
41
|
};
|
|
42
|
-
const iconImageProps = ((_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.iconImageProps)
|
|
42
|
+
const iconImageProps = Object.assign({}, _defaultLoadingPaneIconImageProps.defaultLoadingPaneIconImageProps, (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.iconImageProps);
|
|
43
43
|
const titleStyles = {
|
|
44
44
|
root: Object.assign({}, _defaultLoadingPaneTitleStyles.defaultLoadingPaneTitleStyles, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.titleStyleProps)
|
|
45
45
|
};
|
|
@@ -11,7 +11,7 @@ var _Icons = require("../../../../../assets/Icons");
|
|
|
11
11
|
|
|
12
12
|
const defaultLoadingPaneIconImageProps = {
|
|
13
13
|
src: _Icons.ModernChatIconBase64,
|
|
14
|
-
imageFit: _react.ImageFit.
|
|
14
|
+
imageFit: _react.ImageFit.centerContain,
|
|
15
15
|
width: "86px",
|
|
16
16
|
height: "86px",
|
|
17
17
|
shouldFadeIn: false,
|
|
@@ -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, _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;
|
|
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$styleProps22, _props$styleProps22$c, _defaultPreChatSurvey12, _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;
|
|
@@ -124,18 +124,21 @@ function PreChatSurveyPane(props) {
|
|
|
124
124
|
padding-top: 7px;
|
|
125
125
|
padding-bottom: 7px;
|
|
126
126
|
}
|
|
127
|
-
.ac-
|
|
127
|
+
.ac-input.ac-toggleInput {
|
|
128
|
+
align-items: ${((_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.customToggleInputStyleProps) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.alignItems) ?? ((_defaultPreChatSurvey6 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customToggleInputStyleProps) === null || _defaultPreChatSurvey6 === void 0 ? void 0 : _defaultPreChatSurvey6.alignItems)} !important;
|
|
129
|
+
}
|
|
130
|
+
.ac-pushButton {
|
|
128
131
|
border: 1px solid #00000000;
|
|
129
132
|
margin: 2px;
|
|
130
|
-
height: ${((_props$
|
|
131
|
-
width: ${((_props$
|
|
133
|
+
height: ${((_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.height) ?? ((_defaultPreChatSurvey7 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey7 === void 0 ? void 0 : _defaultPreChatSurvey7.height)};
|
|
134
|
+
width: ${((_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.width) ?? ((_defaultPreChatSurvey8 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey8 === void 0 ? void 0 : _defaultPreChatSurvey8.width)};
|
|
132
135
|
border-radius: 5px;
|
|
133
136
|
cursor: pointer;
|
|
134
137
|
font-weight: bold;
|
|
135
|
-
font-size: ${((_props$
|
|
136
|
-
font-family: ${((_props$
|
|
137
|
-
color: ${((_props$
|
|
138
|
-
background-color: ${((_props$
|
|
138
|
+
font-size: ${((_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.fontSize) ?? ((_defaultPreChatSurvey9 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey9 === void 0 ? void 0 : _defaultPreChatSurvey9.fontSize)};
|
|
139
|
+
font-family: ${((_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.fontFamily) ?? ((_defaultPreChatSurvey10 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey10 === void 0 ? void 0 : _defaultPreChatSurvey10.fontFamily)};
|
|
140
|
+
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.color) ?? ((_defaultPreChatSurvey11 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey11 === void 0 ? void 0 : _defaultPreChatSurvey11.color)};
|
|
141
|
+
background-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.backgroundColor) ?? ((_defaultPreChatSurvey12 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey12 === void 0 ? void 0 : _defaultPreChatSurvey12.backgroundColor)};
|
|
139
142
|
}`), !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hidePreChatSurveyPane) && /*#__PURE__*/_react2.default.createElement(_react.Stack, {
|
|
140
143
|
id: elementId,
|
|
141
144
|
tabIndex: -1,
|
|
@@ -17,12 +17,15 @@ var _defaultPreChatSurveyPaneTextInputStyles = require("./defaultPreChatSurveyPa
|
|
|
17
17
|
|
|
18
18
|
var _defaultPreChatSurveyPaneMultichoiceInputStyles = require("./defaultPreChatSurveyPaneMultichoiceInputStyles");
|
|
19
19
|
|
|
20
|
+
var _defaultPreChatSurveyPaneToggleInputStyles = require("./defaultPreChatSurveyPaneToggleInputStyles");
|
|
21
|
+
|
|
20
22
|
const defaultPreChatSurveyPaneStyles = {
|
|
21
23
|
generalStyleProps: _defaultPreChatSurveyPaneGeneralStyles.defaultPreChatSurveyPaneGeneralStyles,
|
|
22
24
|
customButtonStyleProps: _defaultPreChatSurveyPaneButtonStyles.defaultPreChatSurveyPaneButtonStyles,
|
|
23
25
|
adaptiveCardContainerStyleProps: _defaultPreChatSurveyPaneACContainerStyles.defaultPreChatSurveyPaneACContainerStyles,
|
|
24
26
|
customTextInputStyleProps: _defaultPreChatSurveyPaneTextInputStyles.defaultPreChatSurveyPaneTextInputStyles,
|
|
25
27
|
customMultilineTextInputStyleProps: _defaultPreChatSurveyPaneMultilineTextInputStyles.defaultPreChatSurveyPaneMultilineTextInputStyles,
|
|
26
|
-
customMultichoiceInputStyleProps: _defaultPreChatSurveyPaneMultichoiceInputStyles.defaultPreChatSurveyPaneMultichoiceInputStyles
|
|
28
|
+
customMultichoiceInputStyleProps: _defaultPreChatSurveyPaneMultichoiceInputStyles.defaultPreChatSurveyPaneMultichoiceInputStyles,
|
|
29
|
+
customToggleInputStyleProps: _defaultPreChatSurveyPaneToggleInputStyles.defaultPreChatSurveyPaneToggleInputStyles
|
|
27
30
|
};
|
|
28
31
|
exports.defaultPreChatSurveyPaneStyles = defaultPreChatSurveyPaneStyles;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultPreChatSurveyPaneToggleInputStyles = void 0;
|
|
7
|
+
const defaultPreChatSurveyPaneToggleInputStyles = {
|
|
8
|
+
alignItems: "baseline"
|
|
9
|
+
};
|
|
10
|
+
exports.defaultPreChatSurveyPaneToggleInputStyles = defaultPreChatSurveyPaneToggleInputStyles;
|
package/lib/cjs/components/prechatsurveypane/interfaces/IPreChatSurveyPaneToggleInputStyles.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -20,7 +20,7 @@ function LoadingPane(props) {
|
|
|
20
20
|
const iconStyles = {
|
|
21
21
|
root: Object.assign({}, defaultLoadingPaneIconStyles, (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : _props$styleProps2.iconStyleProps)
|
|
22
22
|
};
|
|
23
|
-
const iconImageProps = ((_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.iconImageProps)
|
|
23
|
+
const iconImageProps = Object.assign({}, defaultLoadingPaneIconImageProps, (_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : _props$styleProps3.iconImageProps);
|
|
24
24
|
const titleStyles = {
|
|
25
25
|
root: Object.assign({}, defaultLoadingPaneTitleStyles, (_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : _props$styleProps4.titleStyleProps)
|
|
26
26
|
};
|
|
@@ -2,7 +2,7 @@ import { ImageFit } from "@fluentui/react";
|
|
|
2
2
|
import { ModernChatIconBase64 } from "../../../../../assets/Icons";
|
|
3
3
|
export const defaultLoadingPaneIconImageProps = {
|
|
4
4
|
src: ModernChatIconBase64,
|
|
5
|
-
imageFit: ImageFit.
|
|
5
|
+
imageFit: ImageFit.centerContain,
|
|
6
6
|
width: "86px",
|
|
7
7
|
height: "86px",
|
|
8
8
|
shouldFadeIn: false,
|
|
@@ -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, _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;
|
|
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$styleProps22, _props$styleProps22$c, _defaultPreChatSurvey12, _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;
|
|
@@ -102,18 +102,21 @@ function PreChatSurveyPane(props) {
|
|
|
102
102
|
padding-top: 7px;
|
|
103
103
|
padding-bottom: 7px;
|
|
104
104
|
}
|
|
105
|
-
.ac-
|
|
105
|
+
.ac-input.ac-toggleInput {
|
|
106
|
+
align-items: ${((_props$styleProps16 = props.styleProps) === null || _props$styleProps16 === void 0 ? void 0 : (_props$styleProps16$c = _props$styleProps16.customToggleInputStyleProps) === null || _props$styleProps16$c === void 0 ? void 0 : _props$styleProps16$c.alignItems) ?? ((_defaultPreChatSurvey6 = defaultPreChatSurveyPaneStyles.customToggleInputStyleProps) === null || _defaultPreChatSurvey6 === void 0 ? void 0 : _defaultPreChatSurvey6.alignItems)} !important;
|
|
107
|
+
}
|
|
108
|
+
.ac-pushButton {
|
|
106
109
|
border: 1px solid #00000000;
|
|
107
110
|
margin: 2px;
|
|
108
|
-
height: ${((_props$
|
|
109
|
-
width: ${((_props$
|
|
111
|
+
height: ${((_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.height) ?? ((_defaultPreChatSurvey7 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey7 === void 0 ? void 0 : _defaultPreChatSurvey7.height)};
|
|
112
|
+
width: ${((_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.width) ?? ((_defaultPreChatSurvey8 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey8 === void 0 ? void 0 : _defaultPreChatSurvey8.width)};
|
|
110
113
|
border-radius: 5px;
|
|
111
114
|
cursor: pointer;
|
|
112
115
|
font-weight: bold;
|
|
113
|
-
font-size: ${((_props$
|
|
114
|
-
font-family: ${((_props$
|
|
115
|
-
color: ${((_props$
|
|
116
|
-
background-color: ${((_props$
|
|
116
|
+
font-size: ${((_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.fontSize) ?? ((_defaultPreChatSurvey9 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey9 === void 0 ? void 0 : _defaultPreChatSurvey9.fontSize)};
|
|
117
|
+
font-family: ${((_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.fontFamily) ?? ((_defaultPreChatSurvey10 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey10 === void 0 ? void 0 : _defaultPreChatSurvey10.fontFamily)};
|
|
118
|
+
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.color) ?? ((_defaultPreChatSurvey11 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey11 === void 0 ? void 0 : _defaultPreChatSurvey11.color)};
|
|
119
|
+
background-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.backgroundColor) ?? ((_defaultPreChatSurvey12 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey12 === void 0 ? void 0 : _defaultPreChatSurvey12.backgroundColor)};
|
|
117
120
|
}`), !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hidePreChatSurveyPane) && /*#__PURE__*/React.createElement(Stack, {
|
|
118
121
|
id: elementId,
|
|
119
122
|
tabIndex: -1,
|
|
@@ -4,11 +4,13 @@ import { defaultPreChatSurveyPaneGeneralStyles } from "./defaultPreChatSurveyPan
|
|
|
4
4
|
import { defaultPreChatSurveyPaneMultilineTextInputStyles } from "./defaultPreChatSurveyPaneMultilineTextInputStyles";
|
|
5
5
|
import { defaultPreChatSurveyPaneTextInputStyles } from "./defaultPreChatSurveyPaneTextInputStyles";
|
|
6
6
|
import { defaultPreChatSurveyPaneMultichoiceInputStyles } from "./defaultPreChatSurveyPaneMultichoiceInputStyles";
|
|
7
|
+
import { defaultPreChatSurveyPaneToggleInputStyles } from "./defaultPreChatSurveyPaneToggleInputStyles";
|
|
7
8
|
export const defaultPreChatSurveyPaneStyles = {
|
|
8
9
|
generalStyleProps: defaultPreChatSurveyPaneGeneralStyles,
|
|
9
10
|
customButtonStyleProps: defaultPreChatSurveyPaneButtonStyles,
|
|
10
11
|
adaptiveCardContainerStyleProps: defaultPreChatSurveyPaneACContainerStyles,
|
|
11
12
|
customTextInputStyleProps: defaultPreChatSurveyPaneTextInputStyles,
|
|
12
13
|
customMultilineTextInputStyleProps: defaultPreChatSurveyPaneMultilineTextInputStyles,
|
|
13
|
-
customMultichoiceInputStyleProps: defaultPreChatSurveyPaneMultichoiceInputStyles
|
|
14
|
+
customMultichoiceInputStyleProps: defaultPreChatSurveyPaneMultichoiceInputStyles,
|
|
15
|
+
customToggleInputStyleProps: defaultPreChatSurveyPaneToggleInputStyles
|
|
14
16
|
};
|
package/lib/esm/components/prechatsurveypane/interfaces/IPreChatSurveyPaneToggleInputStyles.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { IPreChatSurveyPaneButtonStyles } from "./IPreChatSurveyPaneButtonStyles";
|
|
2
2
|
import { IStyle } from "@fluentui/react";
|
|
3
3
|
import { IPreChatSurveyPaneElementStyles } from "./IPreChatSurveyPaneElementStyles";
|
|
4
|
+
import { IPreChatSurveyPaneToggleInputStyles } from "./IPreChatSurveyPaneToggleInputStyles";
|
|
4
5
|
export interface IPreChatSurveyPaneStyleProps {
|
|
5
6
|
generalStyleProps?: IStyle;
|
|
6
7
|
adaptiveCardContainerStyleProps?: IStyle;
|
|
@@ -9,4 +10,5 @@ export interface IPreChatSurveyPaneStyleProps {
|
|
|
9
10
|
customTextInputStyleProps?: IPreChatSurveyPaneElementStyles;
|
|
10
11
|
customMultilineTextInputStyleProps?: IPreChatSurveyPaneElementStyles;
|
|
11
12
|
customMultichoiceInputStyleProps?: IPreChatSurveyPaneElementStyles;
|
|
13
|
+
customToggleInputStyleProps?: IPreChatSurveyPaneToggleInputStyles;
|
|
12
14
|
}
|