@microsoft/omnichannel-chat-components 1.0.9-main.5b6e929 → 1.0.10-main.007b9f6
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/common/Constants.js +2 -2
- package/lib/cjs/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js +2 -2
- package/lib/cjs/components/inputvalidationpane/common/presetTwo/presetTwoProps/presetTwoInputValidationPaneControlProps.js +0 -1
- 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/common/Constants.js +2 -2
- package/lib/esm/components/inputvalidationpane/common/default/defaultProps/defaultInputValidationPaneControlProps.js +2 -2
- package/lib/esm/components/inputvalidationpane/common/presetTwo/presetTwoProps/presetTwoInputValidationPaneControlProps.js +0 -1
- 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/common/Constants.d.ts +5 -4
- 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
|
@@ -60,9 +60,9 @@ const ButtonTypes = (_class4 = class ButtonTypes {}, _defineProperty(_class4, "I
|
|
|
60
60
|
exports.ButtonTypes = ButtonTypes;
|
|
61
61
|
const IconNames = (_class5 = class IconNames {}, _defineProperty(_class5, "DeclineCall", "DeclineCall"), _defineProperty(_class5, "Microphone", "Microphone"), _defineProperty(_class5, "MicOff2", "MicOff2"), _defineProperty(_class5, "Video", "Video"), _defineProperty(_class5, "VideoOff", "VideoOff"), _defineProperty(_class5, "IncomingCall", "IncomingCall"), _defineProperty(_class5, "ChromeClose", "ChromeClose"), _defineProperty(_class5, "Download", "Download"), _defineProperty(_class5, "Mail", "Mail"), _defineProperty(_class5, "Volume3", "Volume3"), _defineProperty(_class5, "Volume0", "Volume0"), _defineProperty(_class5, "ChromeMinimize", "ChromeMinimize"), _class5);
|
|
62
62
|
exports.IconNames = IconNames;
|
|
63
|
-
const AriaLabels = (_class6 = class AriaLabels {}, _defineProperty(_class6, "EndCall", "End Call"), _defineProperty(_class6, "MicMute", "Mute"), _defineProperty(_class6, "MicUnmute", "Unmute"), _defineProperty(_class6, "VideoTurnCameraOn", "Turn camera on"), _defineProperty(_class6, "VideoTurnCameraOff", "Turn camera off"), _defineProperty(_class6, "IncomingCallArea", "Incoming call area"), _defineProperty(_class6, "RejectCall", "Reject call"), _defineProperty(_class6, "AcceptVoiceCall", "Accept voice call"), _defineProperty(_class6, "AcceptVideoCall", "Accept video Call"), _defineProperty(_class6, "DeclineCall", "Decline Call"), _defineProperty(_class6, "AudioCall", "Audio Call"), _defineProperty(_class6, "VideoCall", "Video Call"), _defineProperty(_class6, "LetsChatWeAreOnline", "Let's chat we are online"), _defineProperty(_class6, "UnreadMessageString", "you have new messages"), _defineProperty(_class6, "Close", "Close"), _defineProperty(_class6, "ConfirmationPaneConfirm", "Close Chat"), _defineProperty(_class6, "ConfirmationPaneCancel", "Cancel. Return to Chat"), _defineProperty(_class6, "DownloadChatTranscript", "Download chat transcript"), _defineProperty(_class6, "EmailTranscript", "Email Transcript"), _defineProperty(_class6, "TurnSoundOff", "Turn sound off"), _defineProperty(_class6, "TurnSoundOn", "Turn sound on"), _defineProperty(_class6, "Minimize", "Minimize"), _defineProperty(_class6, "EmailChatTranscriptPane", "Email Chat Transcript Pane"), _defineProperty(_class6, "InputValidationPaneInput", "
|
|
63
|
+
const AriaLabels = (_class6 = class AriaLabels {}, _defineProperty(_class6, "EndCall", "End Call"), _defineProperty(_class6, "MicMute", "Mute"), _defineProperty(_class6, "MicUnmute", "Unmute"), _defineProperty(_class6, "VideoTurnCameraOn", "Turn camera on"), _defineProperty(_class6, "VideoTurnCameraOff", "Turn camera off"), _defineProperty(_class6, "IncomingCallArea", "Incoming call area"), _defineProperty(_class6, "RejectCall", "Reject call"), _defineProperty(_class6, "AcceptVoiceCall", "Accept voice call"), _defineProperty(_class6, "AcceptVideoCall", "Accept video Call"), _defineProperty(_class6, "DeclineCall", "Decline Call"), _defineProperty(_class6, "AudioCall", "Audio Call"), _defineProperty(_class6, "VideoCall", "Video Call"), _defineProperty(_class6, "LetsChatWeAreOnline", "Let's chat we are online"), _defineProperty(_class6, "UnreadMessageString", "you have new messages"), _defineProperty(_class6, "Close", "Close"), _defineProperty(_class6, "ConfirmationPaneConfirm", "Close Chat"), _defineProperty(_class6, "ConfirmationPaneCancel", "Cancel. Return to Chat"), _defineProperty(_class6, "DownloadChatTranscript", "Download chat transcript"), _defineProperty(_class6, "EmailTranscript", "Email Transcript"), _defineProperty(_class6, "TurnSoundOff", "Turn sound off"), _defineProperty(_class6, "TurnSoundOn", "Turn sound on"), _defineProperty(_class6, "Minimize", "Minimize"), _defineProperty(_class6, "EmailChatTranscriptPane", "Email Chat Transcript Pane"), _defineProperty(_class6, "InputValidationPaneInput", "Please provide e-mail address to send transcript. The transcript will be sent after the chat ends. Email address text area"), _defineProperty(_class6, "Save", "Save"), _defineProperty(_class6, "Cancel", "Cancel"), _defineProperty(_class6, "ProactiveChatPane", "Proactive Chat Pane"), _defineProperty(_class6, "ChatNow", "Chat Now"), _defineProperty(_class6, "ReconnectChatPane", "Reconnect Chat Pane"), _defineProperty(_class6, "ReconnectChatPaneIcon", "Reconnect Chat Pane Icon"), _defineProperty(_class6, "ContinueConversation", "Continue conversation"), _defineProperty(_class6, "StartNewConversation", "Start new conversation"), _class6);
|
|
64
64
|
exports.AriaLabels = AriaLabels;
|
|
65
65
|
const EventNames = (_class7 = class EventNames {}, _defineProperty(_class7, "OnClick", "OnClick"), _defineProperty(_class7, "OnEscapeKeyDown", "OnEscapeKeyDown"), _defineProperty(_class7, "IncomingCallEnded", "IncomingCallEnded"), _class7);
|
|
66
66
|
exports.EventNames = EventNames;
|
|
67
|
-
const Texts = (_class8 = class Texts {}, _defineProperty(_class8, "IncomingCallTitle", "Incoming Call"), _defineProperty(_class8, "ChatButtonTitle", "Let's Chat!"), _defineProperty(_class8, "ChatButtonSubtitle", "We're online."), _defineProperty(_class8, "ChatButtonUnreadMessageString", "new messages"), _defineProperty(_class8, "ChatButtonLargeUnreadMessageString", "99+"), _defineProperty(_class8, "CloseButtonText", "Close"), _defineProperty(_class8, "ConfirmationPaneTitle", "Close chat"), _defineProperty(_class8, "ConfirmationPaneSubtitle", "Do you really want to close this chat?"), _defineProperty(_class8, "ConfirmButtonText", "Close"), _defineProperty(_class8, "EmailPlaceHolderText", "johnsmith@outlook.com"), _defineProperty(_class8, "CancelButtonText", "Cancel"), _defineProperty(_class8, "DownloadChatTranscriptText", "Download chat transcript"), _defineProperty(_class8, "EmailTranscriptText", "Email Transcript"), _defineProperty(_class8, "HeaderIcon", "Chat Icon"), _defineProperty(_class8, "HeaderTitle", "Let's Chat"), _defineProperty(_class8, "MinimizeText", "Minimize"), _defineProperty(_class8, "InputValidationPaneTitleText", "
|
|
67
|
+
const Texts = (_class8 = class Texts {}, _defineProperty(_class8, "IncomingCallTitle", "Incoming Call"), _defineProperty(_class8, "ChatButtonTitle", "Let's Chat!"), _defineProperty(_class8, "ChatButtonSubtitle", "We're online."), _defineProperty(_class8, "ChatButtonUnreadMessageString", "new messages"), _defineProperty(_class8, "ChatButtonLargeUnreadMessageString", "99+"), _defineProperty(_class8, "CloseButtonText", "Close"), _defineProperty(_class8, "ConfirmationPaneTitle", "Close chat"), _defineProperty(_class8, "ConfirmationPaneSubtitle", "Do you really want to close this chat?"), _defineProperty(_class8, "ConfirmButtonText", "Close"), _defineProperty(_class8, "EmailPlaceHolderText", "johnsmith@outlook.com"), _defineProperty(_class8, "CancelButtonText", "Cancel"), _defineProperty(_class8, "DownloadChatTranscriptText", "Download chat transcript"), _defineProperty(_class8, "EmailTranscriptText", "Email Transcript"), _defineProperty(_class8, "HeaderIcon", "Chat Icon"), _defineProperty(_class8, "HeaderTitle", "Let's Chat"), _defineProperty(_class8, "MinimizeText", "Minimize"), _defineProperty(_class8, "InputValidationPaneTitleText", "Please provide e-mail address to send transcript."), _defineProperty(_class8, "InputValidationPaneSubtitleText", "The transcript will be sent after the chat ends."), _defineProperty(_class8, "InvalidInputErrorMessageText", "Enter a valid email address."), _defineProperty(_class8, "SendButtonText", "Send"), _defineProperty(_class8, "SaveButtonText", "Save"), _defineProperty(_class8, "LoadingPaneTitleText", "Welcome to"), _defineProperty(_class8, "LoadingPaneSubtitleText", "live chat support ..."), _defineProperty(_class8, "LoadingPaneSpinnerText", "Loading ..."), _defineProperty(_class8, "OOOHPaneTitleText", "Thanks for contacting us. You have reached us outside of our operating hours. An agent will respond when we open."), _defineProperty(_class8, "PostChatSurveyPaneTitleText", "Post chat survey pane"), _defineProperty(_class8, "ProactiveChatPaneTitleText", "Welcome to"), _defineProperty(_class8, "ProactiveChatPaneSubtitleText", "Live chat support!"), _defineProperty(_class8, "ProactiveChatPaneBodyTitleText", "Hi! Have any questions? I am here to help."), _defineProperty(_class8, "ProactiveChatPaneStartButtonText", "Chat Now"), _defineProperty(_class8, "ReconnectChatPaneTitleText", "Previous session detected"), _defineProperty(_class8, "ReconnectChatPaneSubtitleText", "We have detected a previous chat session. Would you like to continue with your previous session?"), _defineProperty(_class8, "ReconnectChatPaneContinueChatButtonText", "Continue conversation"), _defineProperty(_class8, "ReconnectChatPaneStartNewChatButtonText", "Start new conversation"), _class8);
|
|
68
68
|
exports.Texts = Texts;
|
|
@@ -26,8 +26,8 @@ const defaultInputValidationPaneControlProps = {
|
|
|
26
26
|
isButtonGroupHorizontal: true,
|
|
27
27
|
hideSendButton: false,
|
|
28
28
|
enableSendButton: false,
|
|
29
|
-
sendButtonText: _Constants.Texts.
|
|
30
|
-
sendButtonAriaLabel: _Constants.AriaLabels.
|
|
29
|
+
sendButtonText: _Constants.Texts.SaveButtonText,
|
|
30
|
+
sendButtonAriaLabel: _Constants.AriaLabels.Save,
|
|
31
31
|
hideCancelButton: false,
|
|
32
32
|
cancelButtonText: _Constants.Texts.CancelButtonText,
|
|
33
33
|
cancelButtonAriaLabel: _Constants.AriaLabels.Cancel,
|
|
@@ -26,7 +26,6 @@ const presetTwoInputValidationPaneControlProps = {
|
|
|
26
26
|
hideSendButton: false,
|
|
27
27
|
enableSendButton: true,
|
|
28
28
|
sendButtonText: _Constants.Texts.SendButtonText,
|
|
29
|
-
sendButtonAriaLabel: _Constants.AriaLabels.Send,
|
|
30
29
|
hideCancelButton: false,
|
|
31
30
|
cancelButtonText: _Constants.Texts.CancelButtonText,
|
|
32
31
|
cancelButtonAriaLabel: _Constants.AriaLabels.Cancel,
|
|
@@ -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";
|
|
@@ -45,6 +45,6 @@ export let ElementType;
|
|
|
45
45
|
export const Ids = (_class3 = class Ids {}, _defineProperty(_class3, "DefaultCallingContainerId", "lcw-calling-container"), _defineProperty(_class3, "DefaultCurrentCallId", "lcw-current-call-container"), _defineProperty(_class3, "CurrentCallActionGroupId", "lcw-current-call-action-icons"), _defineProperty(_class3, "CurrentCallFooterId", "lcw-current-call-footer"), _defineProperty(_class3, "RemoteVideoTileId", "lcw-remote-video"), _defineProperty(_class3, "SelfVideoTileId", "lcw-self-video"), _defineProperty(_class3, "VideoTileGroupId", "lcw-current-call-body"), _defineProperty(_class3, "EndCallButtonId", "lcw-call-reject-button"), _defineProperty(_class3, "MicButtonId", "lcw-toggle-audio"), _defineProperty(_class3, "VideoButtonId", "lcw-toggle-video"), _defineProperty(_class3, "CallTimerId", "lcw-current-call-timer"), _defineProperty(_class3, "CurrentCallLeftGroupId", "lcw-current-call-left-group"), _defineProperty(_class3, "CurrentCallMiddleGroupId", "lcw-current-call-middle-group"), _defineProperty(_class3, "CurrentCallRightGroupId", "lcw-current-call-right-group"), _defineProperty(_class3, "DefaultIncomingCallId", "lcw-incoming-call"), _defineProperty(_class3, "DeclineCallButtonId", "lcw-call-reject-button"), _defineProperty(_class3, "AudioCallButtonId", "lcw-call-accept-button"), _defineProperty(_class3, "VideoCallButtonId", "lcw-video-call-accept-button"), _defineProperty(_class3, "IncomingCallTitleId", "lcw-incoming-call-message"), _defineProperty(_class3, "DefaultIncomingCallPopupId", "lcw-incoming-call-popup"), _defineProperty(_class3, "IncomingCallLeftGroupId", "lcw-incoming-call-left-group"), _defineProperty(_class3, "IncomingCallMiddleGroupId", "lcw-incoming-call-middle-group"), _defineProperty(_class3, "IncomingCallRightGroupId", "lcw-incoming-call-right-group"), _defineProperty(_class3, "DefaultChatButtonId", "lcw-components-chat-button"), _defineProperty(_class3, "DefaultConfirmationPaneId", "lcw-components-confirmation-pane"), _defineProperty(_class3, "CustomFooterId", "lcw-footer"), _defineProperty(_class3, "DownloadTranscriptButtonId", "lcw-footer-download-transcript-button"), _defineProperty(_class3, "EmailTranscriptButtonId", "lcw-footer-email-transcript-button"), _defineProperty(_class3, "AudioNotificationButtonId", "lcw-footer-audio-notification-button"), _defineProperty(_class3, "DefaultFooterId", "lcw-components-footer"), _defineProperty(_class3, "FooterLeftGroupId", "lcw-footer-left-group"), _defineProperty(_class3, "FooterMiddleGroupId", "lcw-footer-middle-group"), _defineProperty(_class3, "FooterRightGroupId", "lcw-footer-right-group"), _defineProperty(_class3, "DefaultHeaderId", "lcw-header"), _defineProperty(_class3, "MinimizeButtonId", "lcw-header-minimize-button"), _defineProperty(_class3, "CloseButtonId", "lcw-header-close-button"), _defineProperty(_class3, "HeaderIconId", "lcw-header-icon"), _defineProperty(_class3, "HeaderTitleId", "lcw-header-title"), _defineProperty(_class3, "HeaderLeftGroupId", "lcw-header-left-group"), _defineProperty(_class3, "HeaderMiddleGroupId", "lcw-header-middle-group"), _defineProperty(_class3, "HeaderRightGroupId", "lcw-header-right-group"), _defineProperty(_class3, "DefaultInputValidationPaneId", "lcw-email-transcript-dialog-container"), _defineProperty(_class3, "DefaultInputValidationPaneInputId", "lcw-email-transcript-dialog-text-field"), _defineProperty(_class3, "DefaultLoadingPaneId", "lcw-loading-pane"), _defineProperty(_class3, "DefaultNotificationPaneId", "lcw-notification-pane"), _defineProperty(_class3, "DefaultOOOHPaneId", "lcw-out-of-office-hours-pane"), _defineProperty(_class3, "DefaultPostChatSurveyPaneId", "lcw-postchat-survey-pane"), _defineProperty(_class3, "DefaultPreChatSurveyPaneId", "lcw-prechat-survey-pane-default"), _defineProperty(_class3, "DefaultProactiveChatPaneId", "lcw-proactive-chat"), _defineProperty(_class3, "DefaultReconnectChatPaneId", "lcw-reconnect-chat-pane"), _class3);
|
|
46
46
|
export const ButtonTypes = (_class4 = class ButtonTypes {}, _defineProperty(_class4, "Icon", "icon"), _defineProperty(_class4, "Text", "text"), _class4);
|
|
47
47
|
export const IconNames = (_class5 = class IconNames {}, _defineProperty(_class5, "DeclineCall", "DeclineCall"), _defineProperty(_class5, "Microphone", "Microphone"), _defineProperty(_class5, "MicOff2", "MicOff2"), _defineProperty(_class5, "Video", "Video"), _defineProperty(_class5, "VideoOff", "VideoOff"), _defineProperty(_class5, "IncomingCall", "IncomingCall"), _defineProperty(_class5, "ChromeClose", "ChromeClose"), _defineProperty(_class5, "Download", "Download"), _defineProperty(_class5, "Mail", "Mail"), _defineProperty(_class5, "Volume3", "Volume3"), _defineProperty(_class5, "Volume0", "Volume0"), _defineProperty(_class5, "ChromeMinimize", "ChromeMinimize"), _class5);
|
|
48
|
-
export const AriaLabels = (_class6 = class AriaLabels {}, _defineProperty(_class6, "EndCall", "End Call"), _defineProperty(_class6, "MicMute", "Mute"), _defineProperty(_class6, "MicUnmute", "Unmute"), _defineProperty(_class6, "VideoTurnCameraOn", "Turn camera on"), _defineProperty(_class6, "VideoTurnCameraOff", "Turn camera off"), _defineProperty(_class6, "IncomingCallArea", "Incoming call area"), _defineProperty(_class6, "RejectCall", "Reject call"), _defineProperty(_class6, "AcceptVoiceCall", "Accept voice call"), _defineProperty(_class6, "AcceptVideoCall", "Accept video Call"), _defineProperty(_class6, "DeclineCall", "Decline Call"), _defineProperty(_class6, "AudioCall", "Audio Call"), _defineProperty(_class6, "VideoCall", "Video Call"), _defineProperty(_class6, "LetsChatWeAreOnline", "Let's chat we are online"), _defineProperty(_class6, "UnreadMessageString", "you have new messages"), _defineProperty(_class6, "Close", "Close"), _defineProperty(_class6, "ConfirmationPaneConfirm", "Close Chat"), _defineProperty(_class6, "ConfirmationPaneCancel", "Cancel. Return to Chat"), _defineProperty(_class6, "DownloadChatTranscript", "Download chat transcript"), _defineProperty(_class6, "EmailTranscript", "Email Transcript"), _defineProperty(_class6, "TurnSoundOff", "Turn sound off"), _defineProperty(_class6, "TurnSoundOn", "Turn sound on"), _defineProperty(_class6, "Minimize", "Minimize"), _defineProperty(_class6, "EmailChatTranscriptPane", "Email Chat Transcript Pane"), _defineProperty(_class6, "InputValidationPaneInput", "
|
|
48
|
+
export const AriaLabels = (_class6 = class AriaLabels {}, _defineProperty(_class6, "EndCall", "End Call"), _defineProperty(_class6, "MicMute", "Mute"), _defineProperty(_class6, "MicUnmute", "Unmute"), _defineProperty(_class6, "VideoTurnCameraOn", "Turn camera on"), _defineProperty(_class6, "VideoTurnCameraOff", "Turn camera off"), _defineProperty(_class6, "IncomingCallArea", "Incoming call area"), _defineProperty(_class6, "RejectCall", "Reject call"), _defineProperty(_class6, "AcceptVoiceCall", "Accept voice call"), _defineProperty(_class6, "AcceptVideoCall", "Accept video Call"), _defineProperty(_class6, "DeclineCall", "Decline Call"), _defineProperty(_class6, "AudioCall", "Audio Call"), _defineProperty(_class6, "VideoCall", "Video Call"), _defineProperty(_class6, "LetsChatWeAreOnline", "Let's chat we are online"), _defineProperty(_class6, "UnreadMessageString", "you have new messages"), _defineProperty(_class6, "Close", "Close"), _defineProperty(_class6, "ConfirmationPaneConfirm", "Close Chat"), _defineProperty(_class6, "ConfirmationPaneCancel", "Cancel. Return to Chat"), _defineProperty(_class6, "DownloadChatTranscript", "Download chat transcript"), _defineProperty(_class6, "EmailTranscript", "Email Transcript"), _defineProperty(_class6, "TurnSoundOff", "Turn sound off"), _defineProperty(_class6, "TurnSoundOn", "Turn sound on"), _defineProperty(_class6, "Minimize", "Minimize"), _defineProperty(_class6, "EmailChatTranscriptPane", "Email Chat Transcript Pane"), _defineProperty(_class6, "InputValidationPaneInput", "Please provide e-mail address to send transcript. The transcript will be sent after the chat ends. Email address text area"), _defineProperty(_class6, "Save", "Save"), _defineProperty(_class6, "Cancel", "Cancel"), _defineProperty(_class6, "ProactiveChatPane", "Proactive Chat Pane"), _defineProperty(_class6, "ChatNow", "Chat Now"), _defineProperty(_class6, "ReconnectChatPane", "Reconnect Chat Pane"), _defineProperty(_class6, "ReconnectChatPaneIcon", "Reconnect Chat Pane Icon"), _defineProperty(_class6, "ContinueConversation", "Continue conversation"), _defineProperty(_class6, "StartNewConversation", "Start new conversation"), _class6);
|
|
49
49
|
export const EventNames = (_class7 = class EventNames {}, _defineProperty(_class7, "OnClick", "OnClick"), _defineProperty(_class7, "OnEscapeKeyDown", "OnEscapeKeyDown"), _defineProperty(_class7, "IncomingCallEnded", "IncomingCallEnded"), _class7);
|
|
50
|
-
export const Texts = (_class8 = class Texts {}, _defineProperty(_class8, "IncomingCallTitle", "Incoming Call"), _defineProperty(_class8, "ChatButtonTitle", "Let's Chat!"), _defineProperty(_class8, "ChatButtonSubtitle", "We're online."), _defineProperty(_class8, "ChatButtonUnreadMessageString", "new messages"), _defineProperty(_class8, "ChatButtonLargeUnreadMessageString", "99+"), _defineProperty(_class8, "CloseButtonText", "Close"), _defineProperty(_class8, "ConfirmationPaneTitle", "Close chat"), _defineProperty(_class8, "ConfirmationPaneSubtitle", "Do you really want to close this chat?"), _defineProperty(_class8, "ConfirmButtonText", "Close"), _defineProperty(_class8, "EmailPlaceHolderText", "johnsmith@outlook.com"), _defineProperty(_class8, "CancelButtonText", "Cancel"), _defineProperty(_class8, "DownloadChatTranscriptText", "Download chat transcript"), _defineProperty(_class8, "EmailTranscriptText", "Email Transcript"), _defineProperty(_class8, "HeaderIcon", "Chat Icon"), _defineProperty(_class8, "HeaderTitle", "Let's Chat"), _defineProperty(_class8, "MinimizeText", "Minimize"), _defineProperty(_class8, "InputValidationPaneTitleText", "
|
|
50
|
+
export const Texts = (_class8 = class Texts {}, _defineProperty(_class8, "IncomingCallTitle", "Incoming Call"), _defineProperty(_class8, "ChatButtonTitle", "Let's Chat!"), _defineProperty(_class8, "ChatButtonSubtitle", "We're online."), _defineProperty(_class8, "ChatButtonUnreadMessageString", "new messages"), _defineProperty(_class8, "ChatButtonLargeUnreadMessageString", "99+"), _defineProperty(_class8, "CloseButtonText", "Close"), _defineProperty(_class8, "ConfirmationPaneTitle", "Close chat"), _defineProperty(_class8, "ConfirmationPaneSubtitle", "Do you really want to close this chat?"), _defineProperty(_class8, "ConfirmButtonText", "Close"), _defineProperty(_class8, "EmailPlaceHolderText", "johnsmith@outlook.com"), _defineProperty(_class8, "CancelButtonText", "Cancel"), _defineProperty(_class8, "DownloadChatTranscriptText", "Download chat transcript"), _defineProperty(_class8, "EmailTranscriptText", "Email Transcript"), _defineProperty(_class8, "HeaderIcon", "Chat Icon"), _defineProperty(_class8, "HeaderTitle", "Let's Chat"), _defineProperty(_class8, "MinimizeText", "Minimize"), _defineProperty(_class8, "InputValidationPaneTitleText", "Please provide e-mail address to send transcript."), _defineProperty(_class8, "InputValidationPaneSubtitleText", "The transcript will be sent after the chat ends."), _defineProperty(_class8, "InvalidInputErrorMessageText", "Enter a valid email address."), _defineProperty(_class8, "SendButtonText", "Send"), _defineProperty(_class8, "SaveButtonText", "Save"), _defineProperty(_class8, "LoadingPaneTitleText", "Welcome to"), _defineProperty(_class8, "LoadingPaneSubtitleText", "live chat support ..."), _defineProperty(_class8, "LoadingPaneSpinnerText", "Loading ..."), _defineProperty(_class8, "OOOHPaneTitleText", "Thanks for contacting us. You have reached us outside of our operating hours. An agent will respond when we open."), _defineProperty(_class8, "PostChatSurveyPaneTitleText", "Post chat survey pane"), _defineProperty(_class8, "ProactiveChatPaneTitleText", "Welcome to"), _defineProperty(_class8, "ProactiveChatPaneSubtitleText", "Live chat support!"), _defineProperty(_class8, "ProactiveChatPaneBodyTitleText", "Hi! Have any questions? I am here to help."), _defineProperty(_class8, "ProactiveChatPaneStartButtonText", "Chat Now"), _defineProperty(_class8, "ReconnectChatPaneTitleText", "Previous session detected"), _defineProperty(_class8, "ReconnectChatPaneSubtitleText", "We have detected a previous chat session. Would you like to continue with your previous session?"), _defineProperty(_class8, "ReconnectChatPaneContinueChatButtonText", "Continue conversation"), _defineProperty(_class8, "ReconnectChatPaneStartNewChatButtonText", "Start new conversation"), _class8);
|
|
@@ -18,8 +18,8 @@ export const defaultInputValidationPaneControlProps = {
|
|
|
18
18
|
isButtonGroupHorizontal: true,
|
|
19
19
|
hideSendButton: false,
|
|
20
20
|
enableSendButton: false,
|
|
21
|
-
sendButtonText: Texts.
|
|
22
|
-
sendButtonAriaLabel: AriaLabels.
|
|
21
|
+
sendButtonText: Texts.SaveButtonText,
|
|
22
|
+
sendButtonAriaLabel: AriaLabels.Save,
|
|
23
23
|
hideCancelButton: false,
|
|
24
24
|
cancelButtonText: Texts.CancelButtonText,
|
|
25
25
|
cancelButtonAriaLabel: AriaLabels.Cancel,
|
|
@@ -18,7 +18,6 @@ export const presetTwoInputValidationPaneControlProps = {
|
|
|
18
18
|
hideSendButton: false,
|
|
19
19
|
enableSendButton: true,
|
|
20
20
|
sendButtonText: Texts.SendButtonText,
|
|
21
|
-
sendButtonAriaLabel: AriaLabels.Send,
|
|
22
21
|
hideCancelButton: false,
|
|
23
22
|
cancelButtonText: Texts.CancelButtonText,
|
|
24
23
|
cancelButtonAriaLabel: AriaLabels.Cancel,
|
|
@@ -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 {};
|
|
@@ -140,8 +140,8 @@ export declare const AriaLabels: {
|
|
|
140
140
|
readonly TurnSoundOn: "Turn sound on";
|
|
141
141
|
readonly Minimize: "Minimize";
|
|
142
142
|
readonly EmailChatTranscriptPane: "Email Chat Transcript Pane";
|
|
143
|
-
readonly InputValidationPaneInput: "
|
|
144
|
-
readonly
|
|
143
|
+
readonly InputValidationPaneInput: "Please provide e-mail address to send transcript. The transcript will be sent after the chat ends. Email address text area";
|
|
144
|
+
readonly Save: "Save";
|
|
145
145
|
readonly Cancel: "Cancel";
|
|
146
146
|
readonly ProactiveChatPane: "Proactive Chat Pane";
|
|
147
147
|
readonly ChatNow: "Chat Now";
|
|
@@ -174,10 +174,11 @@ export declare const Texts: {
|
|
|
174
174
|
readonly HeaderIcon: "Chat Icon";
|
|
175
175
|
readonly HeaderTitle: "Let's Chat";
|
|
176
176
|
readonly MinimizeText: "Minimize";
|
|
177
|
-
readonly InputValidationPaneTitleText: "
|
|
178
|
-
readonly InputValidationPaneSubtitleText: "
|
|
177
|
+
readonly InputValidationPaneTitleText: "Please provide e-mail address to send transcript.";
|
|
178
|
+
readonly InputValidationPaneSubtitleText: "The transcript will be sent after the chat ends.";
|
|
179
179
|
readonly InvalidInputErrorMessageText: "Enter a valid email address.";
|
|
180
180
|
readonly SendButtonText: "Send";
|
|
181
|
+
readonly SaveButtonText: "Save";
|
|
181
182
|
readonly LoadingPaneTitleText: "Welcome to";
|
|
182
183
|
readonly LoadingPaneSubtitleText: "live chat support ...";
|
|
183
184
|
readonly LoadingPaneSpinnerText: "Loading ...";
|
|
@@ -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/package.json
CHANGED