@botonic/react
Version:
Build Chatbots using React
43 lines • 2.77 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.getHandoffSuccessEventConfig = exports.HandoffSuccess = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const core_1 = require("@botonic/core");
const react_1 = require("react");
const context_1 = require("../../../webchat/context");
const icons_1 = require("../icons");
const styles_1 = require("../styles");
const constants_1 = require("./constants");
const HandoffSuccess = (props) => {
const { previewUtils } = (0, react_1.useContext)(context_1.WebchatContext);
const [noteMessage, setNoteMessage] = (0, react_1.useState)();
(0, react_1.useEffect)(() => {
const fetchNoteMessage = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
if (!previewUtils || !props.handoff_note_id) {
return;
}
const noteMessage = yield previewUtils.getMessageById(props.handoff_note_id);
if (!noteMessage) {
return;
}
setNoteMessage(noteMessage.text);
});
fetchNoteMessage();
}, [previewUtils, props.handoff_note_id]);
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.QUEUE }), (0, jsx_runtime_1.jsx)(styles_1.StyledDebugValue, { children: props.handoff_queue_name })] }), (0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.AUTO_ASSIGN }), (0, jsx_runtime_1.jsx)(styles_1.StyledDebugValue, { children: props.handoff_has_auto_assign
? constants_1.LABELS.AUTO_ASSIGN_ON
: constants_1.LABELS.AUTO_ASSIGN_OFF })] }), Boolean(noteMessage) && ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.NOTE }), (0, jsx_runtime_1.jsx)(styles_1.StyledDebugValue, { children: noteMessage })] }))] }));
};
exports.HandoffSuccess = HandoffSuccess;
const getHandoffSuccessEventConfig = (data) => {
return {
action: core_1.EventAction.HandoffSuccess,
title: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Handoff to agent ", (0, jsx_runtime_1.jsxs)("span", { children: ["- ", data.handoff_queue_name] })] })),
icon: (0, jsx_runtime_1.jsx)(icons_1.HeadSetSvg, {}),
component: exports.HandoffSuccess,
collapsible: true,
};
};
exports.getHandoffSuccessEventConfig = getHandoffSuccessEventConfig;
//# sourceMappingURL=handoff-success.js.map