@microsoft/omnichannel-chat-components 1.0.10-main.d625505 → 1.1.1-main.4b43d74

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.
Files changed (16) hide show
  1. package/lib/cjs/components/loadingpane/LoadingPane.js +1 -1
  2. package/lib/cjs/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneIconImageProps.js +1 -1
  3. package/lib/cjs/components/prechatsurveypane/PreChatSurveyPane.js +11 -8
  4. package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles.js +4 -1
  5. package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneToggleInputStyles.js +10 -0
  6. package/lib/cjs/components/prechatsurveypane/interfaces/IPreChatSurveyPaneToggleInputStyles.js +1 -0
  7. package/lib/esm/components/loadingpane/LoadingPane.js +1 -1
  8. package/lib/esm/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneIconImageProps.js +1 -1
  9. package/lib/esm/components/prechatsurveypane/PreChatSurveyPane.js +11 -8
  10. package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles.js +3 -1
  11. package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneToggleInputStyles.js +3 -0
  12. package/lib/esm/components/prechatsurveypane/interfaces/IPreChatSurveyPaneToggleInputStyles.js +1 -0
  13. package/lib/types/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneToggleInputStyles.d.ts +2 -0
  14. package/lib/types/components/prechatsurveypane/interfaces/IPreChatSurveyPaneStyleProps.d.ts +2 -0
  15. package/lib/types/components/prechatsurveypane/interfaces/IPreChatSurveyPaneToggleInputStyles.d.ts +3 -0
  16. package/package.json +1 -1
package/lib/cjs/components/loadingpane/LoadingPane.js CHANGED
@@ -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) ?? _defaultLoadingPaneIconImageProps.defaultLoadingPaneIconImageProps;
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
  };
package/lib/cjs/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneIconImageProps.js CHANGED
@@ -11,7 +11,7 @@ var _Icons = require("../../../../../assets/Icons");
11
11
 
12
12
  const defaultLoadingPaneIconImageProps = {
13
13
  src: _Icons.ModernChatIconBase64,
14
- imageFit: _react.ImageFit.center,
14
+ imageFit: _react.ImageFit.centerContain,
15
15
  width: "86px",
16
16
  height: "86px",
17
17
  shouldFadeIn: false,
package/lib/cjs/components/prechatsurveypane/PreChatSurveyPane.js CHANGED
@@ -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-pushButton {
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$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)};
131
- 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)};
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$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)};
136
- 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)};
137
- 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)};
138
- 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)};
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,
package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles.js CHANGED
@@ -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;
package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneToggleInputStyles.js ADDED
@@ -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/esm/components/loadingpane/LoadingPane.js CHANGED
@@ -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) ?? defaultLoadingPaneIconImageProps;
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
  };
package/lib/esm/components/loadingpane/common/defaultProps/defaultStyles/defaultLoadingPaneIconImageProps.js CHANGED
@@ -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.center,
5
+ imageFit: ImageFit.centerContain,
6
6
  width: "86px",
7
7
  height: "86px",
8
8
  shouldFadeIn: false,
package/lib/esm/components/prechatsurveypane/PreChatSurveyPane.js CHANGED
@@ -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-pushButton {
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$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)};
109
- 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)};
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$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)};
114
- 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)};
115
- 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)};
116
- 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)};
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,
package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneStyles.js CHANGED
@@ -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/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneToggleInputStyles.js ADDED
@@ -0,0 +1,3 @@
1
+ export const defaultPreChatSurveyPaneToggleInputStyles = {
2
+ alignItems: "baseline"
3
+ };
package/lib/types/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneToggleInputStyles.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { IPreChatSurveyPaneToggleInputStyles } from "../../../interfaces/IPreChatSurveyPaneToggleInputStyles";
2
+ export declare const defaultPreChatSurveyPaneToggleInputStyles: IPreChatSurveyPaneToggleInputStyles;
package/lib/types/components/prechatsurveypane/interfaces/IPreChatSurveyPaneStyleProps.d.ts CHANGED
@@ -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
  }
package/lib/types/components/prechatsurveypane/interfaces/IPreChatSurveyPaneToggleInputStyles.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export interface IPreChatSurveyPaneToggleInputStyles {
2
+ alignItems?: string;
3
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@microsoft/omnichannel-chat-components",
3
- "version": "1.0.10-main.d625505",
3
+ "version": "1.1.1-main.4b43d74",
4
4
  "description": "Microsoft Omnichannel Chat Components",
5
5
  "main": "lib/cjs/index.js",
6
6
  "types": "lib/types/index.d.ts",