@botonic/react 0.28.1 → 0.28.2-alpha.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/components/index-types.d.ts +1 -0
- package/lib/cjs/components/message/index.js +2 -2
- package/lib/cjs/components/message/index.js.map +1 -1
- package/lib/cjs/components/message/message-feedback.d.ts +2 -1
- package/lib/cjs/components/message/message-feedback.js +2 -1
- package/lib/cjs/components/message/message-feedback.js.map +1 -1
- package/lib/cjs/components/message/message-footer.d.ts +2 -1
- package/lib/cjs/components/message/message-footer.js +2 -2
- package/lib/cjs/components/message/message-footer.js.map +1 -1
- package/lib/cjs/components/text.js +1 -0
- package/lib/cjs/components/text.js.map +1 -1
- package/lib/cjs/shared/styles.d.ts +1 -0
- package/lib/cjs/shared/styles.js +19 -1
- package/lib/cjs/shared/styles.js.map +1 -1
- package/lib/cjs/webchat/components/conditional-animation.js +2 -2
- package/lib/cjs/webchat/components/conditional-animation.js.map +1 -1
- package/lib/cjs/webchat/header.js +2 -2
- package/lib/cjs/webchat/header.js.map +1 -1
- package/lib/esm/components/index-types.d.ts +1 -0
- package/lib/esm/components/message/index.js +2 -2
- package/lib/esm/components/message/index.js.map +1 -1
- package/lib/esm/components/message/message-feedback.d.ts +2 -1
- package/lib/esm/components/message/message-feedback.js +2 -1
- package/lib/esm/components/message/message-feedback.js.map +1 -1
- package/lib/esm/components/message/message-footer.d.ts +2 -1
- package/lib/esm/components/message/message-footer.js +2 -2
- package/lib/esm/components/message/message-footer.js.map +1 -1
- package/lib/esm/components/text.js +1 -0
- package/lib/esm/components/text.js.map +1 -1
- package/lib/esm/shared/styles.d.ts +1 -0
- package/lib/esm/shared/styles.js +18 -0
- package/lib/esm/shared/styles.js.map +1 -1
- package/lib/esm/webchat/components/conditional-animation.js +2 -2
- package/lib/esm/webchat/components/conditional-animation.js.map +1 -1
- package/lib/esm/webchat/header.js +2 -2
- package/lib/esm/webchat/header.js.map +1 -1
- package/package.json +2 -3
- package/src/components/index-types.ts +1 -0
- package/src/components/message/index.jsx +2 -0
- package/src/components/message/message-feedback.tsx +7 -1
- package/src/components/message/message-footer.tsx +7 -1
- package/src/components/text.tsx +1 -0
- package/src/shared/styles.ts +21 -0
- package/src/webchat/components/conditional-animation.jsx +2 -4
- package/src/webchat/header.jsx +2 -4
|
@@ -22,7 +22,7 @@ const styles_2 = require("./styles");
|
|
|
22
22
|
const timestamps_1 = require("./timestamps");
|
|
23
23
|
const Message = props => {
|
|
24
24
|
const { defaultTyping, defaultDelay } = (0, react_1.useContext)(contexts_1.RequestContext);
|
|
25
|
-
let { type = '', blob = true, sentBy, delay = defaultDelay, typing = defaultTyping, children, enabletimestamps = props.enabletimestamps || props.enableTimestamps, json, style, imagestyle = props.imagestyle || props.imageStyle, isUnread = true, feedbackEnabled, inferenceId } = props, otherProps = tslib_1.__rest(props, ["type", "blob", "sentBy", "delay", "typing", "children", "enabletimestamps", "json", "style", "imagestyle", "isUnread", "feedbackEnabled", "inferenceId"]);
|
|
25
|
+
let { type = '', blob = true, sentBy, delay = defaultDelay, typing = defaultTyping, children, enabletimestamps = props.enabletimestamps || props.enableTimestamps, json, style, imagestyle = props.imagestyle || props.imageStyle, isUnread = true, feedbackEnabled, inferenceId, botInteractionId } = props, otherProps = tslib_1.__rest(props, ["type", "blob", "sentBy", "delay", "typing", "children", "enabletimestamps", "json", "style", "imagestyle", "isUnread", "feedbackEnabled", "inferenceId", "botInteractionId"]);
|
|
26
26
|
const isSentByUser = sentBy === index_types_1.SENDERS.user;
|
|
27
27
|
const isSentByBot = sentBy === index_types_1.SENDERS.bot;
|
|
28
28
|
const markdown = props.markdown;
|
|
@@ -139,7 +139,7 @@ const Message = props => {
|
|
|
139
139
|
const className = `${type}-${userOrBotMessage}${resolveCustomTypeName()}`;
|
|
140
140
|
return ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(styles_1.Fade, { children: children }) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_2.MessageContainer, Object.assign({ isSentByUser: isSentByUser, style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.messageStyle)) }, { children: [(0, jsx_runtime_1.jsx)(message_image_1.MessageImage, { imagestyle: imagestyle, sentBy: sentBy }), (0, jsx_runtime_1.jsxs)(styles_2.BlobContainer, Object.assign({ className: className, bgcolor: getBgColor(), color: isSentByUser ? constants_1.COLORS.SOLID_WHITE : constants_1.COLORS.SOLID_BLACK, blobwidth: getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.botMessageBlobWidth), blob: blob, style: Object.assign(Object.assign(Object.assign({}, getMessageStyle()), style), { opacity: ack === 0 ? 0.6 : 1 }) }, otherProps, { children: [markdown ? ((0, jsx_runtime_1.jsx)(styles_2.BlobText, { blob: blob, dangerouslySetInnerHTML: {
|
|
141
141
|
__html: (0, markdown_1.renderMarkdown)(textChildren),
|
|
142
|
-
}, markdownstyle: (0, markdown_1.getMarkdownStyle)(getThemeProperty, isSentByUser ? constants_1.COLORS.SEASHELL_WHITE : brandColor) })) : ((0, jsx_runtime_1.jsx)(styles_2.BlobText, Object.assign({ blob: blob }, { children: textChildren }))), !!buttons.length && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'message-buttons-container' }, { children: buttons }))), Boolean(blob) && hasBlobTick() && getBlobTick(6), Boolean(blob) && hasBlobTick() && getBlobTick(5)] }))] })), timestampsEnabled || feedbackEnabled ? ((0, jsx_runtime_1.jsx)(message_footer_1.MessageFooter, { enabletimestamps: timestampsEnabled, messageJSON: messageJSON, sentBy: sentBy, feedbackEnabled: feedbackEnabled, inferenceId: inferenceId })) : null] }) })));
|
|
142
|
+
}, markdownstyle: (0, markdown_1.getMarkdownStyle)(getThemeProperty, isSentByUser ? constants_1.COLORS.SEASHELL_WHITE : brandColor) })) : ((0, jsx_runtime_1.jsx)(styles_2.BlobText, Object.assign({ blob: blob }, { children: textChildren }))), !!buttons.length && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'message-buttons-container' }, { children: buttons }))), Boolean(blob) && hasBlobTick() && getBlobTick(6), Boolean(blob) && hasBlobTick() && getBlobTick(5)] }))] })), timestampsEnabled || feedbackEnabled ? ((0, jsx_runtime_1.jsx)(message_footer_1.MessageFooter, { enabletimestamps: timestampsEnabled, messageJSON: messageJSON, sentBy: sentBy, feedbackEnabled: feedbackEnabled, inferenceId: inferenceId, botInteractionId: botInteractionId })) : null] }) })));
|
|
143
143
|
};
|
|
144
144
|
const { blob: _blob, json: _json } = props, nodeProps = tslib_1.__rest(props, ["blob", "json"]);
|
|
145
145
|
const renderNode = () => type === core_1.INPUT.CUSTOM ? ((0, jsx_runtime_1.jsx)("message", Object.assign({ json: JSON.stringify(_json), typing: typing, delay: delay }, nodeProps))) : ((0, jsx_runtime_1.jsx)("message", Object.assign({ typing: typing, delay: delay }, nodeProps, { children: children })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/message/index.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAChD,uDAA8D;AAC9D,+BAAmC;AAEnC,+CAAiD;AACjD,6CAA+D;AAC/D,mDAA2C;AAC3C,gDAA0C;AAC1C,wDAA8C;AAC9C,4CAAsE;AACtE,sCAAkC;AAClC,0DAAqD;AACrD,0CAA2E;AAC3E,oCAAgC;AAChC,qDAAgD;AAChD,mDAA8C;AAC9C,qCAMiB;AACjB,6CAAuD;AAEhD,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;IAC7B,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAClE,IAAI,EACF,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,IAAI,EACX,MAAM,EACN,KAAK,GAAG,YAAY,EACpB,MAAM,GAAG,aAAa,EACtB,QAAQ,EACR,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,gBAAgB,EACnE,IAAI,EACJ,KAAK,EACL,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EACjD,QAAQ,GAAG,IAAI,EACf,eAAe,EACf,WAAW,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/message/index.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
interface RatingProps {
|
|
2
|
+
botInteractionId?: string;
|
|
2
3
|
inferenceId?: string;
|
|
3
4
|
messageId: string;
|
|
4
5
|
}
|
|
5
|
-
export declare const MessageFeedback: ({ inferenceId, messageId }: RatingProps) => JSX.Element;
|
|
6
|
+
export declare const MessageFeedback: ({ botInteractionId, inferenceId, messageId, }: RatingProps) => JSX.Element;
|
|
6
7
|
export {};
|
|
@@ -11,7 +11,7 @@ const contexts_1 = require("../../contexts");
|
|
|
11
11
|
const util_1 = require("../../util");
|
|
12
12
|
const tracking_1 = require("../../webchat/tracking");
|
|
13
13
|
const styles_1 = require("./styles");
|
|
14
|
-
const MessageFeedback = ({ inferenceId, messageId }) => {
|
|
14
|
+
const MessageFeedback = ({ botInteractionId, inferenceId, messageId, }) => {
|
|
15
15
|
const { webchatState, updateMessage, trackEvent } = (0, react_1.useContext)(contexts_1.WebchatContext);
|
|
16
16
|
const request = (0, react_1.useContext)(contexts_1.RequestContext);
|
|
17
17
|
const [className, setClassName] = (0, react_1.useState)('');
|
|
@@ -45,6 +45,7 @@ const MessageFeedback = ({ inferenceId, messageId }) => {
|
|
|
45
45
|
}
|
|
46
46
|
const args = {
|
|
47
47
|
knowledgebaseInferenceId: inferenceId,
|
|
48
|
+
feedbackBotInteractionId: botInteractionId,
|
|
48
49
|
feedbackTargetId: messageId,
|
|
49
50
|
feedbackGroupId: (0, uuid_1.v4)(),
|
|
50
51
|
possibleOptions: [tracking_1.FeedbackOption.ThumbsUp, tracking_1.FeedbackOption.ThumbsDown],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA8D;AAC9D,+BAAiC;AAEjC,2FAAqD;AACrD,uFAAiD;AACjD,6CAA+D;AAE/D,qCAAyC;AACzC,qDAAoE;AACpE,qCAAmE;
|
|
1
|
+
{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ interface MessageFooterProps {
|
|
|
5
5
|
sentBy: SENDERS;
|
|
6
6
|
feedbackEnabled: boolean;
|
|
7
7
|
inferenceId?: string;
|
|
8
|
+
botInteractionId?: string;
|
|
8
9
|
}
|
|
9
|
-
export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, }: MessageFooterProps) => JSX.Element;
|
|
10
|
+
export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }: MessageFooterProps) => JSX.Element;
|
|
10
11
|
export {};
|
|
@@ -8,14 +8,14 @@ const index_types_1 = require("../../index-types");
|
|
|
8
8
|
const message_feedback_1 = require("./message-feedback");
|
|
9
9
|
const styles_1 = require("./styles");
|
|
10
10
|
const timestamps_1 = require("./timestamps");
|
|
11
|
-
const MessageFooter = ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, }) => {
|
|
11
|
+
const MessageFooter = ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }) => {
|
|
12
12
|
const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
|
|
13
13
|
const { timestampsEnabled, timestampStyle } = (0, timestamps_1.resolveMessageTimestamps)(getThemeProperty, enabletimestamps);
|
|
14
14
|
const isSentByUser = sentBy === index_types_1.SENDERS.user;
|
|
15
15
|
const messageFotterClass = isSentByUser
|
|
16
16
|
? 'message-footer-user'
|
|
17
17
|
: 'message-footer-bot';
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.MessageFooterContainer, Object.assign({ className: messageFotterClass, isSentByUser: isSentByUser }, { children: [timestampsEnabled ? ((0, jsx_runtime_1.jsx)(timestamps_1.MessageTimestamp, { sentBy: sentBy, style: timestampStyle, timestamp: messageJSON.timestamp })) : null, feedbackEnabled ? ((0, jsx_runtime_1.jsx)(message_feedback_1.MessageFeedback, { inferenceId: inferenceId, messageId: messageJSON.id })) : null] })));
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.MessageFooterContainer, Object.assign({ className: messageFotterClass, isSentByUser: isSentByUser }, { children: [timestampsEnabled ? ((0, jsx_runtime_1.jsx)(timestamps_1.MessageTimestamp, { sentBy: sentBy, style: timestampStyle, timestamp: messageJSON.timestamp })) : null, feedbackEnabled ? ((0, jsx_runtime_1.jsx)(message_feedback_1.MessageFeedback, { inferenceId: inferenceId, messageId: messageJSON.id, botInteractionId: botInteractionId })) : null] })));
|
|
19
19
|
};
|
|
20
20
|
exports.MessageFooter = MessageFooter;
|
|
21
21
|
//# sourceMappingURL=message-footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-footer.js","sourceRoot":"","sources":["../../../../src/components/message/message-footer.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,6CAA+C;AAC/C,mDAA2C;AAC3C,yDAAoD;AACpD,qCAAiD;AACjD,6CAAyE;
|
|
1
|
+
{"version":3,"file":"message-footer.js","sourceRoot":"","sources":["../../../../src/components/message/message-footer.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,6CAA+C;AAC/C,mDAA2C;AAC3C,yDAAoD;AACpD,qCAAiD;AACjD,6CAAyE;AAWlE,MAAM,aAAa,GAAG,CAAC,EAC5B,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,eAAe,EACf,WAAW,EACX,gBAAgB,GACG,EAAE,EAAE;IACvB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,IAAA,qCAAwB,EACpE,gBAAgB,EAChB,gBAAgB,CACjB,CAAA;IACD,MAAM,YAAY,GAAG,MAAM,KAAK,qBAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,kBAAkB,GAAG,YAAY;QACrC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,oBAAoB,CAAA;IAExB,OAAO,CACL,wBAAC,+BAAsB,kBACrB,SAAS,EAAE,kBAAkB,EAC7B,YAAY,EAAE,YAAY,iBAEzB,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,6BAAgB,IACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,WAAW,CAAC,SAAS,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,kCAAe,IACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,WAAW,CAAC,EAAE,EACzB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,KACe,CAC1B,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,aAAa,iBAwCzB"}
|
|
@@ -32,6 +32,7 @@ const Text = (props) => {
|
|
|
32
32
|
markdown: props.markdown === undefined ? true : props.markdown,
|
|
33
33
|
feedbackEnabled: props.feedbackEnabled,
|
|
34
34
|
inferenceId: props.inferenceId,
|
|
35
|
+
botInteractionId: props.botInteractionId,
|
|
35
36
|
};
|
|
36
37
|
const textProps = (0, react_2.mapObjectNonBooleanValues)(Object.assign(Object.assign(Object.assign({}, props), defaultTextProps), { children: react_1.Children.toArray(props.children) }));
|
|
37
38
|
if (!textProps.markdown)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/text.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AACrC,iCAAuC;AAEvC,yCAAyD;AAEzD,yCAAkE;AAClE,uCAAmC;AAEnC,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE;IAC/B,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC1D,MAAM,IAAI,GAAG,QAAQ;SAClB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;SACpB,GAAG,CAAC,CAAC,CAAC,EAAE;QACP,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAAE,OAAO,aAAa,CAAC,CAAC,CAAC,CAAA;;YACxC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAA;IACX,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,SAAoB,EAAE,EAAE;IACzC,IAAI,CAAC,SAAS,CAAC,QAAQ;QACrB,OAAO;YACL,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC;SACxC,CAAA;IACH,OAAO,EAAE,IAAI,EAAE,IAAA,4BAAiB,EAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAA;AACxD,CAAC,CAAA;AAEM,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,gBAAgB,GAAG;QACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;QAC9D,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,WAAW,EAAE,KAAK,CAAC,WAAW;
|
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/text.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AACrC,iCAAuC;AAEvC,yCAAyD;AAEzD,yCAAkE;AAClE,uCAAmC;AAEnC,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE;IAC/B,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC1D,MAAM,IAAI,GAAG,QAAQ;SAClB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;SACpB,GAAG,CAAC,CAAC,CAAC,EAAE;QACP,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAAE,OAAO,aAAa,CAAC,CAAC,CAAC,CAAA;;YACxC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAA;IACX,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,SAAoB,EAAE,EAAE;IACzC,IAAI,CAAC,SAAS,CAAC,QAAQ;QACrB,OAAO;YACL,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC;SACxC,CAAA;IACH,OAAO,EAAE,IAAI,EAAE,IAAA,4BAAiB,EAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAA;AACxD,CAAC,CAAA;AAEM,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,gBAAgB,GAAG;QACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;QAC9D,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;KACzC,CAAA;IAED,MAAM,SAAS,GAAG,IAAA,iCAAyB,gDACtC,KAAK,GACL,gBAAgB,GAChB,EAAE,QAAQ,EAAE,gBAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EACjD,CAAA;IAEF,IAAI,CAAC,SAAS,CAAC,QAAQ;QACrB,OAAO,CACL,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,IAAM,SAAS,IAAE,IAAI,EAAE,YAAK,CAAC,IAAI,gBACjE,SAAS,CAAC,QAAQ,IACX,CACX,CAAA;IACH,OAAO,CACL,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,IAAM,SAAS,IAAE,IAAI,EAAE,YAAK,CAAC,IAAI,gBACjE,IAAA,6BAAkB,EAAC,SAAS,CAAC,QAAQ,CAAC,IAC/B,CACX,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,IAAI,QAyBhB;AAED,YAAI,CAAC,SAAS,GAAG,SAAS,CAAA"}
|
package/lib/cjs/shared/styles.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Fade = void 0;
|
|
3
|
+
exports.Scale = exports.Fade = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const styled_components_1 = tslib_1.__importStar(require("styled-components"));
|
|
6
6
|
const fadeIn = (0, styled_components_1.keyframes) `
|
|
@@ -11,4 +11,22 @@ exports.Fade = styled_components_1.default.div `
|
|
|
11
11
|
opacity: 0;
|
|
12
12
|
animation: ${fadeIn} 0.8s forwards;
|
|
13
13
|
`;
|
|
14
|
+
const scaleUp = (0, styled_components_1.keyframes) `
|
|
15
|
+
from { transform: scale(1); }
|
|
16
|
+
to { transform: scale(1.2); }
|
|
17
|
+
`;
|
|
18
|
+
const scaleDown = (0, styled_components_1.keyframes) `
|
|
19
|
+
from { transform: scale(1.2); }
|
|
20
|
+
to { transform: scale(1); }
|
|
21
|
+
`;
|
|
22
|
+
exports.Scale = styled_components_1.default.div `
|
|
23
|
+
display: inline-block;
|
|
24
|
+
animation-fill-mode: forwards;
|
|
25
|
+
&:hover {
|
|
26
|
+
animation: ${scaleUp} 0.2s forwards;
|
|
27
|
+
}
|
|
28
|
+
&:not():hover {
|
|
29
|
+
animation: ${scaleDown} 0.2s forwards;
|
|
30
|
+
}
|
|
31
|
+
`;
|
|
14
32
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/shared/styles.ts"],"names":[],"mappings":";;;;AAAA,+EAAqD;AAErD,MAAM,MAAM,GAAG,IAAA,6BAAS,EAAA;;;CAGvB,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;eAEf,MAAM;CACpB,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/shared/styles.ts"],"names":[],"mappings":";;;;AAAA,+EAAqD;AAErD,MAAM,MAAM,GAAG,IAAA,6BAAS,EAAA;;;CAGvB,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;eAEf,MAAM;CACpB,CAAA;AAED,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;CAGxB,CAAA;AAED,MAAM,SAAS,GAAG,IAAA,6BAAS,EAAA;;;CAG1B,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;iBAId,OAAO;;;iBAGP,SAAS;;CAEzB,CAAA"}
|
|
@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.ConditionalAnimation = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const framer_motion_1 = require("framer-motion");
|
|
7
6
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
8
7
|
const constants_1 = require("../../constants");
|
|
9
8
|
const contexts_1 = require("../../contexts");
|
|
9
|
+
const styles_1 = require("../../shared/styles");
|
|
10
10
|
const react_2 = require("../../util/react");
|
|
11
11
|
const ConditionalAnimation = props => {
|
|
12
12
|
const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
|
|
13
13
|
const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, props.enableAnimations !== undefined ? props.enableAnimations : true);
|
|
14
|
-
return ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(styles_1.Scale, { children: children }) }, { children: props.children })));
|
|
15
15
|
};
|
|
16
16
|
exports.ConditionalAnimation = ConditionalAnimation;
|
|
17
17
|
//# sourceMappingURL=conditional-animation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conditional-animation.js","sourceRoot":"","sources":["../../../../src/webchat/components/conditional-animation.jsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"conditional-animation.js","sourceRoot":"","sources":["../../../../src/webchat/components/conditional-animation.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AAEzC,+CAAyC;AACzC,6CAA+C;AAC/C,gDAA2C;AAC3C,4CAAqD;AAE9C,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,KAAK,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CACrE,CAAA;IACD,OAAO,CACL,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAK,cAAE,QAAQ,GAAS,gBAE7C,KAAK,CAAC,QAAQ,IACI,CACtB,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,oBAAoB,wBAehC"}
|
|
@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.StyledWebchatHeader = exports.WebchatHeader = exports.DefaultHeader = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const framer_motion_1 = require("framer-motion");
|
|
7
6
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
8
7
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
9
8
|
const constants_1 = require("../constants");
|
|
10
9
|
const contexts_1 = require("../contexts");
|
|
10
|
+
const styles_1 = require("../shared/styles");
|
|
11
11
|
const environment_1 = require("../util/environment");
|
|
12
12
|
const react_2 = require("../util/react");
|
|
13
13
|
const Header = styled_components_1.default.div `
|
|
@@ -61,7 +61,7 @@ const DefaultHeader = props => {
|
|
|
61
61
|
const headerImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandImage, constants_1.WEBCHAT.DEFAULTS.LOGO));
|
|
62
62
|
const headerTitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerTitle, constants_1.WEBCHAT.DEFAULTS.TITLE);
|
|
63
63
|
const headerSubtitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle, '');
|
|
64
|
-
return ((0, jsx_runtime_1.jsxs)(Header, Object.assign({ role: constants_1.ROLES.HEADER, color: props.color, style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && ((0, jsx_runtime_1.jsx)(ImageContainer, { children: (0, jsx_runtime_1.jsx)(Image, { src: (0, environment_1.resolveImage)(headerImage) }) })), (0, jsx_runtime_1.jsxs)(TextContainer, Object.assign({ ml: headerImage ? '0px' : '16px' }, { children: [(0, jsx_runtime_1.jsx)(Title, Object.assign({ mb: headerSubtitle ? '6px' : '0px' }, { children: headerTitle })), (0, jsx_runtime_1.jsx)(Subtitle, { children: headerSubtitle })] })), (0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (
|
|
64
|
+
return ((0, jsx_runtime_1.jsxs)(Header, Object.assign({ role: constants_1.ROLES.HEADER, color: props.color, style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && ((0, jsx_runtime_1.jsx)(ImageContainer, { children: (0, jsx_runtime_1.jsx)(Image, { src: (0, environment_1.resolveImage)(headerImage) }) })), (0, jsx_runtime_1.jsxs)(TextContainer, Object.assign({ ml: headerImage ? '0px' : '16px' }, { children: [(0, jsx_runtime_1.jsx)(Title, Object.assign({ mb: headerSubtitle ? '6px' : '0px' }, { children: headerTitle })), (0, jsx_runtime_1.jsx)(Subtitle, { children: headerSubtitle })] })), (0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(styles_1.Scale, { children: children }) }, { children: (0, jsx_runtime_1.jsx)(CloseHeader, Object.assign({ onClick: props.onCloseClick }, { children: "\u2A2F" })) }))] })));
|
|
65
65
|
};
|
|
66
66
|
exports.DefaultHeader = DefaultHeader;
|
|
67
67
|
const WebchatHeader = props => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/webchat/header.jsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/webchat/header.jsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ import { BlobContainer, BlobText, BlobTick, BlobTickContainer, MessageContainer,
|
|
|
19
19
|
import { resolveMessageTimestamps } from './timestamps';
|
|
20
20
|
export const Message = props => {
|
|
21
21
|
const { defaultTyping, defaultDelay } = useContext(RequestContext);
|
|
22
|
-
let { type = '', blob = true, sentBy, delay = defaultDelay, typing = defaultTyping, children, enabletimestamps = props.enabletimestamps || props.enableTimestamps, json, style, imagestyle = props.imagestyle || props.imageStyle, isUnread = true, feedbackEnabled, inferenceId } = props, otherProps = __rest(props, ["type", "blob", "sentBy", "delay", "typing", "children", "enabletimestamps", "json", "style", "imagestyle", "isUnread", "feedbackEnabled", "inferenceId"]);
|
|
22
|
+
let { type = '', blob = true, sentBy, delay = defaultDelay, typing = defaultTyping, children, enabletimestamps = props.enabletimestamps || props.enableTimestamps, json, style, imagestyle = props.imagestyle || props.imageStyle, isUnread = true, feedbackEnabled, inferenceId, botInteractionId } = props, otherProps = __rest(props, ["type", "blob", "sentBy", "delay", "typing", "children", "enabletimestamps", "json", "style", "imagestyle", "isUnread", "feedbackEnabled", "inferenceId", "botInteractionId"]);
|
|
23
23
|
const isSentByUser = sentBy === SENDERS.user;
|
|
24
24
|
const isSentByBot = sentBy === SENDERS.bot;
|
|
25
25
|
const markdown = props.markdown;
|
|
@@ -136,7 +136,7 @@ export const Message = props => {
|
|
|
136
136
|
const className = `${type}-${userOrBotMessage}${resolveCustomTypeName()}`;
|
|
137
137
|
return (_jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Fade, { children: children }) }, { children: _jsxs(_Fragment, { children: [_jsxs(MessageContainer, Object.assign({ isSentByUser: isSentByUser, style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.messageStyle)) }, { children: [_jsx(MessageImage, { imagestyle: imagestyle, sentBy: sentBy }), _jsxs(BlobContainer, Object.assign({ className: className, bgcolor: getBgColor(), color: isSentByUser ? COLORS.SOLID_WHITE : COLORS.SOLID_BLACK, blobwidth: getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.botMessageBlobWidth), blob: blob, style: Object.assign(Object.assign(Object.assign({}, getMessageStyle()), style), { opacity: ack === 0 ? 0.6 : 1 }) }, otherProps, { children: [markdown ? (_jsx(BlobText, { blob: blob, dangerouslySetInnerHTML: {
|
|
138
138
|
__html: renderMarkdown(textChildren),
|
|
139
|
-
}, markdownstyle: getMarkdownStyle(getThemeProperty, isSentByUser ? COLORS.SEASHELL_WHITE : brandColor) })) : (_jsx(BlobText, Object.assign({ blob: blob }, { children: textChildren }))), !!buttons.length && (_jsx("div", Object.assign({ className: 'message-buttons-container' }, { children: buttons }))), Boolean(blob) && hasBlobTick() && getBlobTick(6), Boolean(blob) && hasBlobTick() && getBlobTick(5)] }))] })), timestampsEnabled || feedbackEnabled ? (_jsx(MessageFooter, { enabletimestamps: timestampsEnabled, messageJSON: messageJSON, sentBy: sentBy, feedbackEnabled: feedbackEnabled, inferenceId: inferenceId })) : null] }) })));
|
|
139
|
+
}, markdownstyle: getMarkdownStyle(getThemeProperty, isSentByUser ? COLORS.SEASHELL_WHITE : brandColor) })) : (_jsx(BlobText, Object.assign({ blob: blob }, { children: textChildren }))), !!buttons.length && (_jsx("div", Object.assign({ className: 'message-buttons-container' }, { children: buttons }))), Boolean(blob) && hasBlobTick() && getBlobTick(6), Boolean(blob) && hasBlobTick() && getBlobTick(5)] }))] })), timestampsEnabled || feedbackEnabled ? (_jsx(MessageFooter, { enabletimestamps: timestampsEnabled, messageJSON: messageJSON, sentBy: sentBy, feedbackEnabled: feedbackEnabled, inferenceId: inferenceId, botInteractionId: botInteractionId })) : null] }) })));
|
|
140
140
|
};
|
|
141
141
|
const { blob: _blob, json: _json } = props, nodeProps = __rest(props, ["blob", "json"]);
|
|
142
142
|
const renderNode = () => type === INPUT.CUSTOM ? (_jsx("message", Object.assign({ json: JSON.stringify(_json), typing: typing, delay: delay }, nodeProps))) : (_jsx("message", Object.assign({ typing: typing, delay: delay }, nodeProps, { children: children })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/message/index.jsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EACL,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAA;AAEvD,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;IAC7B,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAClE,IAAI,EACF,IAAI,GAAG,EAAE,EACT,IAAI,GAAG,IAAI,EACX,MAAM,EACN,KAAK,GAAG,YAAY,EACpB,MAAM,GAAG,aAAa,EACtB,QAAQ,EACR,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,gBAAgB,EACnE,IAAI,EACJ,KAAK,EACL,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,EACjD,QAAQ,GAAG,IAAI,EACf,eAAe,EACf,WAAW,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/message/index.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
interface RatingProps {
|
|
2
|
+
botInteractionId?: string;
|
|
2
3
|
inferenceId?: string;
|
|
3
4
|
messageId: string;
|
|
4
5
|
}
|
|
5
|
-
export declare const MessageFeedback: ({ inferenceId, messageId }: RatingProps) => JSX.Element;
|
|
6
|
+
export declare const MessageFeedback: ({ botInteractionId, inferenceId, messageId, }: RatingProps) => JSX.Element;
|
|
6
7
|
export {};
|
|
@@ -8,7 +8,7 @@ import { RequestContext, WebchatContext } from '../../contexts';
|
|
|
8
8
|
import { resolveImage } from '../../util';
|
|
9
9
|
import { EventAction, FeedbackOption } from '../../webchat/tracking';
|
|
10
10
|
import { FeedbackButton, FeedbackMessageContainer } from './styles';
|
|
11
|
-
export const MessageFeedback = ({ inferenceId, messageId }) => {
|
|
11
|
+
export const MessageFeedback = ({ botInteractionId, inferenceId, messageId, }) => {
|
|
12
12
|
const { webchatState, updateMessage, trackEvent } = useContext(WebchatContext);
|
|
13
13
|
const request = useContext(RequestContext);
|
|
14
14
|
const [className, setClassName] = useState('');
|
|
@@ -42,6 +42,7 @@ export const MessageFeedback = ({ inferenceId, messageId }) => {
|
|
|
42
42
|
}
|
|
43
43
|
const args = {
|
|
44
44
|
knowledgebaseInferenceId: inferenceId,
|
|
45
|
+
feedbackBotInteractionId: botInteractionId,
|
|
45
46
|
feedbackTargetId: messageId,
|
|
46
47
|
feedbackGroupId: uuid(),
|
|
47
48
|
possibleOptions: [FeedbackOption.ThumbsUp, FeedbackOption.ThumbsDown],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,MAAM,CAAA;AAEjC,OAAO,UAAU,MAAM,8BAA8B,CAAA;AACrD,OAAO,QAAQ,MAAM,4BAA4B,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ interface MessageFooterProps {
|
|
|
5
5
|
sentBy: SENDERS;
|
|
6
6
|
feedbackEnabled: boolean;
|
|
7
7
|
inferenceId?: string;
|
|
8
|
+
botInteractionId?: string;
|
|
8
9
|
}
|
|
9
|
-
export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, }: MessageFooterProps) => JSX.Element;
|
|
10
|
+
export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }: MessageFooterProps) => JSX.Element;
|
|
10
11
|
export {};
|
|
@@ -5,13 +5,13 @@ import { SENDERS } from '../../index-types';
|
|
|
5
5
|
import { MessageFeedback } from './message-feedback';
|
|
6
6
|
import { MessageFooterContainer } from './styles';
|
|
7
7
|
import { MessageTimestamp, resolveMessageTimestamps } from './timestamps';
|
|
8
|
-
export const MessageFooter = ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, }) => {
|
|
8
|
+
export const MessageFooter = ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }) => {
|
|
9
9
|
const { getThemeProperty } = useContext(WebchatContext);
|
|
10
10
|
const { timestampsEnabled, timestampStyle } = resolveMessageTimestamps(getThemeProperty, enabletimestamps);
|
|
11
11
|
const isSentByUser = sentBy === SENDERS.user;
|
|
12
12
|
const messageFotterClass = isSentByUser
|
|
13
13
|
? 'message-footer-user'
|
|
14
14
|
: 'message-footer-bot';
|
|
15
|
-
return (_jsxs(MessageFooterContainer, Object.assign({ className: messageFotterClass, isSentByUser: isSentByUser }, { children: [timestampsEnabled ? (_jsx(MessageTimestamp, { sentBy: sentBy, style: timestampStyle, timestamp: messageJSON.timestamp })) : null, feedbackEnabled ? (_jsx(MessageFeedback, { inferenceId: inferenceId, messageId: messageJSON.id })) : null] })));
|
|
15
|
+
return (_jsxs(MessageFooterContainer, Object.assign({ className: messageFotterClass, isSentByUser: isSentByUser }, { children: [timestampsEnabled ? (_jsx(MessageTimestamp, { sentBy: sentBy, style: timestampStyle, timestamp: messageJSON.timestamp })) : null, feedbackEnabled ? (_jsx(MessageFeedback, { inferenceId: inferenceId, messageId: messageJSON.id, botInteractionId: botInteractionId })) : null] })));
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=message-footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-footer.js","sourceRoot":"","sources":["../../../../src/components/message/message-footer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"message-footer.js","sourceRoot":"","sources":["../../../../src/components/message/message-footer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAA;AAWzE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,eAAe,EACf,WAAW,EACX,gBAAgB,GACG,EAAE,EAAE;IACvB,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,wBAAwB,CACpE,gBAAgB,EAChB,gBAAgB,CACjB,CAAA;IACD,MAAM,YAAY,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAA;IAC5C,MAAM,kBAAkB,GAAG,YAAY;QACrC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,oBAAoB,CAAA;IAExB,OAAO,CACL,MAAC,sBAAsB,kBACrB,SAAS,EAAE,kBAAkB,EAC7B,YAAY,EAAE,YAAY,iBAEzB,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,gBAAgB,IACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,WAAW,CAAC,SAAS,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,eAAe,IACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,WAAW,CAAC,EAAE,EACzB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,KACe,CAC1B,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -29,6 +29,7 @@ export const Text = (props) => {
|
|
|
29
29
|
markdown: props.markdown === undefined ? true : props.markdown,
|
|
30
30
|
feedbackEnabled: props.feedbackEnabled,
|
|
31
31
|
inferenceId: props.inferenceId,
|
|
32
|
+
botInteractionId: props.botInteractionId,
|
|
32
33
|
};
|
|
33
34
|
const textProps = mapObjectNonBooleanValues(Object.assign(Object.assign(Object.assign({}, props), defaultTextProps), { children: Children.toArray(props.children) }));
|
|
34
35
|
if (!textProps.markdown)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE;IAC/B,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC1D,MAAM,IAAI,GAAG,QAAQ;SAClB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;SACpB,GAAG,CAAC,CAAC,CAAC,EAAE;QACP,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAAE,OAAO,aAAa,CAAC,CAAC,CAAC,CAAA;;YACxC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAA;IACX,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,SAAoB,EAAE,EAAE;IACzC,IAAI,CAAC,SAAS,CAAC,QAAQ;QACrB,OAAO;YACL,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC;SACxC,CAAA;IACH,OAAO,EAAE,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAA;AACxD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,gBAAgB,GAAG;QACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;QAC9D,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,WAAW,EAAE,KAAK,CAAC,WAAW;
|
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE;IAC/B,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC1D,MAAM,IAAI,GAAG,QAAQ;SAClB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;SACpB,GAAG,CAAC,CAAC,CAAC,EAAE;QACP,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAAE,OAAO,aAAa,CAAC,CAAC,CAAC,CAAA;;YACxC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAA;IACX,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,SAAoB,EAAE,EAAE;IACzC,IAAI,CAAC,SAAS,CAAC,QAAQ;QACrB,OAAO;YACL,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC;SACxC,CAAA;IACH,OAAO,EAAE,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAA;AACxD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,gBAAgB,GAAG;QACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;QAC9D,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;KACzC,CAAA;IAED,MAAM,SAAS,GAAG,yBAAyB,+CACtC,KAAK,GACL,gBAAgB,GAChB,EAAE,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EACjD,CAAA;IAEF,IAAI,CAAC,SAAS,CAAC,QAAQ;QACrB,OAAO,CACL,KAAC,OAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,IAAM,SAAS,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBACjE,SAAS,CAAC,QAAQ,IACX,CACX,CAAA;IACH,OAAO,CACL,KAAC,OAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,IAAM,SAAS,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBACjE,kBAAkB,CAAC,SAAS,CAAC,QAAQ,CAAC,IAC/B,CACX,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA"}
|
package/lib/esm/shared/styles.js
CHANGED
|
@@ -7,4 +7,22 @@ export const Fade = styled.div `
|
|
|
7
7
|
opacity: 0;
|
|
8
8
|
animation: ${fadeIn} 0.8s forwards;
|
|
9
9
|
`;
|
|
10
|
+
const scaleUp = keyframes `
|
|
11
|
+
from { transform: scale(1); }
|
|
12
|
+
to { transform: scale(1.2); }
|
|
13
|
+
`;
|
|
14
|
+
const scaleDown = keyframes `
|
|
15
|
+
from { transform: scale(1.2); }
|
|
16
|
+
to { transform: scale(1); }
|
|
17
|
+
`;
|
|
18
|
+
export const Scale = styled.div `
|
|
19
|
+
display: inline-block;
|
|
20
|
+
animation-fill-mode: forwards;
|
|
21
|
+
&:hover {
|
|
22
|
+
animation: ${scaleUp} 0.2s forwards;
|
|
23
|
+
}
|
|
24
|
+
&:not():hover {
|
|
25
|
+
animation: ${scaleDown} 0.2s forwards;
|
|
26
|
+
}
|
|
27
|
+
`;
|
|
10
28
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/shared/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,MAAM,GAAG,SAAS,CAAA;;;CAGvB,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;eAEf,MAAM;CACpB,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/shared/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,MAAM,GAAG,SAAS,CAAA;;;CAGvB,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;eAEf,MAAM;CACpB,CAAA;AAED,MAAM,OAAO,GAAG,SAAS,CAAA;;;CAGxB,CAAA;AAED,MAAM,SAAS,GAAG,SAAS,CAAA;;;CAG1B,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;iBAId,OAAO;;;iBAGP,SAAS;;CAEzB,CAAA"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { motion } from 'framer-motion';
|
|
3
2
|
import React, { useContext } from 'react';
|
|
4
3
|
import { WEBCHAT } from '../../constants';
|
|
5
4
|
import { WebchatContext } from '../../contexts';
|
|
5
|
+
import { Scale } from '../../shared/styles';
|
|
6
6
|
import { ConditionalWrapper } from '../../util/react';
|
|
7
7
|
export const ConditionalAnimation = props => {
|
|
8
8
|
const { getThemeProperty } = useContext(WebchatContext);
|
|
9
9
|
const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, props.enableAnimations !== undefined ? props.enableAnimations : true);
|
|
10
|
-
return (_jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children =>
|
|
10
|
+
return (_jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Scale, { children: children }) }, { children: props.children })));
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=conditional-animation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conditional-animation.js","sourceRoot":"","sources":["../../../../src/webchat/components/conditional-animation.jsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"conditional-animation.js","sourceRoot":"","sources":["../../../../src/webchat/components/conditional-animation.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAErD,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,KAAK,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CACrE,CAAA;IACD,OAAO,CACL,KAAC,kBAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAC,KAAK,cAAE,QAAQ,GAAS,gBAE7C,KAAK,CAAC,QAAQ,IACI,CACtB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { motion } from 'framer-motion';
|
|
3
2
|
import React, { useContext } from 'react';
|
|
4
3
|
import styled from 'styled-components';
|
|
5
4
|
import { COLORS, ROLES, WEBCHAT } from '../constants';
|
|
6
5
|
import { WebchatContext } from '../contexts';
|
|
6
|
+
import { Scale } from '../shared/styles';
|
|
7
7
|
import { resolveImage } from '../util/environment';
|
|
8
8
|
import { ConditionalWrapper } from '../util/react';
|
|
9
9
|
const Header = styled.div `
|
|
@@ -57,7 +57,7 @@ export const DefaultHeader = props => {
|
|
|
57
57
|
const headerImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandImage, WEBCHAT.DEFAULTS.LOGO));
|
|
58
58
|
const headerTitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerTitle, WEBCHAT.DEFAULTS.TITLE);
|
|
59
59
|
const headerSubtitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle, '');
|
|
60
|
-
return (_jsxs(Header, Object.assign({ role: ROLES.HEADER, color: props.color, style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && (_jsx(ImageContainer, { children: _jsx(Image, { src: resolveImage(headerImage) }) })), _jsxs(TextContainer, Object.assign({ ml: headerImage ? '0px' : '16px' }, { children: [_jsx(Title, Object.assign({ mb: headerSubtitle ? '6px' : '0px' }, { children: headerTitle })), _jsx(Subtitle, { children: headerSubtitle })] })), _jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children =>
|
|
60
|
+
return (_jsxs(Header, Object.assign({ role: ROLES.HEADER, color: props.color, style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && (_jsx(ImageContainer, { children: _jsx(Image, { src: resolveImage(headerImage) }) })), _jsxs(TextContainer, Object.assign({ ml: headerImage ? '0px' : '16px' }, { children: [_jsx(Title, Object.assign({ mb: headerSubtitle ? '6px' : '0px' }, { children: headerTitle })), _jsx(Subtitle, { children: headerSubtitle })] })), _jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Scale, { children: children }) }, { children: _jsx(CloseHeader, Object.assign({ onClick: props.onCloseClick }, { children: "\u2A2F" })) }))] })));
|
|
61
61
|
};
|
|
62
62
|
export const WebchatHeader = props => {
|
|
63
63
|
const { webchatState, getThemeProperty } = useContext(WebchatContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/webchat/header.jsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/webchat/header.jsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@botonic/react",
|
|
3
|
-
"version": "0.28.
|
|
3
|
+
"version": "0.28.2-alpha.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Build Chatbots using React",
|
|
6
6
|
"main": "./lib/cjs",
|
|
@@ -20,10 +20,9 @@
|
|
|
20
20
|
"lint_core": "../../node_modules/.bin/eslint_d --cache --quiet '.*.js' '*.js' 'src/**/*.js*' --fix"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@botonic/core": "
|
|
23
|
+
"@botonic/core": "0.28.2-alpha.0",
|
|
24
24
|
"axios": "^1.7.2",
|
|
25
25
|
"emoji-picker-react": "^4.4.9",
|
|
26
|
-
"framer-motion": "^3.1.1",
|
|
27
26
|
"he": "^1.2.0",
|
|
28
27
|
"lodash.merge": "^4.6.2",
|
|
29
28
|
"markdown-it": "^12.0.6",
|
|
@@ -39,6 +39,7 @@ export const Message = props => {
|
|
|
39
39
|
isUnread = true,
|
|
40
40
|
feedbackEnabled,
|
|
41
41
|
inferenceId,
|
|
42
|
+
botInteractionId,
|
|
42
43
|
...otherProps
|
|
43
44
|
} = props
|
|
44
45
|
|
|
@@ -269,6 +270,7 @@ export const Message = props => {
|
|
|
269
270
|
sentBy={sentBy}
|
|
270
271
|
feedbackEnabled={feedbackEnabled}
|
|
271
272
|
inferenceId={inferenceId}
|
|
273
|
+
botInteractionId={botInteractionId}
|
|
272
274
|
/>
|
|
273
275
|
) : null}
|
|
274
276
|
</>
|
|
@@ -15,11 +15,16 @@ interface ButtonsState {
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
interface RatingProps {
|
|
18
|
+
botInteractionId?: string
|
|
18
19
|
inferenceId?: string
|
|
19
20
|
messageId: string
|
|
20
21
|
}
|
|
21
22
|
|
|
22
|
-
export const MessageFeedback = ({
|
|
23
|
+
export const MessageFeedback = ({
|
|
24
|
+
botInteractionId,
|
|
25
|
+
inferenceId,
|
|
26
|
+
messageId,
|
|
27
|
+
}: RatingProps) => {
|
|
23
28
|
const { webchatState, updateMessage, trackEvent } = useContext(WebchatContext)
|
|
24
29
|
const request = useContext(RequestContext)
|
|
25
30
|
|
|
@@ -64,6 +69,7 @@ export const MessageFeedback = ({ inferenceId, messageId }: RatingProps) => {
|
|
|
64
69
|
|
|
65
70
|
const args = {
|
|
66
71
|
knowledgebaseInferenceId: inferenceId,
|
|
72
|
+
feedbackBotInteractionId: botInteractionId,
|
|
67
73
|
feedbackTargetId: messageId,
|
|
68
74
|
feedbackGroupId: uuid(),
|
|
69
75
|
possibleOptions: [FeedbackOption.ThumbsUp, FeedbackOption.ThumbsDown],
|
|
@@ -12,6 +12,7 @@ interface MessageFooterProps {
|
|
|
12
12
|
sentBy: SENDERS
|
|
13
13
|
feedbackEnabled: boolean
|
|
14
14
|
inferenceId?: string
|
|
15
|
+
botInteractionId?: string
|
|
15
16
|
}
|
|
16
17
|
|
|
17
18
|
export const MessageFooter = ({
|
|
@@ -20,6 +21,7 @@ export const MessageFooter = ({
|
|
|
20
21
|
sentBy,
|
|
21
22
|
feedbackEnabled,
|
|
22
23
|
inferenceId,
|
|
24
|
+
botInteractionId,
|
|
23
25
|
}: MessageFooterProps) => {
|
|
24
26
|
const { getThemeProperty } = useContext(WebchatContext)
|
|
25
27
|
|
|
@@ -45,7 +47,11 @@ export const MessageFooter = ({
|
|
|
45
47
|
/>
|
|
46
48
|
) : null}
|
|
47
49
|
{feedbackEnabled ? (
|
|
48
|
-
<MessageFeedback
|
|
50
|
+
<MessageFeedback
|
|
51
|
+
inferenceId={inferenceId}
|
|
52
|
+
messageId={messageJSON.id}
|
|
53
|
+
botInteractionId={botInteractionId}
|
|
54
|
+
/>
|
|
49
55
|
) : null}
|
|
50
56
|
</MessageFooterContainer>
|
|
51
57
|
)
|
package/src/components/text.tsx
CHANGED
|
@@ -31,6 +31,7 @@ export const Text = (props: TextProps) => {
|
|
|
31
31
|
markdown: props.markdown === undefined ? true : props.markdown,
|
|
32
32
|
feedbackEnabled: props.feedbackEnabled,
|
|
33
33
|
inferenceId: props.inferenceId,
|
|
34
|
+
botInteractionId: props.botInteractionId,
|
|
34
35
|
}
|
|
35
36
|
|
|
36
37
|
const textProps = mapObjectNonBooleanValues({
|
package/src/shared/styles.ts
CHANGED
|
@@ -9,3 +9,24 @@ export const Fade = styled.div`
|
|
|
9
9
|
opacity: 0;
|
|
10
10
|
animation: ${fadeIn} 0.8s forwards;
|
|
11
11
|
`
|
|
12
|
+
|
|
13
|
+
const scaleUp = keyframes`
|
|
14
|
+
from { transform: scale(1); }
|
|
15
|
+
to { transform: scale(1.2); }
|
|
16
|
+
`
|
|
17
|
+
|
|
18
|
+
const scaleDown = keyframes`
|
|
19
|
+
from { transform: scale(1.2); }
|
|
20
|
+
to { transform: scale(1); }
|
|
21
|
+
`
|
|
22
|
+
|
|
23
|
+
export const Scale = styled.div`
|
|
24
|
+
display: inline-block;
|
|
25
|
+
animation-fill-mode: forwards;
|
|
26
|
+
&:hover {
|
|
27
|
+
animation: ${scaleUp} 0.2s forwards;
|
|
28
|
+
}
|
|
29
|
+
&:not():hover {
|
|
30
|
+
animation: ${scaleDown} 0.2s forwards;
|
|
31
|
+
}
|
|
32
|
+
`
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { motion } from 'framer-motion'
|
|
2
1
|
import React, { useContext } from 'react'
|
|
3
2
|
|
|
4
3
|
import { WEBCHAT } from '../../constants'
|
|
5
4
|
import { WebchatContext } from '../../contexts'
|
|
5
|
+
import { Scale } from '../../shared/styles'
|
|
6
6
|
import { ConditionalWrapper } from '../../util/react'
|
|
7
7
|
|
|
8
8
|
export const ConditionalAnimation = props => {
|
|
@@ -15,9 +15,7 @@ export const ConditionalAnimation = props => {
|
|
|
15
15
|
return (
|
|
16
16
|
<ConditionalWrapper
|
|
17
17
|
condition={animationsEnabled}
|
|
18
|
-
wrapper={children =>
|
|
19
|
-
<motion.div whileHover={{ scale: 1.2 }}>{children}</motion.div>
|
|
20
|
-
)}
|
|
18
|
+
wrapper={children => <Scale>{children}</Scale>}
|
|
21
19
|
>
|
|
22
20
|
{props.children}
|
|
23
21
|
</ConditionalWrapper>
|
package/src/webchat/header.jsx
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { motion } from 'framer-motion'
|
|
2
1
|
import React, { useContext } from 'react'
|
|
3
2
|
import styled from 'styled-components'
|
|
4
3
|
|
|
5
4
|
import { COLORS, ROLES, WEBCHAT } from '../constants'
|
|
6
5
|
import { WebchatContext } from '../contexts'
|
|
6
|
+
import { Scale } from '../shared/styles'
|
|
7
7
|
import { resolveImage } from '../util/environment'
|
|
8
8
|
import { ConditionalWrapper } from '../util/react'
|
|
9
9
|
|
|
@@ -99,9 +99,7 @@ export const DefaultHeader = props => {
|
|
|
99
99
|
</TextContainer>
|
|
100
100
|
<ConditionalWrapper
|
|
101
101
|
condition={animationsEnabled}
|
|
102
|
-
wrapper={children =>
|
|
103
|
-
<motion.div whileHover={{ scale: 1.2 }}>{children}</motion.div>
|
|
104
|
-
)}
|
|
102
|
+
wrapper={children => <Scale>{children}</Scale>}
|
|
105
103
|
>
|
|
106
104
|
<CloseHeader onClick={props.onCloseClick}>⨯</CloseHeader>
|
|
107
105
|
</ConditionalWrapper>
|