@microsoft/omnichannel-chat-components 0.1.0-main.1756db4 → 0.1.0-main.353ecff
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 +10 -1
- package/lib/cjs/components/chatbutton/ChatButton.js +26 -23
- package/lib/cjs/components/chatbutton/common/defaultProps/defaultChatButtonControlProps.js +3 -1
- package/lib/cjs/components/common/commandbutton/CommandButton.js +4 -7
- package/lib/cjs/components/footer/subcomponents/AudioNotificationButton.js +2 -8
- package/lib/cjs/components/prechatsurveypane/PreChatSurveyPane.js +5 -4
- package/lib/cjs/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneButtonStyles.js +2 -1
- package/lib/esm/common/Constants.js +8 -0
- package/lib/esm/components/chatbutton/ChatButton.js +26 -23
- package/lib/esm/components/chatbutton/common/defaultProps/defaultChatButtonControlProps.js +3 -1
- package/lib/esm/components/common/commandbutton/CommandButton.js +4 -7
- package/lib/esm/components/footer/subcomponents/AudioNotificationButton.js +2 -8
- package/lib/esm/components/prechatsurveypane/PreChatSurveyPane.js +5 -4
- package/lib/esm/components/prechatsurveypane/common/defaultProps/defaultStyles/defaultPreChatSurveyPaneButtonStyles.js +2 -1
- package/lib/types/common/Constants.d.ts +2 -0
- package/lib/types/components/chatbutton/interfaces/IChatButtonControlProps.d.ts +2 -0
- package/lib/types/components/prechatsurveypane/interfaces/IPreChatSurveyPaneButtonStyles.d.ts +1 -0
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.Regex = exports.KeyCodes = exports.ElementType = exports.BROADCAST_CHANNEL_NAME = exports.AccessibilityBrightnessRatio = void 0;
|
|
6
|
+
exports.Regex = exports.KeyCodes = exports.HiddenTextStyles = exports.ElementType = exports.BROADCAST_CHANNEL_NAME = exports.AccessibilityBrightnessRatio = void 0;
|
|
7
7
|
|
|
8
8
|
var _class, _class2;
|
|
9
9
|
|
|
@@ -16,6 +16,15 @@ const AccessibilityBrightnessRatio = 1.2;
|
|
|
16
16
|
exports.AccessibilityBrightnessRatio = AccessibilityBrightnessRatio;
|
|
17
17
|
const BROADCAST_CHANNEL_NAME = "omnichannel_broadcast_channel";
|
|
18
18
|
exports.BROADCAST_CHANNEL_NAME = BROADCAST_CHANNEL_NAME;
|
|
19
|
+
const HiddenTextStyles = {
|
|
20
|
+
position: "absolute",
|
|
21
|
+
height: "1px",
|
|
22
|
+
width: "1px",
|
|
23
|
+
overflow: "hidden",
|
|
24
|
+
clip: "rect(1px, 1px, 1px, 1px)",
|
|
25
|
+
whiteSpace: "nowrap"
|
|
26
|
+
};
|
|
27
|
+
exports.HiddenTextStyles = HiddenTextStyles;
|
|
19
28
|
const KeyCodes = (_class = class KeyCodes {}, _defineProperty(_class, "ENTER", "Enter"), _defineProperty(_class, "ESCAPE", "Escape"), _defineProperty(_class, "SPACE", "Space"), _defineProperty(_class, "DeclineCallHotKey", "D"), _defineProperty(_class, "AcceptAudioCallHotKey", "S"), _defineProperty(_class, "AcceptVideoCallHotKey", "A"), _defineProperty(_class, "ToggleMicHotKey", "M"), _defineProperty(_class, "ToggleCameraHotKey", "O"), _class);
|
|
20
29
|
exports.KeyCodes = KeyCodes;
|
|
21
30
|
const Regex = (_class2 = class Regex {}, _defineProperty(_class2, "EmailRegex", "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])"), _defineProperty(_class2, "URLRegex", /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi), _class2);
|
|
@@ -42,13 +42,16 @@ function NotificationBubble(props, parentId) {
|
|
|
42
42
|
const unreadMessageCount = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.unreadMessageCount) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.unreadMessageCount);
|
|
43
43
|
|
|
44
44
|
if (unreadMessageCount !== "0") {
|
|
45
|
-
var _props$componentOverr, _props$styleProps2, _props$styleProps2$cl;
|
|
45
|
+
var _props$componentOverr, _props$styleProps2, _props$styleProps2$cl, _props$controlProps2;
|
|
46
46
|
|
|
47
|
-
return (0, _decodeComponentString.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.notificationBubble) || /*#__PURE__*/_react2.default.createElement(_react.
|
|
47
|
+
return (0, _decodeComponentString.decodeComponentString)((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.notificationBubble) || /*#__PURE__*/_react2.default.createElement(_react.Stack, {
|
|
48
|
+
role: "alert",
|
|
48
49
|
styles: notificationBubbleStyles,
|
|
49
50
|
className: (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : (_props$styleProps2$cl = _props$styleProps2.classNames) === null || _props$styleProps2$cl === void 0 ? void 0 : _props$styleProps2$cl.notificationBubbleClassName,
|
|
50
51
|
id: parentId + "-notification-bubble"
|
|
51
|
-
}, unreadMessageCount
|
|
52
|
+
}, unreadMessageCount, /*#__PURE__*/_react2.default.createElement("span", {
|
|
53
|
+
style: _Constants.HiddenTextStyles
|
|
54
|
+
}, (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.unreadMessageString));
|
|
52
55
|
}
|
|
53
56
|
|
|
54
57
|
return null;
|
|
@@ -68,7 +71,7 @@ function IconContainer(props, parentId) {
|
|
|
68
71
|
}
|
|
69
72
|
|
|
70
73
|
function TextContainer(props, parentId) {
|
|
71
|
-
var _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$
|
|
74
|
+
var _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$controlProps3, _props$controlProps4, _props$controlProps5, _props$controlProps6, _props$controlProps7, _props$controlProps8, _props$componentOverr3, _props$styleProps8, _props$styleProps8$cl, _props$componentOverr4, _props$styleProps9, _props$styleProps9$cl, _props$componentOverr5, _props$styleProps10, _props$styleProps10$c;
|
|
72
75
|
|
|
73
76
|
const textContainerStyles = {
|
|
74
77
|
root: Object.assign({}, _defaultChatButtonTextContainerStyles.defaultChatButtonTextContainerStyles, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.textContainerStyleProps)
|
|
@@ -79,12 +82,12 @@ function TextContainer(props, parentId) {
|
|
|
79
82
|
const subtitleStyles = {
|
|
80
83
|
root: Object.assign({}, _defaultChatButtonSubTitleStyles.defaultChatButtonSubTitleStyles, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.subtitleStyleProps)
|
|
81
84
|
};
|
|
82
|
-
const hideChatTitle = ((_props$
|
|
83
|
-
const hideChatSubtitle = ((_props$
|
|
84
|
-
const titleDir = ((_props$
|
|
85
|
-
const titleText = ((_props$
|
|
86
|
-
const subtitleDir = ((_props$
|
|
87
|
-
const subtitleText = ((_props$
|
|
85
|
+
const hideChatTitle = ((_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.hideChatTitle) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.hideChatTitle);
|
|
86
|
+
const hideChatSubtitle = ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.hideChatSubtitle) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.hideChatSubtitle);
|
|
87
|
+
const titleDir = ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.dir) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.dir);
|
|
88
|
+
const titleText = ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.titleText) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.titleText);
|
|
89
|
+
const subtitleDir = ((_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.dir) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.dir);
|
|
90
|
+
const subtitleText = ((_props$controlProps8 = props.controlProps) === null || _props$controlProps8 === void 0 ? void 0 : _props$controlProps8.subtitleText) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.subtitleText);
|
|
88
91
|
return (0, _decodeComponentString.decodeComponentString)((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.textContainer) || /*#__PURE__*/_react2.default.createElement(_react.Stack, {
|
|
89
92
|
styles: textContainerStyles,
|
|
90
93
|
className: (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : (_props$styleProps8$cl = _props$styleProps8.classNames) === null || _props$styleProps8$cl === void 0 ? void 0 : _props$styleProps8$cl.textContainerClassName,
|
|
@@ -105,23 +108,23 @@ function TextContainer(props, parentId) {
|
|
|
105
108
|
}
|
|
106
109
|
|
|
107
110
|
function ChatButton(props) {
|
|
108
|
-
var _props$
|
|
109
|
-
|
|
110
|
-
const elementId = ((_props$
|
|
111
|
-
const defaultAriaLabel = ((_props$
|
|
112
|
-
const defaultRole = ((_props$
|
|
113
|
-
const containersDir = ((_props$
|
|
114
|
-
const hideChatButton = ((_props$
|
|
115
|
-
const hideChatIcon = ((_props$
|
|
116
|
-
const hideChatTextContainer = ((_props$
|
|
117
|
-
const hideNotificationBubble = ((_props$
|
|
111
|
+
var _props$controlProps9, _props$controlProps10, _props$controlProps11, _props$controlProps12, _props$controlProps13, _props$controlProps14, _props$controlProps15, _props$controlProps16, _props$styleProps11;
|
|
112
|
+
|
|
113
|
+
const elementId = ((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.id) ?? "lcw-components-chat-button";
|
|
114
|
+
const defaultAriaLabel = ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.ariaLabel) ?? "live chat button";
|
|
115
|
+
const defaultRole = ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.role) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.role);
|
|
116
|
+
const containersDir = ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.dir) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.dir);
|
|
117
|
+
const hideChatButton = ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.hideChatButton) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.hideChatButton);
|
|
118
|
+
const hideChatIcon = ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.hideChatIcon) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.hideChatIcon);
|
|
119
|
+
const hideChatTextContainer = ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.hideChatTextContainer) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.hideChatTextContainer);
|
|
120
|
+
const hideNotificationBubble = ((_props$controlProps16 = props.controlProps) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.hideNotificationBubble) ?? (_defaultChatButtonControlProps.defaultChatButtonControlProps === null || _defaultChatButtonControlProps.defaultChatButtonControlProps === void 0 ? void 0 : _defaultChatButtonControlProps.defaultChatButtonControlProps.hideNotificationBubble);
|
|
118
121
|
const chatButtonGroupStyles = {
|
|
119
122
|
root: Object.assign({}, _defaultChatButtonGeneralStyles.defaultChatButtonGeneralStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.generalStyleProps)
|
|
120
123
|
};
|
|
121
124
|
const handleInitiateChatClick = (0, _react2.useCallback)(() => {
|
|
122
|
-
var _props$
|
|
125
|
+
var _props$controlProps17;
|
|
123
126
|
|
|
124
|
-
if ((_props$
|
|
127
|
+
if ((_props$controlProps17 = props.controlProps) !== null && _props$controlProps17 !== void 0 && _props$controlProps17.onClick) {
|
|
125
128
|
const customEvent = {
|
|
126
129
|
elementType: _Constants.ElementType.ChatButton,
|
|
127
130
|
elementId: elementId,
|
|
@@ -150,7 +153,7 @@ function ChatButton(props) {
|
|
|
150
153
|
onClick: handleInitiateChatClick,
|
|
151
154
|
onKeyDown: handleInputKeyDown,
|
|
152
155
|
"aria-label": defaultAriaLabel
|
|
153
|
-
}, !hideChatIcon && IconContainer(props, elementId), !
|
|
156
|
+
}, !hideChatIcon && IconContainer(props, elementId), !hideNotificationBubble && NotificationBubble(props, elementId), !hideChatTextContainer && TextContainer(props, elementId)));
|
|
154
157
|
}
|
|
155
158
|
|
|
156
159
|
var _default = ChatButton;
|
|
@@ -20,6 +20,8 @@ const defaultChatButtonControlProps = {
|
|
|
20
20
|
hideChatTextContainer: false,
|
|
21
21
|
hideChatSubtitle: false,
|
|
22
22
|
hideChatTitle: false,
|
|
23
|
-
hideNotificationBubble: true
|
|
23
|
+
hideNotificationBubble: true,
|
|
24
|
+
unreadMessageString: "new messages",
|
|
25
|
+
largeUnreadMessageString: "99+"
|
|
24
26
|
};
|
|
25
27
|
exports.defaultChatButtonControlProps = defaultChatButtonControlProps;
|
|
@@ -22,12 +22,9 @@ function CommandButton(props) {
|
|
|
22
22
|
const iconProp = props.imageIconProps ? {
|
|
23
23
|
imageProps: props.imageIconProps
|
|
24
24
|
} : {
|
|
25
|
-
iconName: props.iconName
|
|
26
|
-
styles: {
|
|
27
|
-
root: props.styles
|
|
28
|
-
}
|
|
25
|
+
iconName: props.iconName
|
|
29
26
|
};
|
|
30
|
-
const
|
|
27
|
+
const buttonStyles = {
|
|
31
28
|
root: props.styles,
|
|
32
29
|
rootHovered: props.hoverStyles,
|
|
33
30
|
rootFocused: props.focusStyles,
|
|
@@ -53,14 +50,14 @@ function CommandButton(props) {
|
|
|
53
50
|
onClick: handleOnClick,
|
|
54
51
|
disabled: props.disabled,
|
|
55
52
|
className: props.className,
|
|
56
|
-
styles:
|
|
53
|
+
styles: buttonStyles
|
|
57
54
|
}), props.type === "icon" && /*#__PURE__*/_react2.default.createElement(_react.IconButton, {
|
|
58
55
|
id: props.id,
|
|
59
56
|
iconProps: iconProp,
|
|
60
57
|
title: props.ariaLabel,
|
|
61
58
|
ariaLabel: props.ariaLabel,
|
|
62
59
|
disabled: props.disabled,
|
|
63
|
-
styles:
|
|
60
|
+
styles: buttonStyles,
|
|
64
61
|
onClick: handleOnClick,
|
|
65
62
|
className: props.className
|
|
66
63
|
}));
|
|
@@ -32,18 +32,12 @@ function AudioNotificationButton(props) {
|
|
|
32
32
|
const volume0Icon = props.imageToggleIconProps ? {
|
|
33
33
|
imageProps: props === null || props === void 0 ? void 0 : props.imageToggleIconProps
|
|
34
34
|
} : {
|
|
35
|
-
iconName: (props === null || props === void 0 ? void 0 : props.toggleIconName) ?? "Volume0"
|
|
36
|
-
styles: {
|
|
37
|
-
root: props.styles
|
|
38
|
-
}
|
|
35
|
+
iconName: (props === null || props === void 0 ? void 0 : props.toggleIconName) ?? "Volume0"
|
|
39
36
|
};
|
|
40
37
|
const volume3Icon = props.imageIconProps ? {
|
|
41
38
|
imageProps: props === null || props === void 0 ? void 0 : props.imageIconProps
|
|
42
39
|
} : {
|
|
43
|
-
iconName: (props === null || props === void 0 ? void 0 : props.iconName) ?? "Volume3"
|
|
44
|
-
styles: {
|
|
45
|
-
root: props.styles
|
|
46
|
-
}
|
|
40
|
+
iconName: (props === null || props === void 0 ? void 0 : props.iconName) ?? "Volume3"
|
|
47
41
|
};
|
|
48
42
|
const handleOnClick = (0, _react2.useCallback)(() => {
|
|
49
43
|
setMuted(!muted);
|
|
@@ -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, _defaultPreChatSurvey, _props$styleProps4, _props$styleProps4$cu, _defaultPreChatSurvey2, _props$controlProps6, _props$controlProps7, _props$controlProps8;
|
|
33
|
+
var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps3$cu, _defaultPreChatSurvey, _props$styleProps4, _props$styleProps4$cu, _defaultPreChatSurvey2, _props$styleProps5, _props$styleProps5$cu, _defaultPreChatSurvey3, _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) ?? "lcw-components-prechatsurvey-pane";
|
|
36
36
|
let adpativeCardPayload;
|
|
@@ -111,11 +111,12 @@ function PreChatSurveyPane(props) {
|
|
|
111
111
|
margin: 2px;
|
|
112
112
|
height: 48px;
|
|
113
113
|
border-radius: 5px;
|
|
114
|
+
cursor: pointer;
|
|
114
115
|
font-weight: bold;
|
|
115
116
|
font-size: 15px;
|
|
116
|
-
|
|
117
|
-
color: ${((_props$
|
|
118
|
-
background-color: ${((_props$
|
|
117
|
+
font-family: ${((_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : (_props$styleProps3$cu = _props$styleProps3.customButtonStyleProps) === null || _props$styleProps3$cu === void 0 ? void 0 : _props$styleProps3$cu.fontFamily) ?? ((_defaultPreChatSurvey = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey === void 0 ? void 0 : _defaultPreChatSurvey.fontFamily)};
|
|
118
|
+
color: ${((_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : (_props$styleProps4$cu = _props$styleProps4.customButtonStyleProps) === null || _props$styleProps4$cu === void 0 ? void 0 : _props$styleProps4$cu.color) ?? ((_defaultPreChatSurvey2 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey2 === void 0 ? void 0 : _defaultPreChatSurvey2.color)};
|
|
119
|
+
background-color: ${((_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : (_props$styleProps5$cu = _props$styleProps5.customButtonStyleProps) === null || _props$styleProps5$cu === void 0 ? void 0 : _props$styleProps5$cu.backgroundColor) ?? ((_defaultPreChatSurvey3 = _defaultPreChatSurveyPaneStyles.defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey3 === void 0 ? void 0 : _defaultPreChatSurvey3.backgroundColor)};
|
|
119
120
|
}`), !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hidePreChatSurveyPane) && /*#__PURE__*/_react2.default.createElement(_react.Stack, {
|
|
120
121
|
id: elementId,
|
|
121
122
|
tabIndex: -1,
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.defaultPreChatSurveyPaneButtonStyles = void 0;
|
|
7
7
|
const defaultPreChatSurveyPaneButtonStyles = {
|
|
8
8
|
backgroundColor: "rgb(49, 95, 162)",
|
|
9
|
-
color: "#FFFFFF"
|
|
9
|
+
color: "#FFFFFF",
|
|
10
|
+
fontFamily: "Segoe UI, Arial, sans-serif"
|
|
10
11
|
};
|
|
11
12
|
exports.defaultPreChatSurveyPaneButtonStyles = defaultPreChatSurveyPaneButtonStyles;
|
|
@@ -7,6 +7,14 @@ export const AccessibilityBrightnessRatio = 1.2;
|
|
|
7
7
|
/* App constants*/
|
|
8
8
|
|
|
9
9
|
export const BROADCAST_CHANNEL_NAME = "omnichannel_broadcast_channel";
|
|
10
|
+
export const HiddenTextStyles = {
|
|
11
|
+
position: "absolute",
|
|
12
|
+
height: "1px",
|
|
13
|
+
width: "1px",
|
|
14
|
+
overflow: "hidden",
|
|
15
|
+
clip: "rect(1px, 1px, 1px, 1px)",
|
|
16
|
+
whiteSpace: "nowrap"
|
|
17
|
+
};
|
|
10
18
|
export const KeyCodes = (_class = class KeyCodes {}, _defineProperty(_class, "ENTER", "Enter"), _defineProperty(_class, "ESCAPE", "Escape"), _defineProperty(_class, "SPACE", "Space"), _defineProperty(_class, "DeclineCallHotKey", "D"), _defineProperty(_class, "AcceptAudioCallHotKey", "S"), _defineProperty(_class, "AcceptVideoCallHotKey", "A"), _defineProperty(_class, "ToggleMicHotKey", "M"), _defineProperty(_class, "ToggleCameraHotKey", "O"), _class);
|
|
11
19
|
export const Regex = (_class2 = class Regex {}, _defineProperty(_class2, "EmailRegex", "(?:[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*\")@(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z0-9-]*[a-zA-Z0-9]:(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21-\\x5a\\x53-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])+)\\])"), _defineProperty(_class2, "URLRegex", /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi), _class2);
|
|
12
20
|
export let ElementType;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Icon, Label, Stack } from "@fluentui/react";
|
|
2
2
|
import React, { useCallback } from "react";
|
|
3
3
|
import { BroadcastService } from "../../services/BroadcastService";
|
|
4
|
-
import { ElementType, KeyCodes } from "../../common/Constants";
|
|
4
|
+
import { ElementType, KeyCodes, HiddenTextStyles } from "../../common/Constants";
|
|
5
5
|
import { decodeComponentString } from "../../common/decodeComponentString";
|
|
6
6
|
import { defaultChatButtonControlProps } from "./common/defaultProps/defaultChatButtonControlProps";
|
|
7
7
|
import { defaultChatButtonGeneralStyles } from "./common/defaultStyles/defaultChatButtonGeneralStyles";
|
|
@@ -20,13 +20,16 @@ function NotificationBubble(props, parentId) {
|
|
|
20
20
|
const unreadMessageCount = ((_props$controlProps = props.controlProps) === null || _props$controlProps === void 0 ? void 0 : _props$controlProps.unreadMessageCount) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.unreadMessageCount);
|
|
21
21
|
|
|
22
22
|
if (unreadMessageCount !== "0") {
|
|
23
|
-
var _props$componentOverr, _props$styleProps2, _props$styleProps2$cl;
|
|
23
|
+
var _props$componentOverr, _props$styleProps2, _props$styleProps2$cl, _props$controlProps2;
|
|
24
24
|
|
|
25
|
-
return decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.notificationBubble) || /*#__PURE__*/React.createElement(
|
|
25
|
+
return decodeComponentString((_props$componentOverr = props.componentOverrides) === null || _props$componentOverr === void 0 ? void 0 : _props$componentOverr.notificationBubble) || /*#__PURE__*/React.createElement(Stack, {
|
|
26
|
+
role: "alert",
|
|
26
27
|
styles: notificationBubbleStyles,
|
|
27
28
|
className: (_props$styleProps2 = props.styleProps) === null || _props$styleProps2 === void 0 ? void 0 : (_props$styleProps2$cl = _props$styleProps2.classNames) === null || _props$styleProps2$cl === void 0 ? void 0 : _props$styleProps2$cl.notificationBubbleClassName,
|
|
28
29
|
id: parentId + "-notification-bubble"
|
|
29
|
-
}, unreadMessageCount
|
|
30
|
+
}, unreadMessageCount, /*#__PURE__*/React.createElement("span", {
|
|
31
|
+
style: HiddenTextStyles
|
|
32
|
+
}, (_props$controlProps2 = props.controlProps) === null || _props$controlProps2 === void 0 ? void 0 : _props$controlProps2.unreadMessageString));
|
|
30
33
|
}
|
|
31
34
|
|
|
32
35
|
return null;
|
|
@@ -46,7 +49,7 @@ function IconContainer(props, parentId) {
|
|
|
46
49
|
}
|
|
47
50
|
|
|
48
51
|
function TextContainer(props, parentId) {
|
|
49
|
-
var _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$
|
|
52
|
+
var _props$styleProps5, _props$styleProps6, _props$styleProps7, _props$controlProps3, _props$controlProps4, _props$controlProps5, _props$controlProps6, _props$controlProps7, _props$controlProps8, _props$componentOverr3, _props$styleProps8, _props$styleProps8$cl, _props$componentOverr4, _props$styleProps9, _props$styleProps9$cl, _props$componentOverr5, _props$styleProps10, _props$styleProps10$c;
|
|
50
53
|
|
|
51
54
|
const textContainerStyles = {
|
|
52
55
|
root: Object.assign({}, defaultChatButtonTextContainerStyles, (_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : _props$styleProps5.textContainerStyleProps)
|
|
@@ -57,12 +60,12 @@ function TextContainer(props, parentId) {
|
|
|
57
60
|
const subtitleStyles = {
|
|
58
61
|
root: Object.assign({}, defaultChatButtonSubTitleStyles, (_props$styleProps7 = props.styleProps) === null || _props$styleProps7 === void 0 ? void 0 : _props$styleProps7.subtitleStyleProps)
|
|
59
62
|
};
|
|
60
|
-
const hideChatTitle = ((_props$
|
|
61
|
-
const hideChatSubtitle = ((_props$
|
|
62
|
-
const titleDir = ((_props$
|
|
63
|
-
const titleText = ((_props$
|
|
64
|
-
const subtitleDir = ((_props$
|
|
65
|
-
const subtitleText = ((_props$
|
|
63
|
+
const hideChatTitle = ((_props$controlProps3 = props.controlProps) === null || _props$controlProps3 === void 0 ? void 0 : _props$controlProps3.hideChatTitle) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.hideChatTitle);
|
|
64
|
+
const hideChatSubtitle = ((_props$controlProps4 = props.controlProps) === null || _props$controlProps4 === void 0 ? void 0 : _props$controlProps4.hideChatSubtitle) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.hideChatSubtitle);
|
|
65
|
+
const titleDir = ((_props$controlProps5 = props.controlProps) === null || _props$controlProps5 === void 0 ? void 0 : _props$controlProps5.dir) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.dir);
|
|
66
|
+
const titleText = ((_props$controlProps6 = props.controlProps) === null || _props$controlProps6 === void 0 ? void 0 : _props$controlProps6.titleText) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.titleText);
|
|
67
|
+
const subtitleDir = ((_props$controlProps7 = props.controlProps) === null || _props$controlProps7 === void 0 ? void 0 : _props$controlProps7.dir) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.dir);
|
|
68
|
+
const subtitleText = ((_props$controlProps8 = props.controlProps) === null || _props$controlProps8 === void 0 ? void 0 : _props$controlProps8.subtitleText) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.subtitleText);
|
|
66
69
|
return decodeComponentString((_props$componentOverr3 = props.componentOverrides) === null || _props$componentOverr3 === void 0 ? void 0 : _props$componentOverr3.textContainer) || /*#__PURE__*/React.createElement(Stack, {
|
|
67
70
|
styles: textContainerStyles,
|
|
68
71
|
className: (_props$styleProps8 = props.styleProps) === null || _props$styleProps8 === void 0 ? void 0 : (_props$styleProps8$cl = _props$styleProps8.classNames) === null || _props$styleProps8$cl === void 0 ? void 0 : _props$styleProps8$cl.textContainerClassName,
|
|
@@ -83,23 +86,23 @@ function TextContainer(props, parentId) {
|
|
|
83
86
|
}
|
|
84
87
|
|
|
85
88
|
function ChatButton(props) {
|
|
86
|
-
var _props$
|
|
89
|
+
var _props$controlProps9, _props$controlProps10, _props$controlProps11, _props$controlProps12, _props$controlProps13, _props$controlProps14, _props$controlProps15, _props$controlProps16, _props$styleProps11;
|
|
87
90
|
|
|
88
|
-
const elementId = ((_props$
|
|
89
|
-
const defaultAriaLabel = ((_props$
|
|
90
|
-
const defaultRole = ((_props$
|
|
91
|
-
const containersDir = ((_props$
|
|
92
|
-
const hideChatButton = ((_props$
|
|
93
|
-
const hideChatIcon = ((_props$
|
|
94
|
-
const hideChatTextContainer = ((_props$
|
|
95
|
-
const hideNotificationBubble = ((_props$
|
|
91
|
+
const elementId = ((_props$controlProps9 = props.controlProps) === null || _props$controlProps9 === void 0 ? void 0 : _props$controlProps9.id) ?? "lcw-components-chat-button";
|
|
92
|
+
const defaultAriaLabel = ((_props$controlProps10 = props.controlProps) === null || _props$controlProps10 === void 0 ? void 0 : _props$controlProps10.ariaLabel) ?? "live chat button";
|
|
93
|
+
const defaultRole = ((_props$controlProps11 = props.controlProps) === null || _props$controlProps11 === void 0 ? void 0 : _props$controlProps11.role) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.role);
|
|
94
|
+
const containersDir = ((_props$controlProps12 = props.controlProps) === null || _props$controlProps12 === void 0 ? void 0 : _props$controlProps12.dir) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.dir);
|
|
95
|
+
const hideChatButton = ((_props$controlProps13 = props.controlProps) === null || _props$controlProps13 === void 0 ? void 0 : _props$controlProps13.hideChatButton) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.hideChatButton);
|
|
96
|
+
const hideChatIcon = ((_props$controlProps14 = props.controlProps) === null || _props$controlProps14 === void 0 ? void 0 : _props$controlProps14.hideChatIcon) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.hideChatIcon);
|
|
97
|
+
const hideChatTextContainer = ((_props$controlProps15 = props.controlProps) === null || _props$controlProps15 === void 0 ? void 0 : _props$controlProps15.hideChatTextContainer) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.hideChatTextContainer);
|
|
98
|
+
const hideNotificationBubble = ((_props$controlProps16 = props.controlProps) === null || _props$controlProps16 === void 0 ? void 0 : _props$controlProps16.hideNotificationBubble) ?? (defaultChatButtonControlProps === null || defaultChatButtonControlProps === void 0 ? void 0 : defaultChatButtonControlProps.hideNotificationBubble);
|
|
96
99
|
const chatButtonGroupStyles = {
|
|
97
100
|
root: Object.assign({}, defaultChatButtonGeneralStyles, (_props$styleProps11 = props.styleProps) === null || _props$styleProps11 === void 0 ? void 0 : _props$styleProps11.generalStyleProps)
|
|
98
101
|
};
|
|
99
102
|
const handleInitiateChatClick = useCallback(() => {
|
|
100
|
-
var _props$
|
|
103
|
+
var _props$controlProps17;
|
|
101
104
|
|
|
102
|
-
if ((_props$
|
|
105
|
+
if ((_props$controlProps17 = props.controlProps) !== null && _props$controlProps17 !== void 0 && _props$controlProps17.onClick) {
|
|
103
106
|
const customEvent = {
|
|
104
107
|
elementType: ElementType.ChatButton,
|
|
105
108
|
elementId: elementId,
|
|
@@ -126,7 +129,7 @@ function ChatButton(props) {
|
|
|
126
129
|
onClick: handleInitiateChatClick,
|
|
127
130
|
onKeyDown: handleInputKeyDown,
|
|
128
131
|
"aria-label": defaultAriaLabel
|
|
129
|
-
}, !hideChatIcon && IconContainer(props, elementId), !
|
|
132
|
+
}, !hideChatIcon && IconContainer(props, elementId), !hideNotificationBubble && NotificationBubble(props, elementId), !hideChatTextContainer && TextContainer(props, elementId)));
|
|
130
133
|
}
|
|
131
134
|
|
|
132
135
|
export default ChatButton;
|
|
@@ -14,5 +14,7 @@ export const defaultChatButtonControlProps = {
|
|
|
14
14
|
hideChatTextContainer: false,
|
|
15
15
|
hideChatSubtitle: false,
|
|
16
16
|
hideChatTitle: false,
|
|
17
|
-
hideNotificationBubble: true
|
|
17
|
+
hideNotificationBubble: true,
|
|
18
|
+
unreadMessageString: "new messages",
|
|
19
|
+
largeUnreadMessageString: "99+"
|
|
18
20
|
};
|
|
@@ -8,12 +8,9 @@ function CommandButton(props) {
|
|
|
8
8
|
const iconProp = props.imageIconProps ? {
|
|
9
9
|
imageProps: props.imageIconProps
|
|
10
10
|
} : {
|
|
11
|
-
iconName: props.iconName
|
|
12
|
-
styles: {
|
|
13
|
-
root: props.styles
|
|
14
|
-
}
|
|
11
|
+
iconName: props.iconName
|
|
15
12
|
};
|
|
16
|
-
const
|
|
13
|
+
const buttonStyles = {
|
|
17
14
|
root: props.styles,
|
|
18
15
|
rootHovered: props.hoverStyles,
|
|
19
16
|
rootFocused: props.focusStyles,
|
|
@@ -37,14 +34,14 @@ function CommandButton(props) {
|
|
|
37
34
|
onClick: handleOnClick,
|
|
38
35
|
disabled: props.disabled,
|
|
39
36
|
className: props.className,
|
|
40
|
-
styles:
|
|
37
|
+
styles: buttonStyles
|
|
41
38
|
}), props.type === "icon" && /*#__PURE__*/React.createElement(IconButton, {
|
|
42
39
|
id: props.id,
|
|
43
40
|
iconProps: iconProp,
|
|
44
41
|
title: props.ariaLabel,
|
|
45
42
|
ariaLabel: props.ariaLabel,
|
|
46
43
|
disabled: props.disabled,
|
|
47
|
-
styles:
|
|
44
|
+
styles: buttonStyles,
|
|
48
45
|
onClick: handleOnClick,
|
|
49
46
|
className: props.className
|
|
50
47
|
}));
|
|
@@ -18,18 +18,12 @@ function AudioNotificationButton(props) {
|
|
|
18
18
|
const volume0Icon = props.imageToggleIconProps ? {
|
|
19
19
|
imageProps: props === null || props === void 0 ? void 0 : props.imageToggleIconProps
|
|
20
20
|
} : {
|
|
21
|
-
iconName: (props === null || props === void 0 ? void 0 : props.toggleIconName) ?? "Volume0"
|
|
22
|
-
styles: {
|
|
23
|
-
root: props.styles
|
|
24
|
-
}
|
|
21
|
+
iconName: (props === null || props === void 0 ? void 0 : props.toggleIconName) ?? "Volume0"
|
|
25
22
|
};
|
|
26
23
|
const volume3Icon = props.imageIconProps ? {
|
|
27
24
|
imageProps: props === null || props === void 0 ? void 0 : props.imageIconProps
|
|
28
25
|
} : {
|
|
29
|
-
iconName: (props === null || props === void 0 ? void 0 : props.iconName) ?? "Volume3"
|
|
30
|
-
styles: {
|
|
31
|
-
root: props.styles
|
|
32
|
-
}
|
|
26
|
+
iconName: (props === null || props === void 0 ? void 0 : props.iconName) ?? "Volume3"
|
|
33
27
|
};
|
|
34
28
|
const handleOnClick = useCallback(() => {
|
|
35
29
|
setMuted(!muted);
|
|
@@ -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, _defaultPreChatSurvey, _props$styleProps4, _props$styleProps4$cu, _defaultPreChatSurvey2, _props$controlProps6, _props$controlProps7, _props$controlProps8;
|
|
13
|
+
var _props$controlProps, _props$styleProps, _props$styleProps2, _props$styleProps3, _props$styleProps3$cu, _defaultPreChatSurvey, _props$styleProps4, _props$styleProps4$cu, _defaultPreChatSurvey2, _props$styleProps5, _props$styleProps5$cu, _defaultPreChatSurvey3, _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) ?? "lcw-components-prechatsurvey-pane";
|
|
16
16
|
let adpativeCardPayload;
|
|
@@ -89,11 +89,12 @@ function PreChatSurveyPane(props) {
|
|
|
89
89
|
margin: 2px;
|
|
90
90
|
height: 48px;
|
|
91
91
|
border-radius: 5px;
|
|
92
|
+
cursor: pointer;
|
|
92
93
|
font-weight: bold;
|
|
93
94
|
font-size: 15px;
|
|
94
|
-
|
|
95
|
-
color: ${((_props$
|
|
96
|
-
background-color: ${((_props$
|
|
95
|
+
font-family: ${((_props$styleProps3 = props.styleProps) === null || _props$styleProps3 === void 0 ? void 0 : (_props$styleProps3$cu = _props$styleProps3.customButtonStyleProps) === null || _props$styleProps3$cu === void 0 ? void 0 : _props$styleProps3$cu.fontFamily) ?? ((_defaultPreChatSurvey = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey === void 0 ? void 0 : _defaultPreChatSurvey.fontFamily)};
|
|
96
|
+
color: ${((_props$styleProps4 = props.styleProps) === null || _props$styleProps4 === void 0 ? void 0 : (_props$styleProps4$cu = _props$styleProps4.customButtonStyleProps) === null || _props$styleProps4$cu === void 0 ? void 0 : _props$styleProps4$cu.color) ?? ((_defaultPreChatSurvey2 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey2 === void 0 ? void 0 : _defaultPreChatSurvey2.color)};
|
|
97
|
+
background-color: ${((_props$styleProps5 = props.styleProps) === null || _props$styleProps5 === void 0 ? void 0 : (_props$styleProps5$cu = _props$styleProps5.customButtonStyleProps) === null || _props$styleProps5$cu === void 0 ? void 0 : _props$styleProps5$cu.backgroundColor) ?? ((_defaultPreChatSurvey3 = defaultPreChatSurveyPaneStyles.customButtonStyleProps) === null || _defaultPreChatSurvey3 === void 0 ? void 0 : _defaultPreChatSurvey3.backgroundColor)};
|
|
97
98
|
}`), !((_props$controlProps6 = props.controlProps) !== null && _props$controlProps6 !== void 0 && _props$controlProps6.hidePreChatSurveyPane) && /*#__PURE__*/React.createElement(Stack, {
|
|
98
99
|
id: elementId,
|
|
99
100
|
tabIndex: -1,
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
export declare const AccessibilityBrightnessRatio = 1.2;
|
|
2
3
|
export declare const BROADCAST_CHANNEL_NAME = "omnichannel_broadcast_channel";
|
|
4
|
+
export declare const HiddenTextStyles: React.CSSProperties;
|
|
3
5
|
export declare const KeyCodes: {
|
|
4
6
|
new (): {};
|
|
5
7
|
readonly ENTER: "Enter";
|
package/package.json
CHANGED