@microsoft/omnichannel-chat-widget 1.0.6-main.ec7a5f0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/common/Constants.js +1 -0
- package/lib/cjs/common/telemetry/TelemetryHelper.js +16 -15
- package/lib/cjs/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js +27 -23
- package/lib/cjs/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js +6 -0
- package/lib/cjs/components/webchatcontainerstateful/WebChatContainerStateful.js +10 -2
- package/lib/cjs/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultSentMessageAnchorStyles.js +10 -0
- package/lib/esm/common/Constants.js +1 -0
- package/lib/esm/common/telemetry/TelemetryHelper.js +16 -15
- package/lib/esm/components/livechatwidget/livechatwidgetstateful/LiveChatWidgetStateful.js +27 -23
- package/lib/esm/components/prechatsurveypanestateful/PreChatSurveyPaneStateful.js +6 -0
- package/lib/esm/components/webchatcontainerstateful/WebChatContainerStateful.js +10 -2
- package/lib/esm/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultSentMessageAnchorStyles.js +3 -0
- package/lib/types/common/Constants.d.ts +1 -0
- package/lib/types/common/telemetry/definitions/Contracts.d.ts +1 -0
- package/lib/types/components/webchatcontainerstateful/interfaces/IRenderingMiddlewareProps.d.ts +1 -0
- package/lib/types/components/webchatcontainerstateful/webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultSentMessageAnchorStyles.d.ts +2 -0
- package/package.json +2 -2
|
@@ -155,6 +155,7 @@ _defineProperty(HtmlAttributeNames, "listItem", "LI");
|
|
|
155
155
|
_defineProperty(HtmlAttributeNames, "unorderedList", "UL");
|
|
156
156
|
_defineProperty(HtmlAttributeNames, "div", "div");
|
|
157
157
|
_defineProperty(HtmlAttributeNames, "aTagName", "a");
|
|
158
|
+
_defineProperty(HtmlAttributeNames, "pTagName", "p");
|
|
158
159
|
_defineProperty(HtmlAttributeNames, "noopenerTag", "noopener");
|
|
159
160
|
_defineProperty(HtmlAttributeNames, "noreferrerTag", "noreferrer");
|
|
160
161
|
_defineProperty(HtmlAttributeNames, "adaptiveCardClassName", "ac-adaptiveCard");
|
|
@@ -36,15 +36,16 @@ class TelemetryHelper {
|
|
|
36
36
|
static populateBasicProperties(level,
|
|
37
37
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
38
38
|
telemetryData) {
|
|
39
|
-
var _TelemetryManager$Int, _TelemetryManager$Int2, _TelemetryManager$Int3, _TelemetryManager$Int4, _TelemetryManager$Int5, _TelemetryManager$Int6, _TelemetryManager$Int7;
|
|
39
|
+
var _TelemetryManager$Int, _TelemetryManager$Int2, _TelemetryManager$Int3, _TelemetryManager$Int4, _TelemetryManager$Int5, _TelemetryManager$Int6, _TelemetryManager$Int7, _TelemetryManager$Int8;
|
|
40
40
|
return {
|
|
41
41
|
WidgetId: ((_TelemetryManager$Int = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int === void 0 ? void 0 : _TelemetryManager$Int.widgetId) ?? "",
|
|
42
42
|
ChatId: ((_TelemetryManager$Int2 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int2 === void 0 ? void 0 : _TelemetryManager$Int2.chatId) ?? "",
|
|
43
43
|
ChannelId: ((_TelemetryManager$Int3 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int3 === void 0 ? void 0 : _TelemetryManager$Int3.channelId) ?? "lcw2.0",
|
|
44
44
|
ConversationId: ((_TelemetryManager$Int4 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int4 === void 0 ? void 0 : _TelemetryManager$Int4.conversationId) ?? "",
|
|
45
45
|
OrganizationId: ((_TelemetryManager$Int5 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int5 === void 0 ? void 0 : _TelemetryManager$Int5.orgId) ?? "",
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
OrganizationUrl: ((_TelemetryManager$Int6 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int6 === void 0 ? void 0 : _TelemetryManager$Int6.orgUrl) ?? "",
|
|
47
|
+
LCWRuntimeId: ((_TelemetryManager$Int7 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int7 === void 0 ? void 0 : _TelemetryManager$Int7.lcwRuntimeId) ?? "",
|
|
48
|
+
CurrentRequestId: ((_TelemetryManager$Int8 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int8 === void 0 ? void 0 : _TelemetryManager$Int8.currentRequestId) ?? "",
|
|
48
49
|
LogLevel: level
|
|
49
50
|
};
|
|
50
51
|
}
|
|
@@ -79,22 +80,22 @@ class TelemetryHelper {
|
|
|
79
80
|
static conformToConfigValidationContract(level, input) {
|
|
80
81
|
const payload = input.payload;
|
|
81
82
|
return TelemetryHelper.populate(level, payload, event => {
|
|
82
|
-
var _TelemetryManager$
|
|
83
|
+
var _TelemetryManager$Int9, _TelemetryManager$Int10, _TelemetryManager$Int11;
|
|
83
84
|
event.Event = payload.Event;
|
|
84
85
|
event.RequestId = payload.RequestId;
|
|
85
|
-
event.LCWVersion = (_TelemetryManager$
|
|
86
|
+
event.LCWVersion = (_TelemetryManager$Int9 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int9 === void 0 ? void 0 : _TelemetryManager$Int9.environmentVersion;
|
|
86
87
|
event.CloudType = payload.CloudType;
|
|
87
|
-
event.Domain = (_TelemetryManager$
|
|
88
|
+
event.Domain = (_TelemetryManager$Int10 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int10 === void 0 ? void 0 : _TelemetryManager$Int10.hostName;
|
|
88
89
|
event.ElapsedTimeInMilliseconds = payload.ElapsedTimeInMilliseconds;
|
|
89
90
|
event.ExceptionDetails = JSON.stringify(payload.ExceptionDetails);
|
|
90
|
-
event.Language = ((_TelemetryManager$
|
|
91
|
+
event.Language = ((_TelemetryManager$Int11 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int11 === void 0 ? void 0 : _TelemetryManager$Int11.chatWidgetLocaleLCID) || "";
|
|
91
92
|
event.Description = payload.Data;
|
|
92
93
|
});
|
|
93
94
|
}
|
|
94
95
|
static conformToLoadContract(level, input) {
|
|
95
96
|
const payload = input.payload;
|
|
96
97
|
return TelemetryHelper.populate(level, payload, event => {
|
|
97
|
-
var _TelemetryManager$
|
|
98
|
+
var _TelemetryManager$Int12, _TelemetryManager$Int13, _TelemetryManager$Int14;
|
|
98
99
|
event.Event = payload.Event;
|
|
99
100
|
event.Description = payload.Description;
|
|
100
101
|
event.ResourcePath = payload.ResourcePath;
|
|
@@ -103,17 +104,17 @@ class TelemetryHelper {
|
|
|
103
104
|
event.ChatType = payload.ChatType;
|
|
104
105
|
event.ElapsedTimeInMilliseconds = payload.ElapsedTimeInMilliseconds;
|
|
105
106
|
event.ExceptionDetails = JSON.stringify(payload.ExceptionDetails);
|
|
106
|
-
event.OCChatSDKVersion = ((_TelemetryManager$
|
|
107
|
-
event.OCChatWidgetVersion = ((_TelemetryManager$
|
|
108
|
-
event.OCChatComponentsVersion = ((_TelemetryManager$
|
|
107
|
+
event.OCChatSDKVersion = ((_TelemetryManager$Int12 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int12 === void 0 ? void 0 : _TelemetryManager$Int12.OCChatSDKVersion) ?? "";
|
|
108
|
+
event.OCChatWidgetVersion = ((_TelemetryManager$Int13 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int13 === void 0 ? void 0 : _TelemetryManager$Int13.chatWidgetVersion) ?? "";
|
|
109
|
+
event.OCChatComponentsVersion = ((_TelemetryManager$Int14 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int14 === void 0 ? void 0 : _TelemetryManager$Int14.chatComponentVersion) ?? "";
|
|
109
110
|
});
|
|
110
111
|
}
|
|
111
112
|
static conformToIC3ClientContract(level, input) {
|
|
112
113
|
const payload = input.payload;
|
|
113
114
|
return TelemetryHelper.populate(level, payload, event => {
|
|
114
|
-
var _TelemetryManager$
|
|
115
|
+
var _TelemetryManager$Int15;
|
|
115
116
|
event.Event = payload.Event;
|
|
116
|
-
event.IC3ClientVersion = (_TelemetryManager$
|
|
117
|
+
event.IC3ClientVersion = (_TelemetryManager$Int15 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int15 === void 0 ? void 0 : _TelemetryManager$Int15.IC3ClientVersion;
|
|
117
118
|
event.SubscriptionId = payload.SubscriptionId;
|
|
118
119
|
event.EndpointUrl = payload.EndpointUrl;
|
|
119
120
|
event.EndpointId = payload.EndpointId;
|
|
@@ -220,14 +221,14 @@ _defineProperty(TelemetryHelper, "logActionEvent", (logLevel, payload) => {
|
|
|
220
221
|
_omnichannelChatComponents.BroadcastService.postMessage(telemetryEvent);
|
|
221
222
|
});
|
|
222
223
|
_defineProperty(TelemetryHelper, "logSDKEvent", (logLevel, payload) => {
|
|
223
|
-
var _TelemetryManager$
|
|
224
|
+
var _TelemetryManager$Int16;
|
|
224
225
|
const telemetryEvent = {
|
|
225
226
|
eventName: (payload === null || payload === void 0 ? void 0 : payload.Event) ?? "",
|
|
226
227
|
logLevel: logLevel,
|
|
227
228
|
payload: {
|
|
228
229
|
...payload,
|
|
229
230
|
TransactionId: (0, _utils.newGuid)(),
|
|
230
|
-
RequestId: (_TelemetryManager$
|
|
231
|
+
RequestId: (_TelemetryManager$Int16 = _TelemetryManager.TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int16 === void 0 ? void 0 : _TelemetryManager$Int16.currentRequestId
|
|
231
232
|
}
|
|
232
233
|
};
|
|
233
234
|
_omnichannelChatComponents.BroadcastService.postMessage(telemetryEvent);
|
|
@@ -58,7 +58,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
58
58
|
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; }
|
|
59
59
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
60
60
|
const LiveChatWidgetStateful = props => {
|
|
61
|
-
var _props$webChatContain, _props$styleProps, _chatSDK$omnichannelC, _props$controlProps, _props$controlProps2, _state$appStates7, _props$webChatContain5, _state$appStates14, _props$webChatContain6,
|
|
61
|
+
var _props$webChatContain, _props$styleProps, _chatSDK$omnichannelC, _props$controlProps, _props$controlProps2, _state$appStates7, _props$webChatContain5, _state$appStates14, _props$webChatContain6, _livechatProps$webCha, _livechatProps$styleP, _livechatProps$contro, _livechatProps$contro2, _livechatProps$compon, _livechatProps$contro3, _livechatProps$compon2, _livechatProps$contro4, _livechatProps$compon3, _livechatProps$contro5, _livechatProps$compon4, _livechatProps$contro6, _livechatProps$compon5, _livechatProps$contro7, _livechatProps$compon6, _livechatProps$contro8, _livechatProps$compon7, _livechatProps$contro9, _livechatProps$contro10, _livechatProps$compon8, _livechatProps$contro11, _livechatProps$compon9, _livechatProps$contro12, _livechatProps$compon10, _livechatProps$compon11, _livechatProps$compon12;
|
|
62
62
|
const [state, dispatch] = (0, _useChatContextStore.default)();
|
|
63
63
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
64
64
|
const [adapter, setAdapter] = (0, _useChatAdapterStore.default)();
|
|
@@ -609,10 +609,14 @@ const LiveChatWidgetStateful = props => {
|
|
|
609
609
|
const confirmationPaneProps = (0, _initConfirmationPropsComposer.initConfirmationPropsComposer)(props);
|
|
610
610
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
611
611
|
const prepareEndChatRelay = () => (0, _endChat.prepareEndChat)(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid.current);
|
|
612
|
-
|
|
613
|
-
..._defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.webChatStyles,
|
|
612
|
+
const downloadTranscriptProps = (0, _createDownloadTranscriptProps.default)(props.downloadTranscriptProps, {
|
|
613
|
+
...(_defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps === null || _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps === void 0 ? void 0 : _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.webChatStyles),
|
|
614
614
|
...((_props$webChatContain6 = props.webChatContainerProps) === null || _props$webChatContain6 === void 0 ? void 0 : _props$webChatContain6.webChatStyles)
|
|
615
615
|
}, props.webChatContainerProps);
|
|
616
|
+
const livechatProps = {
|
|
617
|
+
...props,
|
|
618
|
+
downloadTranscriptProps
|
|
619
|
+
};
|
|
616
620
|
return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement("style", null, `
|
|
617
621
|
::-webkit-scrollbar {
|
|
618
622
|
width: ${scrollbarProps.width};
|
|
@@ -632,37 +636,37 @@ const LiveChatWidgetStateful = props => {
|
|
|
632
636
|
}
|
|
633
637
|
`), /*#__PURE__*/_react2.default.createElement(Composer, _extends({}, webChatProps, {
|
|
634
638
|
styleOptions: webChatStyles,
|
|
635
|
-
directLine: ((
|
|
639
|
+
directLine: ((_livechatProps$webCha = livechatProps.webChatContainerProps) === null || _livechatProps$webCha === void 0 ? void 0 : _livechatProps$webCha.directLine) ?? adapter ?? _defaultWebChatContainerStatefulProps.defaultWebChatContainerStatefulProps.directLine
|
|
636
640
|
}), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
|
|
637
641
|
id: widgetElementId,
|
|
638
642
|
styles: generalStyles,
|
|
639
|
-
className: (
|
|
640
|
-
}, !((
|
|
641
|
-
buttonProps:
|
|
642
|
-
outOfOfficeButtonProps:
|
|
643
|
+
className: (_livechatProps$styleP = livechatProps.styleProps) === null || _livechatProps$styleP === void 0 ? void 0 : _livechatProps$styleP.className
|
|
644
|
+
}, !((_livechatProps$contro = livechatProps.controlProps) !== null && _livechatProps$contro !== void 0 && _livechatProps$contro.hideChatButton) && !((_livechatProps$contro2 = livechatProps.controlProps) !== null && _livechatProps$contro2 !== void 0 && _livechatProps$contro2.hideStartChatButton) && (0, _componentController.shouldShowChatButton)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon = livechatProps.componentOverrides) === null || _livechatProps$compon === void 0 ? void 0 : _livechatProps$compon.chatButton) || /*#__PURE__*/_react2.default.createElement(_ChatButtonStateful.default, {
|
|
645
|
+
buttonProps: livechatProps.chatButtonProps,
|
|
646
|
+
outOfOfficeButtonProps: livechatProps.outOfOfficeChatButtonProps,
|
|
643
647
|
startChat: prepareStartChatRelay
|
|
644
|
-
})), !((
|
|
645
|
-
proactiveChatProps:
|
|
648
|
+
})), !((_livechatProps$contro3 = livechatProps.controlProps) !== null && _livechatProps$contro3 !== void 0 && _livechatProps$contro3.hideProactiveChatPane) && (0, _componentController.shouldShowProactiveChatPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon2 = livechatProps.componentOverrides) === null || _livechatProps$compon2 === void 0 ? void 0 : _livechatProps$compon2.proactiveChatPane) || /*#__PURE__*/_react2.default.createElement(_ProactiveChatPaneStateful.default, {
|
|
649
|
+
proactiveChatProps: livechatProps.proactiveChatPaneProps,
|
|
646
650
|
startChat: prepareStartChatRelay
|
|
647
|
-
})), !((
|
|
648
|
-
headerProps:
|
|
649
|
-
outOfOfficeHeaderProps:
|
|
651
|
+
})), !((_livechatProps$contro4 = livechatProps.controlProps) !== null && _livechatProps$contro4 !== void 0 && _livechatProps$contro4.hideHeader) && (0, _componentController.shouldShowHeader)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon3 = livechatProps.componentOverrides) === null || _livechatProps$compon3 === void 0 ? void 0 : _livechatProps$compon3.header) || /*#__PURE__*/_react2.default.createElement(_HeaderStateful.default, {
|
|
652
|
+
headerProps: livechatProps.headerProps,
|
|
653
|
+
outOfOfficeHeaderProps: livechatProps.outOfOfficeHeaderProps,
|
|
650
654
|
endChat: endChatRelay
|
|
651
|
-
})), !((
|
|
652
|
-
loadingPaneProps:
|
|
653
|
-
startChatErrorPaneProps:
|
|
654
|
-
})), !((
|
|
655
|
-
reconnectChatProps:
|
|
655
|
+
})), !((_livechatProps$contro5 = livechatProps.controlProps) !== null && _livechatProps$contro5 !== void 0 && _livechatProps$contro5.hideLoadingPane) && (0, _componentController.shouldShowLoadingPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon4 = livechatProps.componentOverrides) === null || _livechatProps$compon4 === void 0 ? void 0 : _livechatProps$compon4.loadingPane) || /*#__PURE__*/_react2.default.createElement(_LoadingPaneStateful.default, {
|
|
656
|
+
loadingPaneProps: livechatProps.loadingPaneProps,
|
|
657
|
+
startChatErrorPaneProps: livechatProps.startChatErrorPaneProps
|
|
658
|
+
})), !((_livechatProps$contro6 = livechatProps.controlProps) !== null && _livechatProps$contro6 !== void 0 && _livechatProps$contro6.hideOutOfOfficeHoursPane) && (0, _componentController.shouldShowOutOfOfficeHoursPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon5 = livechatProps.componentOverrides) === null || _livechatProps$compon5 === void 0 ? void 0 : _livechatProps$compon5.outOfOfficeHoursPane) || /*#__PURE__*/_react2.default.createElement(_OOOHPaneStateful.default, livechatProps.outOfOfficeHoursPaneProps)), !((_livechatProps$contro7 = livechatProps.controlProps) !== null && _livechatProps$contro7 !== void 0 && _livechatProps$contro7.hideReconnectChatPane) && (0, _componentController.shouldShowReconnectChatPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon6 = livechatProps.componentOverrides) === null || _livechatProps$compon6 === void 0 ? void 0 : _livechatProps$compon6.reconnectChatPane) || /*#__PURE__*/_react2.default.createElement(_ReconnectChatPaneStateful.default, {
|
|
659
|
+
reconnectChatProps: livechatProps.reconnectChatPaneProps,
|
|
656
660
|
initStartChat: initStartChatRelay
|
|
657
|
-
})), !((
|
|
658
|
-
surveyProps:
|
|
661
|
+
})), !((_livechatProps$contro8 = livechatProps.controlProps) !== null && _livechatProps$contro8 !== void 0 && _livechatProps$contro8.hidePreChatSurveyPane) && (0, _componentController.shouldShowPreChatSurveyPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon7 = livechatProps.componentOverrides) === null || _livechatProps$compon7 === void 0 ? void 0 : _livechatProps$compon7.preChatSurveyPane) || /*#__PURE__*/_react2.default.createElement(_PreChatSurveyPaneStateful.default, {
|
|
662
|
+
surveyProps: livechatProps.preChatSurveyPaneProps,
|
|
659
663
|
initStartChat: initStartChatRelay
|
|
660
|
-
})), !((
|
|
664
|
+
})), !((_livechatProps$contro9 = livechatProps.controlProps) !== null && _livechatProps$contro9 !== void 0 && _livechatProps$contro9.hideCallingContainer) && (0, _componentController.shouldShowCallingContainer)(state) && /*#__PURE__*/_react2.default.createElement(_CallingContainerStateful.default, _extends({
|
|
661
665
|
voiceVideoCallingSdk: voiceVideoCallingSDK
|
|
662
|
-
},
|
|
666
|
+
}, livechatProps.callingContainerProps)), !((_livechatProps$contro10 = livechatProps.controlProps) !== null && _livechatProps$contro10 !== void 0 && _livechatProps$contro10.hideWebChatContainer) && (0, _componentController.shouldShowWebChatContainer)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon8 = livechatProps.componentOverrides) === null || _livechatProps$compon8 === void 0 ? void 0 : _livechatProps$compon8.webChatContainer) || /*#__PURE__*/_react2.default.createElement(_WebChatContainerStateful.default, livechatProps.webChatContainerProps)), !((_livechatProps$contro11 = livechatProps.controlProps) !== null && _livechatProps$contro11 !== void 0 && _livechatProps$contro11.hideConfirmationPane) && (0, _componentController.shouldShowConfirmationPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon9 = livechatProps.componentOverrides) === null || _livechatProps$compon9 === void 0 ? void 0 : _livechatProps$compon9.confirmationPane) || /*#__PURE__*/_react2.default.createElement(_ConfirmationPaneStateful.default, _extends({}, confirmationPaneProps, {
|
|
663
667
|
setPostChatContext: setPostChatContextRelay,
|
|
664
668
|
prepareEndChat: prepareEndChatRelay
|
|
665
|
-
}))), !((
|
|
669
|
+
}))), !((_livechatProps$contro12 = livechatProps.controlProps) !== null && _livechatProps$contro12 !== void 0 && _livechatProps$contro12.hidePostChatLoadingPane) && (0, _componentController.shouldShowPostChatLoadingPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon10 = livechatProps.componentOverrides) === null || _livechatProps$compon10 === void 0 ? void 0 : _livechatProps$compon10.postChatLoadingPane) || /*#__PURE__*/_react2.default.createElement(_PostChatLoadingPaneStateful.default, livechatProps.postChatLoadingPaneProps)), (0, _componentController.shouldShowPostChatSurveyPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon11 = livechatProps.componentOverrides) === null || _livechatProps$compon11 === void 0 ? void 0 : _livechatProps$compon11.postChatSurveyPane) || /*#__PURE__*/_react2.default.createElement(_PostChatSurveyPaneStateful.default, _extends({}, livechatProps.postChatSurveyPaneProps, livechatProps.chatSDK))), (0, _createFooter.createFooter)(livechatProps, state), (0, _componentController.shouldShowEmailTranscriptPane)(state) && ((0, _omnichannelChatComponents.decodeComponentString)((_livechatProps$compon12 = livechatProps.componentOverrides) === null || _livechatProps$compon12 === void 0 ? void 0 : _livechatProps$compon12.emailTranscriptPane) || /*#__PURE__*/_react2.default.createElement(_EmailTranscriptPaneStateful.default, livechatProps.emailTranscriptPane)))));
|
|
666
670
|
};
|
|
667
671
|
exports.LiveChatWidgetStateful = LiveChatWidgetStateful;
|
|
668
672
|
var _default = LiveChatWidgetStateful;
|
|
@@ -121,6 +121,12 @@ const PreChatSurveyPaneStateful = props => {
|
|
|
121
121
|
const current = children[index];
|
|
122
122
|
if (current && current.className == _Constants.HtmlAttributeNames.adaptiveCardTextBlockClassName) {
|
|
123
123
|
value = current.innerHTML;
|
|
124
|
+
if (current.childElementCount > 0) {
|
|
125
|
+
const paragraph = current.children[0];
|
|
126
|
+
if (paragraph.tagName.toLowerCase() == _Constants.HtmlAttributeNames.pTagName) {
|
|
127
|
+
value = paragraph.innerHTML;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
124
130
|
}
|
|
125
131
|
if (current && current.tagName.toLowerCase() == _Constants.HtmlAttributeNames.div && current.childElementCount > 0) {
|
|
126
132
|
const input = current.children[0].children;
|
|
@@ -23,6 +23,7 @@ var _defaultUserMessageBoxStyles = require("./webchatcontroller/middlewares/rend
|
|
|
23
23
|
var _defaultWebChatContainerStatefulProps = require("./common/defaultProps/defaultWebChatContainerStatefulProps");
|
|
24
24
|
var _utils = require("../../common/utils");
|
|
25
25
|
var _ = require("../..");
|
|
26
|
+
var _defaultSentMessageAnchorStyles = require("./webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultSentMessageAnchorStyles");
|
|
26
27
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
28
|
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; }
|
|
28
29
|
const broadcastChannelMessageEvent = "message";
|
|
@@ -51,7 +52,7 @@ const createMagicCodeSuccessResponse = signin => {
|
|
|
51
52
|
};
|
|
52
53
|
};
|
|
53
54
|
const WebChatContainerStateful = props => {
|
|
54
|
-
var _props$adaptiveCardSt, _props$renderingMiddl, _props$renderingMiddl2, _props$renderingMiddl3, _props$renderingMiddl4, _props$adaptiveCardSt2, _props$adaptiveCardSt3, _props$adaptiveCardSt4, _props$renderingMiddl5, _props$renderingMiddl6, _props$renderingMiddl7, _props$renderingMiddl8;
|
|
55
|
+
var _props$adaptiveCardSt, _props$renderingMiddl, _props$renderingMiddl2, _props$renderingMiddl3, _props$renderingMiddl4, _props$adaptiveCardSt2, _props$adaptiveCardSt3, _props$adaptiveCardSt4, _props$renderingMiddl5, _props$renderingMiddl6, _props$renderingMiddl7, _props$renderingMiddl8, _props$renderingMiddl9, _props$renderingMiddl10;
|
|
55
56
|
const {
|
|
56
57
|
BasicWebChat
|
|
57
58
|
} = _botframeworkWebchat.Components;
|
|
@@ -154,7 +155,14 @@ const WebChatContainerStateful = props => {
|
|
|
154
155
|
.ms_lcw_webchat_received_message a:hover,
|
|
155
156
|
.ms_lcw_webchat_received_message a:active {
|
|
156
157
|
color: ${(props === null || props === void 0 ? void 0 : (_props$renderingMiddl7 = props.renderingMiddlewareProps) === null || _props$renderingMiddl7 === void 0 ? void 0 : (_props$renderingMiddl8 = _props$renderingMiddl7.receivedMessageAnchorStyles) === null || _props$renderingMiddl8 === void 0 ? void 0 : _props$renderingMiddl8.color) ?? (_defaultReceivedMessageAnchorStyles.defaultReceivedMessageAnchorStyles === null || _defaultReceivedMessageAnchorStyles.defaultReceivedMessageAnchorStyles === void 0 ? void 0 : _defaultReceivedMessageAnchorStyles.defaultReceivedMessageAnchorStyles.color)};
|
|
157
|
-
}
|
|
158
|
+
}
|
|
159
|
+
.ms_lcw_webchat_sent_message a:link,
|
|
160
|
+
.ms_lcw_webchat_sent_message a:visited,
|
|
161
|
+
.ms_lcw_webchat_sent_message a:hover,
|
|
162
|
+
.ms_lcw_webchat_sent_message a:active {
|
|
163
|
+
color: ${(props === null || props === void 0 ? void 0 : (_props$renderingMiddl9 = props.renderingMiddlewareProps) === null || _props$renderingMiddl9 === void 0 ? void 0 : (_props$renderingMiddl10 = _props$renderingMiddl9.sentMessageAnchorStyles) === null || _props$renderingMiddl10 === void 0 ? void 0 : _props$renderingMiddl10.color) ?? (_defaultSentMessageAnchorStyles.defaultSentMessageAnchorStyles === null || _defaultSentMessageAnchorStyles.defaultSentMessageAnchorStyles === void 0 ? void 0 : _defaultSentMessageAnchorStyles.defaultSentMessageAnchorStyles.color)};
|
|
164
|
+
}
|
|
165
|
+
`), /*#__PURE__*/_react2.default.createElement(_react.Stack, {
|
|
158
166
|
styles: containerStyles
|
|
159
167
|
}, /*#__PURE__*/_react2.default.createElement(BasicWebChat, null)));
|
|
160
168
|
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultSentMessageAnchorStyles = void 0;
|
|
7
|
+
const defaultSentMessageAnchorStyles = {
|
|
8
|
+
color: "blue"
|
|
9
|
+
};
|
|
10
|
+
exports.defaultSentMessageAnchorStyles = defaultSentMessageAnchorStyles;
|
|
@@ -143,6 +143,7 @@ _defineProperty(HtmlAttributeNames, "listItem", "LI");
|
|
|
143
143
|
_defineProperty(HtmlAttributeNames, "unorderedList", "UL");
|
|
144
144
|
_defineProperty(HtmlAttributeNames, "div", "div");
|
|
145
145
|
_defineProperty(HtmlAttributeNames, "aTagName", "a");
|
|
146
|
+
_defineProperty(HtmlAttributeNames, "pTagName", "p");
|
|
146
147
|
_defineProperty(HtmlAttributeNames, "noopenerTag", "noopener");
|
|
147
148
|
_defineProperty(HtmlAttributeNames, "noreferrerTag", "noreferrer");
|
|
148
149
|
_defineProperty(HtmlAttributeNames, "adaptiveCardClassName", "ac-adaptiveCard");
|
|
@@ -30,15 +30,16 @@ export class TelemetryHelper {
|
|
|
30
30
|
static populateBasicProperties(level,
|
|
31
31
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
32
32
|
telemetryData) {
|
|
33
|
-
var _TelemetryManager$Int, _TelemetryManager$Int2, _TelemetryManager$Int3, _TelemetryManager$Int4, _TelemetryManager$Int5, _TelemetryManager$Int6, _TelemetryManager$Int7;
|
|
33
|
+
var _TelemetryManager$Int, _TelemetryManager$Int2, _TelemetryManager$Int3, _TelemetryManager$Int4, _TelemetryManager$Int5, _TelemetryManager$Int6, _TelemetryManager$Int7, _TelemetryManager$Int8;
|
|
34
34
|
return {
|
|
35
35
|
WidgetId: ((_TelemetryManager$Int = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int === void 0 ? void 0 : _TelemetryManager$Int.widgetId) ?? "",
|
|
36
36
|
ChatId: ((_TelemetryManager$Int2 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int2 === void 0 ? void 0 : _TelemetryManager$Int2.chatId) ?? "",
|
|
37
37
|
ChannelId: ((_TelemetryManager$Int3 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int3 === void 0 ? void 0 : _TelemetryManager$Int3.channelId) ?? "lcw2.0",
|
|
38
38
|
ConversationId: ((_TelemetryManager$Int4 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int4 === void 0 ? void 0 : _TelemetryManager$Int4.conversationId) ?? "",
|
|
39
39
|
OrganizationId: ((_TelemetryManager$Int5 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int5 === void 0 ? void 0 : _TelemetryManager$Int5.orgId) ?? "",
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
OrganizationUrl: ((_TelemetryManager$Int6 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int6 === void 0 ? void 0 : _TelemetryManager$Int6.orgUrl) ?? "",
|
|
41
|
+
LCWRuntimeId: ((_TelemetryManager$Int7 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int7 === void 0 ? void 0 : _TelemetryManager$Int7.lcwRuntimeId) ?? "",
|
|
42
|
+
CurrentRequestId: ((_TelemetryManager$Int8 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int8 === void 0 ? void 0 : _TelemetryManager$Int8.currentRequestId) ?? "",
|
|
42
43
|
LogLevel: level
|
|
43
44
|
};
|
|
44
45
|
}
|
|
@@ -73,22 +74,22 @@ export class TelemetryHelper {
|
|
|
73
74
|
static conformToConfigValidationContract(level, input) {
|
|
74
75
|
const payload = input.payload;
|
|
75
76
|
return TelemetryHelper.populate(level, payload, event => {
|
|
76
|
-
var _TelemetryManager$
|
|
77
|
+
var _TelemetryManager$Int9, _TelemetryManager$Int10, _TelemetryManager$Int11;
|
|
77
78
|
event.Event = payload.Event;
|
|
78
79
|
event.RequestId = payload.RequestId;
|
|
79
|
-
event.LCWVersion = (_TelemetryManager$
|
|
80
|
+
event.LCWVersion = (_TelemetryManager$Int9 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int9 === void 0 ? void 0 : _TelemetryManager$Int9.environmentVersion;
|
|
80
81
|
event.CloudType = payload.CloudType;
|
|
81
|
-
event.Domain = (_TelemetryManager$
|
|
82
|
+
event.Domain = (_TelemetryManager$Int10 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int10 === void 0 ? void 0 : _TelemetryManager$Int10.hostName;
|
|
82
83
|
event.ElapsedTimeInMilliseconds = payload.ElapsedTimeInMilliseconds;
|
|
83
84
|
event.ExceptionDetails = JSON.stringify(payload.ExceptionDetails);
|
|
84
|
-
event.Language = ((_TelemetryManager$
|
|
85
|
+
event.Language = ((_TelemetryManager$Int11 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int11 === void 0 ? void 0 : _TelemetryManager$Int11.chatWidgetLocaleLCID) || "";
|
|
85
86
|
event.Description = payload.Data;
|
|
86
87
|
});
|
|
87
88
|
}
|
|
88
89
|
static conformToLoadContract(level, input) {
|
|
89
90
|
const payload = input.payload;
|
|
90
91
|
return TelemetryHelper.populate(level, payload, event => {
|
|
91
|
-
var _TelemetryManager$
|
|
92
|
+
var _TelemetryManager$Int12, _TelemetryManager$Int13, _TelemetryManager$Int14;
|
|
92
93
|
event.Event = payload.Event;
|
|
93
94
|
event.Description = payload.Description;
|
|
94
95
|
event.ResourcePath = payload.ResourcePath;
|
|
@@ -97,17 +98,17 @@ export class TelemetryHelper {
|
|
|
97
98
|
event.ChatType = payload.ChatType;
|
|
98
99
|
event.ElapsedTimeInMilliseconds = payload.ElapsedTimeInMilliseconds;
|
|
99
100
|
event.ExceptionDetails = JSON.stringify(payload.ExceptionDetails);
|
|
100
|
-
event.OCChatSDKVersion = ((_TelemetryManager$
|
|
101
|
-
event.OCChatWidgetVersion = ((_TelemetryManager$
|
|
102
|
-
event.OCChatComponentsVersion = ((_TelemetryManager$
|
|
101
|
+
event.OCChatSDKVersion = ((_TelemetryManager$Int12 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int12 === void 0 ? void 0 : _TelemetryManager$Int12.OCChatSDKVersion) ?? "";
|
|
102
|
+
event.OCChatWidgetVersion = ((_TelemetryManager$Int13 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int13 === void 0 ? void 0 : _TelemetryManager$Int13.chatWidgetVersion) ?? "";
|
|
103
|
+
event.OCChatComponentsVersion = ((_TelemetryManager$Int14 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int14 === void 0 ? void 0 : _TelemetryManager$Int14.chatComponentVersion) ?? "";
|
|
103
104
|
});
|
|
104
105
|
}
|
|
105
106
|
static conformToIC3ClientContract(level, input) {
|
|
106
107
|
const payload = input.payload;
|
|
107
108
|
return TelemetryHelper.populate(level, payload, event => {
|
|
108
|
-
var _TelemetryManager$
|
|
109
|
+
var _TelemetryManager$Int15;
|
|
109
110
|
event.Event = payload.Event;
|
|
110
|
-
event.IC3ClientVersion = (_TelemetryManager$
|
|
111
|
+
event.IC3ClientVersion = (_TelemetryManager$Int15 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int15 === void 0 ? void 0 : _TelemetryManager$Int15.IC3ClientVersion;
|
|
111
112
|
event.SubscriptionId = payload.SubscriptionId;
|
|
112
113
|
event.EndpointUrl = payload.EndpointUrl;
|
|
113
114
|
event.EndpointId = payload.EndpointId;
|
|
@@ -213,14 +214,14 @@ _defineProperty(TelemetryHelper, "logActionEvent", (logLevel, payload) => {
|
|
|
213
214
|
BroadcastService.postMessage(telemetryEvent);
|
|
214
215
|
});
|
|
215
216
|
_defineProperty(TelemetryHelper, "logSDKEvent", (logLevel, payload) => {
|
|
216
|
-
var _TelemetryManager$
|
|
217
|
+
var _TelemetryManager$Int16;
|
|
217
218
|
const telemetryEvent = {
|
|
218
219
|
eventName: (payload === null || payload === void 0 ? void 0 : payload.Event) ?? "",
|
|
219
220
|
logLevel: logLevel,
|
|
220
221
|
payload: {
|
|
221
222
|
...payload,
|
|
222
223
|
TransactionId: newGuid(),
|
|
223
|
-
RequestId: (_TelemetryManager$
|
|
224
|
+
RequestId: (_TelemetryManager$Int16 = TelemetryManager.InternalTelemetryData) === null || _TelemetryManager$Int16 === void 0 ? void 0 : _TelemetryManager$Int16.currentRequestId
|
|
224
225
|
}
|
|
225
226
|
};
|
|
226
227
|
BroadcastService.postMessage(telemetryEvent);
|
|
@@ -50,7 +50,7 @@ import useChatAdapterStore from "../../../hooks/useChatAdapterStore";
|
|
|
50
50
|
import useChatContextStore from "../../../hooks/useChatContextStore";
|
|
51
51
|
import useChatSDKStore from "../../../hooks/useChatSDKStore";
|
|
52
52
|
export const LiveChatWidgetStateful = props => {
|
|
53
|
-
var _props$webChatContain, _props$styleProps, _chatSDK$omnichannelC, _props$controlProps, _props$controlProps2, _state$appStates7, _props$webChatContain5, _state$appStates14, _props$webChatContain6,
|
|
53
|
+
var _props$webChatContain, _props$styleProps, _chatSDK$omnichannelC, _props$controlProps, _props$controlProps2, _state$appStates7, _props$webChatContain5, _state$appStates14, _props$webChatContain6, _livechatProps$webCha, _livechatProps$styleP, _livechatProps$contro, _livechatProps$contro2, _livechatProps$compon, _livechatProps$contro3, _livechatProps$compon2, _livechatProps$contro4, _livechatProps$compon3, _livechatProps$contro5, _livechatProps$compon4, _livechatProps$contro6, _livechatProps$compon5, _livechatProps$contro7, _livechatProps$compon6, _livechatProps$contro8, _livechatProps$compon7, _livechatProps$contro9, _livechatProps$contro10, _livechatProps$compon8, _livechatProps$contro11, _livechatProps$compon9, _livechatProps$contro12, _livechatProps$compon10, _livechatProps$compon11, _livechatProps$compon12;
|
|
54
54
|
const [state, dispatch] = useChatContextStore();
|
|
55
55
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
56
56
|
const [adapter, setAdapter] = useChatAdapterStore();
|
|
@@ -601,10 +601,14 @@ export const LiveChatWidgetStateful = props => {
|
|
|
601
601
|
const confirmationPaneProps = initConfirmationPropsComposer(props);
|
|
602
602
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
603
603
|
const prepareEndChatRelay = () => prepareEndChat(props, chatSDK, state, dispatch, setAdapter, setWebChatStyles, adapter, uwid.current);
|
|
604
|
-
|
|
605
|
-
...defaultWebChatContainerStatefulProps.webChatStyles,
|
|
604
|
+
const downloadTranscriptProps = createDownloadTranscriptProps(props.downloadTranscriptProps, {
|
|
605
|
+
...(defaultWebChatContainerStatefulProps === null || defaultWebChatContainerStatefulProps === void 0 ? void 0 : defaultWebChatContainerStatefulProps.webChatStyles),
|
|
606
606
|
...((_props$webChatContain6 = props.webChatContainerProps) === null || _props$webChatContain6 === void 0 ? void 0 : _props$webChatContain6.webChatStyles)
|
|
607
607
|
}, props.webChatContainerProps);
|
|
608
|
+
const livechatProps = {
|
|
609
|
+
...props,
|
|
610
|
+
downloadTranscriptProps
|
|
611
|
+
};
|
|
608
612
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, `
|
|
609
613
|
::-webkit-scrollbar {
|
|
610
614
|
width: ${scrollbarProps.width};
|
|
@@ -624,36 +628,36 @@ export const LiveChatWidgetStateful = props => {
|
|
|
624
628
|
}
|
|
625
629
|
`), /*#__PURE__*/React.createElement(Composer, _extends({}, webChatProps, {
|
|
626
630
|
styleOptions: webChatStyles,
|
|
627
|
-
directLine: ((
|
|
631
|
+
directLine: ((_livechatProps$webCha = livechatProps.webChatContainerProps) === null || _livechatProps$webCha === void 0 ? void 0 : _livechatProps$webCha.directLine) ?? adapter ?? defaultWebChatContainerStatefulProps.directLine
|
|
628
632
|
}), /*#__PURE__*/React.createElement(Stack, {
|
|
629
633
|
id: widgetElementId,
|
|
630
634
|
styles: generalStyles,
|
|
631
|
-
className: (
|
|
632
|
-
}, !((
|
|
633
|
-
buttonProps:
|
|
634
|
-
outOfOfficeButtonProps:
|
|
635
|
+
className: (_livechatProps$styleP = livechatProps.styleProps) === null || _livechatProps$styleP === void 0 ? void 0 : _livechatProps$styleP.className
|
|
636
|
+
}, !((_livechatProps$contro = livechatProps.controlProps) !== null && _livechatProps$contro !== void 0 && _livechatProps$contro.hideChatButton) && !((_livechatProps$contro2 = livechatProps.controlProps) !== null && _livechatProps$contro2 !== void 0 && _livechatProps$contro2.hideStartChatButton) && shouldShowChatButton(state) && (decodeComponentString((_livechatProps$compon = livechatProps.componentOverrides) === null || _livechatProps$compon === void 0 ? void 0 : _livechatProps$compon.chatButton) || /*#__PURE__*/React.createElement(ChatButtonStateful, {
|
|
637
|
+
buttonProps: livechatProps.chatButtonProps,
|
|
638
|
+
outOfOfficeButtonProps: livechatProps.outOfOfficeChatButtonProps,
|
|
635
639
|
startChat: prepareStartChatRelay
|
|
636
|
-
})), !((
|
|
637
|
-
proactiveChatProps:
|
|
640
|
+
})), !((_livechatProps$contro3 = livechatProps.controlProps) !== null && _livechatProps$contro3 !== void 0 && _livechatProps$contro3.hideProactiveChatPane) && shouldShowProactiveChatPane(state) && (decodeComponentString((_livechatProps$compon2 = livechatProps.componentOverrides) === null || _livechatProps$compon2 === void 0 ? void 0 : _livechatProps$compon2.proactiveChatPane) || /*#__PURE__*/React.createElement(ProactiveChatPaneStateful, {
|
|
641
|
+
proactiveChatProps: livechatProps.proactiveChatPaneProps,
|
|
638
642
|
startChat: prepareStartChatRelay
|
|
639
|
-
})), !((
|
|
640
|
-
headerProps:
|
|
641
|
-
outOfOfficeHeaderProps:
|
|
643
|
+
})), !((_livechatProps$contro4 = livechatProps.controlProps) !== null && _livechatProps$contro4 !== void 0 && _livechatProps$contro4.hideHeader) && shouldShowHeader(state) && (decodeComponentString((_livechatProps$compon3 = livechatProps.componentOverrides) === null || _livechatProps$compon3 === void 0 ? void 0 : _livechatProps$compon3.header) || /*#__PURE__*/React.createElement(HeaderStateful, {
|
|
644
|
+
headerProps: livechatProps.headerProps,
|
|
645
|
+
outOfOfficeHeaderProps: livechatProps.outOfOfficeHeaderProps,
|
|
642
646
|
endChat: endChatRelay
|
|
643
|
-
})), !((
|
|
644
|
-
loadingPaneProps:
|
|
645
|
-
startChatErrorPaneProps:
|
|
646
|
-
})), !((
|
|
647
|
-
reconnectChatProps:
|
|
647
|
+
})), !((_livechatProps$contro5 = livechatProps.controlProps) !== null && _livechatProps$contro5 !== void 0 && _livechatProps$contro5.hideLoadingPane) && shouldShowLoadingPane(state) && (decodeComponentString((_livechatProps$compon4 = livechatProps.componentOverrides) === null || _livechatProps$compon4 === void 0 ? void 0 : _livechatProps$compon4.loadingPane) || /*#__PURE__*/React.createElement(LoadingPaneStateful, {
|
|
648
|
+
loadingPaneProps: livechatProps.loadingPaneProps,
|
|
649
|
+
startChatErrorPaneProps: livechatProps.startChatErrorPaneProps
|
|
650
|
+
})), !((_livechatProps$contro6 = livechatProps.controlProps) !== null && _livechatProps$contro6 !== void 0 && _livechatProps$contro6.hideOutOfOfficeHoursPane) && shouldShowOutOfOfficeHoursPane(state) && (decodeComponentString((_livechatProps$compon5 = livechatProps.componentOverrides) === null || _livechatProps$compon5 === void 0 ? void 0 : _livechatProps$compon5.outOfOfficeHoursPane) || /*#__PURE__*/React.createElement(OutOfOfficeHoursPaneStateful, livechatProps.outOfOfficeHoursPaneProps)), !((_livechatProps$contro7 = livechatProps.controlProps) !== null && _livechatProps$contro7 !== void 0 && _livechatProps$contro7.hideReconnectChatPane) && shouldShowReconnectChatPane(state) && (decodeComponentString((_livechatProps$compon6 = livechatProps.componentOverrides) === null || _livechatProps$compon6 === void 0 ? void 0 : _livechatProps$compon6.reconnectChatPane) || /*#__PURE__*/React.createElement(ReconnectChatPaneStateful, {
|
|
651
|
+
reconnectChatProps: livechatProps.reconnectChatPaneProps,
|
|
648
652
|
initStartChat: initStartChatRelay
|
|
649
|
-
})), !((
|
|
650
|
-
surveyProps:
|
|
653
|
+
})), !((_livechatProps$contro8 = livechatProps.controlProps) !== null && _livechatProps$contro8 !== void 0 && _livechatProps$contro8.hidePreChatSurveyPane) && shouldShowPreChatSurveyPane(state) && (decodeComponentString((_livechatProps$compon7 = livechatProps.componentOverrides) === null || _livechatProps$compon7 === void 0 ? void 0 : _livechatProps$compon7.preChatSurveyPane) || /*#__PURE__*/React.createElement(PreChatSurveyPaneStateful, {
|
|
654
|
+
surveyProps: livechatProps.preChatSurveyPaneProps,
|
|
651
655
|
initStartChat: initStartChatRelay
|
|
652
|
-
})), !((
|
|
656
|
+
})), !((_livechatProps$contro9 = livechatProps.controlProps) !== null && _livechatProps$contro9 !== void 0 && _livechatProps$contro9.hideCallingContainer) && shouldShowCallingContainer(state) && /*#__PURE__*/React.createElement(CallingContainerStateful, _extends({
|
|
653
657
|
voiceVideoCallingSdk: voiceVideoCallingSDK
|
|
654
|
-
},
|
|
658
|
+
}, livechatProps.callingContainerProps)), !((_livechatProps$contro10 = livechatProps.controlProps) !== null && _livechatProps$contro10 !== void 0 && _livechatProps$contro10.hideWebChatContainer) && shouldShowWebChatContainer(state) && (decodeComponentString((_livechatProps$compon8 = livechatProps.componentOverrides) === null || _livechatProps$compon8 === void 0 ? void 0 : _livechatProps$compon8.webChatContainer) || /*#__PURE__*/React.createElement(WebChatContainerStateful, livechatProps.webChatContainerProps)), !((_livechatProps$contro11 = livechatProps.controlProps) !== null && _livechatProps$contro11 !== void 0 && _livechatProps$contro11.hideConfirmationPane) && shouldShowConfirmationPane(state) && (decodeComponentString((_livechatProps$compon9 = livechatProps.componentOverrides) === null || _livechatProps$compon9 === void 0 ? void 0 : _livechatProps$compon9.confirmationPane) || /*#__PURE__*/React.createElement(ConfirmationPaneStateful, _extends({}, confirmationPaneProps, {
|
|
655
659
|
setPostChatContext: setPostChatContextRelay,
|
|
656
660
|
prepareEndChat: prepareEndChatRelay
|
|
657
|
-
}))), !((
|
|
661
|
+
}))), !((_livechatProps$contro12 = livechatProps.controlProps) !== null && _livechatProps$contro12 !== void 0 && _livechatProps$contro12.hidePostChatLoadingPane) && shouldShowPostChatLoadingPane(state) && (decodeComponentString((_livechatProps$compon10 = livechatProps.componentOverrides) === null || _livechatProps$compon10 === void 0 ? void 0 : _livechatProps$compon10.postChatLoadingPane) || /*#__PURE__*/React.createElement(PostChatLoadingPaneStateful, livechatProps.postChatLoadingPaneProps)), shouldShowPostChatSurveyPane(state) && (decodeComponentString((_livechatProps$compon11 = livechatProps.componentOverrides) === null || _livechatProps$compon11 === void 0 ? void 0 : _livechatProps$compon11.postChatSurveyPane) || /*#__PURE__*/React.createElement(PostChatSurveyPaneStateful, _extends({}, livechatProps.postChatSurveyPaneProps, livechatProps.chatSDK))), createFooter(livechatProps, state), shouldShowEmailTranscriptPane(state) && (decodeComponentString((_livechatProps$compon12 = livechatProps.componentOverrides) === null || _livechatProps$compon12 === void 0 ? void 0 : _livechatProps$compon12.emailTranscriptPane) || /*#__PURE__*/React.createElement(EmailTranscriptPaneStateful, livechatProps.emailTranscriptPane)))));
|
|
658
662
|
};
|
|
659
663
|
export default LiveChatWidgetStateful;
|
|
@@ -113,6 +113,12 @@ export const PreChatSurveyPaneStateful = props => {
|
|
|
113
113
|
const current = children[index];
|
|
114
114
|
if (current && current.className == HtmlAttributeNames.adaptiveCardTextBlockClassName) {
|
|
115
115
|
value = current.innerHTML;
|
|
116
|
+
if (current.childElementCount > 0) {
|
|
117
|
+
const paragraph = current.children[0];
|
|
118
|
+
if (paragraph.tagName.toLowerCase() == HtmlAttributeNames.pTagName) {
|
|
119
|
+
value = paragraph.innerHTML;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
116
122
|
}
|
|
117
123
|
if (current && current.tagName.toLowerCase() == HtmlAttributeNames.div && current.childElementCount > 0) {
|
|
118
124
|
const input = current.children[0].children;
|
|
@@ -17,6 +17,7 @@ import { defaultUserMessageBoxStyles } from "./webchatcontroller/middlewares/ren
|
|
|
17
17
|
import { defaultWebChatContainerStatefulProps } from "./common/defaultProps/defaultWebChatContainerStatefulProps";
|
|
18
18
|
import { setFocusOnSendBox } from "../../common/utils";
|
|
19
19
|
import { useChatContextStore } from "../..";
|
|
20
|
+
import { defaultSentMessageAnchorStyles } from "./webchatcontroller/middlewares/renderingmiddlewares/defaultStyles/defaultSentMessageAnchorStyles";
|
|
20
21
|
const broadcastChannelMessageEvent = "message";
|
|
21
22
|
const postActivity = activity => {
|
|
22
23
|
// eslint-disable-line @typescript-eslint/no-explicit-any
|
|
@@ -43,7 +44,7 @@ const createMagicCodeSuccessResponse = signin => {
|
|
|
43
44
|
};
|
|
44
45
|
};
|
|
45
46
|
export const WebChatContainerStateful = props => {
|
|
46
|
-
var _props$adaptiveCardSt, _props$renderingMiddl, _props$renderingMiddl2, _props$renderingMiddl3, _props$renderingMiddl4, _props$adaptiveCardSt2, _props$adaptiveCardSt3, _props$adaptiveCardSt4, _props$renderingMiddl5, _props$renderingMiddl6, _props$renderingMiddl7, _props$renderingMiddl8;
|
|
47
|
+
var _props$adaptiveCardSt, _props$renderingMiddl, _props$renderingMiddl2, _props$renderingMiddl3, _props$renderingMiddl4, _props$adaptiveCardSt2, _props$adaptiveCardSt3, _props$adaptiveCardSt4, _props$renderingMiddl5, _props$renderingMiddl6, _props$renderingMiddl7, _props$renderingMiddl8, _props$renderingMiddl9, _props$renderingMiddl10;
|
|
47
48
|
const {
|
|
48
49
|
BasicWebChat
|
|
49
50
|
} = Components;
|
|
@@ -146,7 +147,14 @@ export const WebChatContainerStateful = props => {
|
|
|
146
147
|
.ms_lcw_webchat_received_message a:hover,
|
|
147
148
|
.ms_lcw_webchat_received_message a:active {
|
|
148
149
|
color: ${(props === null || props === void 0 ? void 0 : (_props$renderingMiddl7 = props.renderingMiddlewareProps) === null || _props$renderingMiddl7 === void 0 ? void 0 : (_props$renderingMiddl8 = _props$renderingMiddl7.receivedMessageAnchorStyles) === null || _props$renderingMiddl8 === void 0 ? void 0 : _props$renderingMiddl8.color) ?? (defaultReceivedMessageAnchorStyles === null || defaultReceivedMessageAnchorStyles === void 0 ? void 0 : defaultReceivedMessageAnchorStyles.color)};
|
|
149
|
-
}
|
|
150
|
+
}
|
|
151
|
+
.ms_lcw_webchat_sent_message a:link,
|
|
152
|
+
.ms_lcw_webchat_sent_message a:visited,
|
|
153
|
+
.ms_lcw_webchat_sent_message a:hover,
|
|
154
|
+
.ms_lcw_webchat_sent_message a:active {
|
|
155
|
+
color: ${(props === null || props === void 0 ? void 0 : (_props$renderingMiddl9 = props.renderingMiddlewareProps) === null || _props$renderingMiddl9 === void 0 ? void 0 : (_props$renderingMiddl10 = _props$renderingMiddl9.sentMessageAnchorStyles) === null || _props$renderingMiddl10 === void 0 ? void 0 : _props$renderingMiddl10.color) ?? (defaultSentMessageAnchorStyles === null || defaultSentMessageAnchorStyles === void 0 ? void 0 : defaultSentMessageAnchorStyles.color)};
|
|
156
|
+
}
|
|
157
|
+
`), /*#__PURE__*/React.createElement(Stack, {
|
|
150
158
|
styles: containerStyles
|
|
151
159
|
}, /*#__PURE__*/React.createElement(BasicWebChat, null)));
|
|
152
160
|
};
|
|
@@ -127,6 +127,7 @@ export declare class HtmlAttributeNames {
|
|
|
127
127
|
static readonly unorderedList = "UL";
|
|
128
128
|
static readonly div = "div";
|
|
129
129
|
static readonly aTagName = "a";
|
|
130
|
+
static readonly pTagName = "p";
|
|
130
131
|
static readonly noopenerTag = "noopener";
|
|
131
132
|
static readonly noreferrerTag = "noreferrer";
|
|
132
133
|
static readonly adaptiveCardClassName = "ac-adaptiveCard";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@microsoft/omnichannel-chat-widget",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "Microsoft Omnichannel Chat Widget",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"types": "lib/types/index.d.ts",
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
"webpack-cli": "^4.9.2"
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {
|
|
77
|
-
"@microsoft/omnichannel-chat-components": "^1.0.
|
|
77
|
+
"@microsoft/omnichannel-chat-components": "^1.0.3",
|
|
78
78
|
"@microsoft/omnichannel-chat-sdk": "1.4.2",
|
|
79
79
|
"abort-controller-es5": "^2.0.1",
|
|
80
80
|
"dompurify": "^2.3.4",
|