@microsoft/omnichannel-chat-components 1.1.8 → 1.1.10
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 +19 -18
- package/lib/esm/components/prechatsurveypane/PreChatSurveyPane.js +19 -18
- package/lib/types/components/callingcontainer/CallingContainer.d.ts +2 -1
- package/lib/types/components/callingcontainer/subcomponents/CurrentCall/CurrentCall.d.ts +2 -1
- package/lib/types/components/callingcontainer/subcomponents/IncomingCall/IncomingCall.d.ts +2 -1
- package/lib/types/components/callingcontainer/subcomponents/Timer/Timer.d.ts +2 -1
- package/lib/types/components/chatbutton/ChatButton.d.ts +2 -1
- package/lib/types/components/common/commandbutton/CommandButton.d.ts +2 -1
- package/lib/types/components/common/subcomponents/CloseButton.d.ts +2 -1
- package/lib/types/components/confirmationpane/ConfirmationPane.d.ts +2 -1
- package/lib/types/components/footer/Footer.d.ts +2 -1
- package/lib/types/components/footer/subcomponents/AudioNotificationButton.d.ts +2 -1
- package/lib/types/components/footer/subcomponents/DownloadTranscriptButton.d.ts +2 -1
- package/lib/types/components/footer/subcomponents/EmailTranscriptButton.d.ts +2 -1
- package/lib/types/components/header/Header.d.ts +2 -1
- package/lib/types/components/header/subcomponents/MinimizeButton.d.ts +2 -1
- package/lib/types/components/inputvalidationpane/InputValidationPane.d.ts +2 -1
- package/lib/types/components/loadingpane/LoadingPane.d.ts +2 -1
- package/lib/types/components/notificationpane/NotificationPane.d.ts +2 -1
- package/lib/types/components/notificationpane/subcomponents/CloseChatButton.d.ts +2 -1
- package/lib/types/components/notificationpane/subcomponents/DismissButton.d.ts +2 -1
- package/lib/types/components/outofofficehourspane/OOOHPane.d.ts +2 -1
- package/lib/types/components/postchatsurveypane/PostChatSurveyPane.d.ts +2 -1
- package/lib/types/components/prechatsurveypane/PreChatSurveyPane.d.ts +2 -1
- package/lib/types/components/proactivechatpane/ProactiveChatPane.d.ts +2 -1
- package/lib/types/components/reconnectchatpane/ReconnectChatPane.d.ts +2 -1
- package/package.json +7 -7
|
@@ -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,
|
|
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, _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;
|
|
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;
|
|
@@ -95,50 +95,51 @@ function PreChatSurveyPane(props) {
|
|
|
95
95
|
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;
|
|
96
96
|
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};
|
|
97
97
|
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};
|
|
98
|
+
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};
|
|
98
99
|
overflow-wrap: break-word;
|
|
99
100
|
white-space: normal !important;
|
|
100
101
|
}
|
|
101
102
|
.ac-textRun {
|
|
102
|
-
font-size: ${(_props$
|
|
103
|
-
padding-top: ${(_props$
|
|
103
|
+
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;
|
|
104
|
+
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};
|
|
104
105
|
}
|
|
105
106
|
.ac-input {
|
|
106
107
|
margin-bottom: 6px;
|
|
107
108
|
}
|
|
108
109
|
.ac-input.ac-textInput {
|
|
109
|
-
font-size: ${(_props$
|
|
110
|
-
font-family: ${((_props$
|
|
111
|
-
height: ${((_props$
|
|
110
|
+
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};
|
|
111
|
+
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)};
|
|
112
|
+
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)};
|
|
112
113
|
padding: 8px;
|
|
113
114
|
}
|
|
114
115
|
.ac-input.ac-textInput.ac-multiline {
|
|
115
|
-
font-size: ${(_props$
|
|
116
|
-
font-family: ${((_props$
|
|
117
|
-
height: ${((_props$
|
|
116
|
+
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};
|
|
117
|
+
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)};
|
|
118
|
+
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)};
|
|
118
119
|
resize: none;
|
|
119
120
|
}
|
|
120
121
|
.ac-input.ac-multichoiceInput {
|
|
121
|
-
font-size: ${(_props$
|
|
122
|
-
font-family: ${((_props$
|
|
122
|
+
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};
|
|
123
|
+
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)};
|
|
123
124
|
padding: 3px;
|
|
124
125
|
padding-top: 7px;
|
|
125
126
|
padding-bottom: 7px;
|
|
126
127
|
}
|
|
127
128
|
.ac-input.ac-toggleInput {
|
|
128
|
-
align-items: ${((_props$
|
|
129
|
+
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;
|
|
129
130
|
}
|
|
130
131
|
.ac-pushButton {
|
|
131
132
|
border: 1px solid #00000000;
|
|
132
133
|
margin: 2px;
|
|
133
|
-
height: ${((_props$
|
|
134
|
-
width: ${((_props$
|
|
134
|
+
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)};
|
|
135
|
+
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)};
|
|
135
136
|
border-radius: 5px;
|
|
136
137
|
cursor: pointer;
|
|
137
138
|
font-weight: bold;
|
|
138
|
-
font-size: ${((_props$
|
|
139
|
-
font-family: ${((_props$
|
|
140
|
-
color: ${((_props$
|
|
141
|
-
background-color: ${((_props$
|
|
139
|
+
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)};
|
|
140
|
+
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)};
|
|
141
|
+
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)};
|
|
142
|
+
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)};
|
|
142
143
|
}`), !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hidePreChatSurveyPane) && /*#__PURE__*/_react2.default.createElement(_react.Stack, {
|
|
143
144
|
id: elementId,
|
|
144
145
|
tabIndex: -1,
|
|
@@ -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,
|
|
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, _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;
|
|
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;
|
|
@@ -73,50 +73,51 @@ function PreChatSurveyPane(props) {
|
|
|
73
73
|
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;
|
|
74
74
|
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};
|
|
75
75
|
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};
|
|
76
|
+
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};
|
|
76
77
|
overflow-wrap: break-word;
|
|
77
78
|
white-space: normal !important;
|
|
78
79
|
}
|
|
79
80
|
.ac-textRun {
|
|
80
|
-
font-size: ${(_props$
|
|
81
|
-
padding-top: ${(_props$
|
|
81
|
+
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;
|
|
82
|
+
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};
|
|
82
83
|
}
|
|
83
84
|
.ac-input {
|
|
84
85
|
margin-bottom: 6px;
|
|
85
86
|
}
|
|
86
87
|
.ac-input.ac-textInput {
|
|
87
|
-
font-size: ${(_props$
|
|
88
|
-
font-family: ${((_props$
|
|
89
|
-
height: ${((_props$
|
|
88
|
+
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};
|
|
89
|
+
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.customTextInputStyleProps) === null || _defaultPreChatSurvey === void 0 ? void 0 : _defaultPreChatSurvey.fontFamily)};
|
|
90
|
+
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.customTextInputStyleProps) === null || _defaultPreChatSurvey2 === void 0 ? void 0 : _defaultPreChatSurvey2.height)};
|
|
90
91
|
padding: 8px;
|
|
91
92
|
}
|
|
92
93
|
.ac-input.ac-textInput.ac-multiline {
|
|
93
|
-
font-size: ${(_props$
|
|
94
|
-
font-family: ${((_props$
|
|
95
|
-
height: ${((_props$
|
|
94
|
+
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};
|
|
95
|
+
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.customMultilineTextInputStyleProps) === null || _defaultPreChatSurvey3 === void 0 ? void 0 : _defaultPreChatSurvey3.fontFamily)};
|
|
96
|
+
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.customMultilineTextInputStyleProps) === null || _defaultPreChatSurvey4 === void 0 ? void 0 : _defaultPreChatSurvey4.height)};
|
|
96
97
|
resize: none;
|
|
97
98
|
}
|
|
98
99
|
.ac-input.ac-multichoiceInput {
|
|
99
|
-
font-size: ${(_props$
|
|
100
|
-
font-family: ${((_props$
|
|
100
|
+
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};
|
|
101
|
+
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.customMultichoiceInputStyleProps) === null || _defaultPreChatSurvey5 === void 0 ? void 0 : _defaultPreChatSurvey5.fontFamily)};
|
|
101
102
|
padding: 3px;
|
|
102
103
|
padding-top: 7px;
|
|
103
104
|
padding-bottom: 7px;
|
|
104
105
|
}
|
|
105
106
|
.ac-input.ac-toggleInput {
|
|
106
|
-
align-items: ${((_props$
|
|
107
|
+
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.customToggleInputStyleProps) === null || _defaultPreChatSurvey6 === void 0 ? void 0 : _defaultPreChatSurvey6.alignItems)} !important;
|
|
107
108
|
}
|
|
108
109
|
.ac-pushButton {
|
|
109
110
|
border: 1px solid #00000000;
|
|
110
111
|
margin: 2px;
|
|
111
|
-
height: ${((_props$
|
|
112
|
-
width: ${((_props$
|
|
112
|
+
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.customButtonStyleProps) === null || _defaultPreChatSurvey7 === void 0 ? void 0 : _defaultPreChatSurvey7.height)};
|
|
113
|
+
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.customButtonStyleProps) === null || _defaultPreChatSurvey8 === void 0 ? void 0 : _defaultPreChatSurvey8.width)};
|
|
113
114
|
border-radius: 5px;
|
|
114
115
|
cursor: pointer;
|
|
115
116
|
font-weight: bold;
|
|
116
|
-
font-size: ${((_props$
|
|
117
|
-
font-family: ${((_props$
|
|
118
|
-
color: ${((_props$
|
|
119
|
-
background-color: ${((_props$
|
|
117
|
+
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.customButtonStyleProps) === null || _defaultPreChatSurvey9 === void 0 ? void 0 : _defaultPreChatSurvey9.fontSize)};
|
|
118
|
+
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.customButtonStyleProps) === null || _defaultPreChatSurvey10 === void 0 ? void 0 : _defaultPreChatSurvey10.fontFamily)};
|
|
119
|
+
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.customButtonStyleProps) === null || _defaultPreChatSurvey11 === void 0 ? void 0 : _defaultPreChatSurvey11.color)};
|
|
120
|
+
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.customButtonStyleProps) === null || _defaultPreChatSurvey12 === void 0 ? void 0 : _defaultPreChatSurvey12.backgroundColor)};
|
|
120
121
|
}`), !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hidePreChatSurveyPane) && /*#__PURE__*/React.createElement(Stack, {
|
|
121
122
|
id: elementId,
|
|
122
123
|
tabIndex: -1,
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
import { ICallingContainerProps } from "./interfaces/ICallingContainerProps";
|
|
2
|
-
declare function CallingContainer(props: ICallingContainerProps): JSX.Element;
|
|
3
|
+
declare function CallingContainer(props: ICallingContainerProps): React.JSX.Element;
|
|
3
4
|
export default CallingContainer;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
import { ICurrentCallProps } from "./interfaces/ICurrentCallProps";
|
|
2
|
-
declare function CurrentCall(props: ICurrentCallProps): JSX.Element;
|
|
3
|
+
declare function CurrentCall(props: ICurrentCallProps): React.JSX.Element;
|
|
3
4
|
export default CurrentCall;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
import { IIncomingCallProps } from "./interfaces/IIncomingCallProps";
|
|
2
|
-
declare function IncomingCall(props: IIncomingCallProps): JSX.Element;
|
|
3
|
+
declare function IncomingCall(props: IIncomingCallProps): React.JSX.Element;
|
|
3
4
|
export default IncomingCall;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import type { IChatButtonProps } from "./interfaces/IChatButtonProps";
|
|
2
|
-
declare function ChatButton(props: IChatButtonProps): JSX.Element;
|
|
3
|
+
declare function ChatButton(props: IChatButtonProps): React.JSX.Element;
|
|
3
4
|
export default ChatButton;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ICommandButtonProps } from "../interfaces/ICommandButtonProps";
|
|
2
|
-
declare function CommandButton(props: ICommandButtonProps): JSX.Element;
|
|
3
|
+
declare function CommandButton(props: ICommandButtonProps): React.JSX.Element;
|
|
3
4
|
export default CommandButton;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ICommandButtonProps } from "../interfaces/ICommandButtonProps";
|
|
2
|
-
declare function CloseButton(props: ICommandButtonProps): JSX.Element;
|
|
3
|
+
declare function CloseButton(props: ICommandButtonProps): React.JSX.Element;
|
|
3
4
|
export default CloseButton;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { IConfirmationPaneProps } from "./interfaces/IConfirmationPaneProps";
|
|
2
|
-
declare function ConfirmationPane(props: IConfirmationPaneProps): JSX.Element;
|
|
3
|
+
declare function ConfirmationPane(props: IConfirmationPaneProps): React.JSX.Element;
|
|
3
4
|
export default ConfirmationPane;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ICommandButtonProps } from "../../common/interfaces/ICommandButtonProps";
|
|
2
|
-
declare function AudioNotificationButton(props: ICommandButtonProps): JSX.Element;
|
|
3
|
+
declare function AudioNotificationButton(props: ICommandButtonProps): React.JSX.Element;
|
|
3
4
|
export default AudioNotificationButton;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ICommandButtonProps } from "../../common/interfaces/ICommandButtonProps";
|
|
2
|
-
declare function DownloadTranscriptButton(props: ICommandButtonProps): JSX.Element;
|
|
3
|
+
declare function DownloadTranscriptButton(props: ICommandButtonProps): React.JSX.Element;
|
|
3
4
|
export default DownloadTranscriptButton;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ICommandButtonProps } from "../../common/interfaces/ICommandButtonProps";
|
|
2
|
-
declare function EmailTranscriptButton(props: ICommandButtonProps): JSX.Element;
|
|
3
|
+
declare function EmailTranscriptButton(props: ICommandButtonProps): React.JSX.Element;
|
|
3
4
|
export default EmailTranscriptButton;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ICommandButtonProps } from "../../common/interfaces/ICommandButtonProps";
|
|
2
|
-
declare function MinimizeButton(props: ICommandButtonProps): JSX.Element;
|
|
3
|
+
declare function MinimizeButton(props: ICommandButtonProps): React.JSX.Element;
|
|
3
4
|
export default MinimizeButton;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { IInputValidationPaneProps } from "./interfaces/IInputValidationPaneProps";
|
|
2
|
-
declare function InputValidationPane(props: IInputValidationPaneProps): JSX.Element;
|
|
3
|
+
declare function InputValidationPane(props: IInputValidationPaneProps): React.JSX.Element;
|
|
3
4
|
export default InputValidationPane;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { ILoadingPaneProps } from "./interfaces/ILoadingPaneProps";
|
|
2
|
-
|
|
2
|
+
import React from "react";
|
|
3
|
+
declare function LoadingPane(props: ILoadingPaneProps): React.JSX.Element;
|
|
3
4
|
export default LoadingPane;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { INotificationPaneInternal } from "./interfaces/common/INotificationPaneInternal";
|
|
2
|
-
declare function NotificationPane(props: INotificationPaneInternal): JSX.Element;
|
|
3
|
+
declare function NotificationPane(props: INotificationPaneInternal): React.JSX.Element;
|
|
3
4
|
export default NotificationPane;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ICommandButtonProps } from "../../common/interfaces/ICommandButtonProps";
|
|
2
|
-
declare function CloseChatButton(props: ICommandButtonProps): JSX.Element;
|
|
3
|
+
declare function CloseChatButton(props: ICommandButtonProps): React.JSX.Element;
|
|
3
4
|
export default CloseChatButton;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ICommandButtonProps } from "../../common/interfaces/ICommandButtonProps";
|
|
2
|
-
declare function DismissButton(props: ICommandButtonProps): JSX.Element;
|
|
3
|
+
declare function DismissButton(props: ICommandButtonProps): React.JSX.Element;
|
|
3
4
|
export default DismissButton;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { IPostChatSurveyPaneProps } from "./interfaces/IPostChatSurveyPaneProps";
|
|
2
|
-
|
|
2
|
+
import React from "react";
|
|
3
|
+
declare function PostChatSurveyPane(props: IPostChatSurveyPaneProps): React.JSX.Element;
|
|
3
4
|
export default PostChatSurveyPane;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { IPreChatSurveyPaneProps } from "./interfaces/IPreChatSurveyPaneProps";
|
|
2
|
-
declare function PreChatSurveyPane(props: IPreChatSurveyPaneProps): JSX.Element;
|
|
3
|
+
declare function PreChatSurveyPane(props: IPreChatSurveyPaneProps): React.JSX.Element;
|
|
3
4
|
export default PreChatSurveyPane;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { IProactiveChatPaneProps } from "./interfaces/IProactiveChatPaneProps";
|
|
2
|
-
declare function ProactiveChatPane(props: IProactiveChatPaneProps): JSX.Element;
|
|
3
|
+
declare function ProactiveChatPane(props: IProactiveChatPaneProps): React.JSX.Element;
|
|
3
4
|
export default ProactiveChatPane;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { IReconnectChatPaneProps } from "./interfaces/IReconnectChatPaneProps";
|
|
2
|
-
declare function ReconnectChatPane(props: IReconnectChatPaneProps): JSX.Element;
|
|
3
|
+
declare function ReconnectChatPane(props: IReconnectChatPaneProps): React.JSX.Element;
|
|
3
4
|
export default ReconnectChatPane;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@microsoft/omnichannel-chat-components",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.10",
|
|
4
4
|
"description": "Microsoft Omnichannel Chat Components",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"types": "lib/types/index.d.ts",
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"@types/core-js": "^2.5.5",
|
|
38
38
|
"@types/jest": "^27.0.2",
|
|
39
39
|
"@types/jest-image-snapshot": "^4.3.1",
|
|
40
|
-
"@types/react": "^
|
|
41
|
-
"@types/react-dom": "^
|
|
40
|
+
"@types/react": "^18.3.13",
|
|
41
|
+
"@types/react-dom": "^18.3.6",
|
|
42
42
|
"@types/styled-components": "^5.1.15",
|
|
43
43
|
"@typescript-eslint/eslint-plugin": "^5.3.0",
|
|
44
44
|
"@typescript-eslint/parser": "^5.2.0",
|
|
@@ -59,16 +59,16 @@
|
|
|
59
59
|
"json": "^11.0.0",
|
|
60
60
|
"playwright": "^1.16.3",
|
|
61
61
|
"postcss": "^8.3.9",
|
|
62
|
-
"react": "^
|
|
63
|
-
"react-dom": "^
|
|
64
|
-
"react-test-renderer": "^
|
|
62
|
+
"react": "^18.3.1",
|
|
63
|
+
"react-dom": "^18.3.1",
|
|
64
|
+
"react-test-renderer": "^18.3.1",
|
|
65
65
|
"storybook-addon-playwright": "^4.9.2",
|
|
66
66
|
"typescript": "^4.4.4"
|
|
67
67
|
},
|
|
68
68
|
"dependencies": {
|
|
69
69
|
"@fluentui/react": "^8.46.0",
|
|
70
70
|
"adaptivecards": "^2.10.0",
|
|
71
|
-
"botframework-webchat": "4.18.1-main.
|
|
71
|
+
"botframework-webchat": "4.18.1-main.20250515.4c7400a",
|
|
72
72
|
"broadcast-channel": "^4.5.0",
|
|
73
73
|
"jest-transform-stub": "^2.0.0",
|
|
74
74
|
"rxjs": "^5.0.3",
|