@botonic/react 0.54.0-alpha.0 → 0.55.0

package/lib/cjs/components/message/message-feedback.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAuD;AAEvD,2FAAqD;AACrD,uFAAiD;AACjD,qCAAyC;AACzC,mDAAsD;AACtD,qDAAoD;AACpD,qCAAmE;AAa5D,MAAM,eAAe,GAAG,CAAC,EAC9B,gBAAgB,EAChB,WAAW,EACX,SAAS,GACG,EAAE,EAAE;IAChB,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAClE,MAAM,EAAE,0BAA0B,EAAE,GAAG,IAAA,sBAAW,GAAE,CAAA;IAEpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAe;QACrD,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,CAAC,eAAwB,EAAE,EAAE;QACzD,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,IAAI,CAC5C,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,SAAS,CACpC,CAAA;QACD,MAAM,UAAU,GAAG;YACjB,GAAG,OAAO;YACV,eAAe;SAChB,CAAA;QACD,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAC3C,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,qBAAqB,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,WAAW,GAAG,KAAK,EAAE,QAAiB,EAAE,EAAE;QAC9C,IAAI,QAAQ,EAAE,CAAC;YACb,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;QAClD,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;QAClD,CAAC;QAED,MAAM,0BAA0B,CAAC;YAC/B,SAAS;YACT,QAAQ;YACR,gBAAgB;YAChB,WAAW;SACZ,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,iCAAwB,eACvB,uBAAC,uBAAc,IACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,YAEhC,gCAAK,GAAG,EAAE,IAAA,mBAAY,EAAC,uBAAQ,CAAC,GAAI,GACrB,EACjB,uBAAC,uBAAc,IACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,YAEjC,gCAAK,GAAG,EAAE,IAAA,mBAAY,EAAC,yBAAU,CAAC,GAAI,GACvB,IACQ,CAC5B,CAAA;AACH,CAAC,CAAA;AArEY,QAAA,eAAe,mBAqE3B"}

package/lib/cjs/components/system-debug-trace/events/knowledge-base.d.ts

@@ -1,17 +0,0 @@
-import { EventAction } from '@botonic/core';
-import type { DebugEventConfig } from '../types';
-import type { ChunkIdsGroupedBySourceData } from './knowledge-bases-types';
-export interface KnowledgeBaseDebugEvent {
-    action: EventAction.Knowledgebase;
-    flow_id: string;
-    flow_node_id: string;
-    knowledgebase_inference_id: string;
-    knowledgebase_fail_reason: string;
-    knowledgebase_sources_ids: string[];
-    knowledgebase_chunks_ids: string[];
-    user_input: string;
-    knowledge_base_chunks_with_sources?: ChunkIdsGroupedBySourceData[];
-    messageId?: string;
-}
-export declare const KnowledgeBase: (props: KnowledgeBaseDebugEvent) => import("react/jsx-runtime").JSX.Element;
-export declare const getKnowledgeBaseEventConfig: (_data: KnowledgeBaseDebugEvent) => DebugEventConfig;

package/lib/cjs/components/system-debug-trace/events/knowledge-base.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getKnowledgeBaseEventConfig = exports.KnowledgeBase = void 0;
-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 use_knowledge_base_info_1 = require("../hooks/use-knowledge-base-info");
-const icons_1 = require("../icons");
-const styles_1 = require("../styles");
-const components_1 = require("./components");
-const constants_1 = require("./constants");
-const KnowledgeBase = (props) => {
-    const { previewUtils } = (0, react_1.useContext)(context_1.WebchatContext);
-    const { sources, chunks, chunksWithSources, getIconForSourceType, hasKnowledge, isFaithful, } = (0, use_knowledge_base_info_1.useKnowledgeBaseInfo)({
-        sourceIds: props.knowledgebase_sources_ids,
-        chunkIds: props.knowledgebase_chunks_ids,
-        messageId: props.messageId,
-        existingChunksWithSources: props.knowledge_base_chunks_with_sources,
-        failReason: props.knowledgebase_fail_reason,
-    });
-    const showFailReason = !hasKnowledge || !isFaithful;
-    const handleSeeChunks = () => {
-        if (previewUtils?.onClickOpenChunks) {
-            previewUtils.onClickOpenChunks(chunksWithSources);
-        }
-    };
-    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.QUERY }), (0, jsx_runtime_1.jsxs)(styles_1.StyledDebugValue, { children: ["\"", props.user_input, "\""] })] }), showFailReason ? ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.KNOWLEDGE_BASE_FAIL_REASON }), (0, jsx_runtime_1.jsx)(styles_1.StyledDebugValue, { children: props.knowledgebase_fail_reason })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.SourcesSection, { sources: sources, chunks: chunks, getIconForSourceType: getIconForSourceType, onSeeChunks: handleSeeChunks }), hasKnowledge && ((0, jsx_runtime_1.jsxs)(styles_1.StyledGuardrailItem, { children: [(0, jsx_runtime_1.jsx)(icons_1.CircleCheckSvg, {}), (0, jsx_runtime_1.jsx)(styles_1.StyledGuardrailLabel, { children: constants_1.LABELS.KNOWLEDGE_FOUND })] })), isFaithful && ((0, jsx_runtime_1.jsxs)(styles_1.StyledGuardrailItem, { "$isLastItem": true, children: [(0, jsx_runtime_1.jsx)(icons_1.CircleCheckSvg, {}), (0, jsx_runtime_1.jsx)(styles_1.StyledGuardrailLabel, { children: constants_1.LABELS.FAITHFUL_ANSWER })] }))] }))] }));
-};
-exports.KnowledgeBase = KnowledgeBase;
-const getKnowledgeBaseEventConfig = (_data) => {
-    const title = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Knowledge Base triggered" });
-    return {
-        action: core_1.EventAction.Knowledgebase,
-        title,
-        component: exports.KnowledgeBase,
-        icon: (0, jsx_runtime_1.jsx)(icons_1.WandSvg, {}),
-        collapsible: true,
-    };
-};
-exports.getKnowledgeBaseEventConfig = getKnowledgeBaseEventConfig;
-//# sourceMappingURL=knowledge-base.js.map

package/lib/cjs/components/system-debug-trace/events/knowledge-base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"knowledge-base.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/knowledge-base.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAC3C,iCAAkC;AAElC,sDAAyD;AACzD,8EAAuE;AACvE,oCAAkD;AAClD,sCAMkB;AAElB,6CAA6C;AAC7C,2CAAoC;AAgB7B,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC9D,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACnD,MAAM,EACJ,OAAO,EACP,MAAM,EACN,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,UAAU,GACX,GAAG,IAAA,8CAAoB,EAAC;QACvB,SAAS,EAAE,KAAK,CAAC,yBAAyB;QAC1C,QAAQ,EAAE,KAAK,CAAC,wBAAwB;QACxC,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,yBAAyB,EAAE,KAAK,CAAC,kCAAkC;QACnE,UAAU,EAAE,KAAK,CAAC,yBAAyB;KAC5C,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,CAAC,YAAY,IAAI,CAAC,UAAU,CAAA;IAEnD,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,YAAY,EAAE,iBAAiB,EAAE,CAAC;YACpC,YAAY,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;QACnD,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,6DACE,wBAAC,0BAAiB,eAChB,uBAAC,yBAAgB,cAAE,kBAAM,CAAC,KAAK,GAAoB,EACnD,wBAAC,yBAAgB,qBAAQ,KAAK,CAAC,UAAU,UAA0B,IACjD,EAEnB,cAAc,CAAC,CAAC,CAAC,CAChB,wBAAC,0BAAiB,eAChB,uBAAC,yBAAgB,cACd,kBAAM,CAAC,0BAA0B,GACjB,EACnB,uBAAC,yBAAgB,cAAE,KAAK,CAAC,yBAAyB,GAAoB,IACpD,CACrB,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,2BAAc,IACb,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,eAAe,GAC5B,EAED,YAAY,IAAI,CACf,wBAAC,4BAAmB,eAClB,uBAAC,sBAAc,KAAG,EAClB,uBAAC,6BAAoB,cAClB,kBAAM,CAAC,eAAe,GACF,IACH,CACvB,EAEA,UAAU,IAAI,CACb,wBAAC,4BAAmB,mBAAc,IAAI,aACpC,uBAAC,sBAAc,KAAG,EAClB,uBAAC,6BAAoB,cAClB,kBAAM,CAAC,eAAe,GACF,IACH,CACvB,IACA,CACJ,IACA,CACJ,CAAA;AACH,CAAC,CAAA;AArEY,QAAA,aAAa,iBAqEzB;AAEM,MAAM,2BAA2B,GAAG,CACzC,KAA8B,EACZ,EAAE;IACpB,MAAM,KAAK,GAAG,wFAA6B,CAAA;IAE3C,OAAO;QACL,MAAM,EAAE,kBAAW,CAAC,aAAa;QACjC,KAAK;QACL,SAAS,EAAE,qBAAa;QACxB,IAAI,EAAE,uBAAC,eAAO,KAAG;QACjB,WAAW,EAAE,IAAI;KAClB,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,2BAA2B,+BAYvC"}

package/lib/esm/components/message/message-feedback.d.ts

@@ -1,7 +0,0 @@
-interface RatingProps {
-    botInteractionId?: string;
-    inferenceId?: string;
-    messageId: string;
-}
-export declare const MessageFeedback: ({ botInteractionId, inferenceId, messageId, }: RatingProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/esm/components/message/message-feedback.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageFeedback = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const thumbs_down_svg_1 = tslib_1.__importDefault(require("../../assets/thumbs-down.svg"));
-const thumbs_up_svg_1 = tslib_1.__importDefault(require("../../assets/thumbs-up.svg"));
-const util_1 = require("../../util");
-const context_1 = require("../../webchat/context");
-const tracking_1 = require("../../webchat/tracking");
-const styles_1 = require("./styles");
-const MessageFeedback = ({ botInteractionId, inferenceId, messageId, }) => {
-    const { webchatState, updateMessage } = (0, react_1.useContext)(context_1.WebchatContext);
-    const { trackKnowledgebaseFeedback } = (0, tracking_1.useTracking)();
-    const [className, setClassName] = (0, react_1.useState)('');
-    const [disabled, setDisabled] = (0, react_1.useState)({
-        positive: false,
-        negative: false,
-    });
-    const updateMsgWithFeedback = (feedbackEnabled) => {
-        const message = webchatState.messagesJSON.find(message => message.id === messageId);
-        const updatedMsg = {
-            ...message,
-            feedbackEnabled,
-        };
-        updateMessage(updatedMsg);
-    };
-    (0, react_1.useEffect)(() => {
-        updateMsgWithFeedback(true);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        if (disabled.positive || disabled.negative) {
-            setClassName('clicked');
-            updateMsgWithFeedback(false);
-        }
-    }, [disabled]);
-    const handleClick = async (isUseful) => {
-        if (isUseful) {
-            setDisabled({ positive: false, negative: true });
-        }
-        else {
-            setDisabled({ positive: true, negative: false });
-        }
-        await trackKnowledgebaseFeedback({
-            messageId,
-            isUseful,
-            botInteractionId,
-            inferenceId,
-        });
-    };
-    return ((0, jsx_runtime_1.jsxs)(styles_1.FeedbackMessageContainer, { children: [(0, jsx_runtime_1.jsx)(styles_1.FeedbackButton, { className: className, disabled: disabled.positive, onClick: () => handleClick(true), children: (0, jsx_runtime_1.jsx)("img", { src: (0, util_1.resolveImage)(thumbs_up_svg_1.default) }) }), (0, jsx_runtime_1.jsx)(styles_1.FeedbackButton, { className: className, disabled: disabled.negative, onClick: () => handleClick(false), children: (0, jsx_runtime_1.jsx)("img", { src: (0, util_1.resolveImage)(thumbs_down_svg_1.default) }) })] }));
-};
-exports.MessageFeedback = MessageFeedback;
-//# sourceMappingURL=message-feedback.js.map

package/lib/esm/components/message/message-feedback.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAuD;AAEvD,2FAAqD;AACrD,uFAAiD;AACjD,qCAAyC;AACzC,mDAAsD;AACtD,qDAAoD;AACpD,qCAAmE;AAa5D,MAAM,eAAe,GAAG,CAAC,EAC9B,gBAAgB,EAChB,WAAW,EACX,SAAS,GACG,EAAE,EAAE;IAChB,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAClE,MAAM,EAAE,0BAA0B,EAAE,GAAG,IAAA,sBAAW,GAAE,CAAA;IAEpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAe;QACrD,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,CAAC,eAAwB,EAAE,EAAE;QACzD,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,IAAI,CAC5C,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,SAAS,CACpC,CAAA;QACD,MAAM,UAAU,GAAG;YACjB,GAAG,OAAO;YACV,eAAe;SAChB,CAAA;QACD,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAC3C,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,qBAAqB,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,WAAW,GAAG,KAAK,EAAE,QAAiB,EAAE,EAAE;QAC9C,IAAI,QAAQ,EAAE,CAAC;YACb,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;QAClD,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;QAClD,CAAC;QAED,MAAM,0BAA0B,CAAC;YAC/B,SAAS;YACT,QAAQ;YACR,gBAAgB;YAChB,WAAW;SACZ,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,iCAAwB,eACvB,uBAAC,uBAAc,IACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,YAEhC,gCAAK,GAAG,EAAE,IAAA,mBAAY,EAAC,uBAAQ,CAAC,GAAI,GACrB,EACjB,uBAAC,uBAAc,IACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,YAEjC,gCAAK,GAAG,EAAE,IAAA,mBAAY,EAAC,yBAAU,CAAC,GAAI,GACvB,IACQ,CAC5B,CAAA;AACH,CAAC,CAAA;AArEY,QAAA,eAAe,mBAqE3B"}

package/lib/esm/components/system-debug-trace/events/knowledge-base.d.ts

@@ -1,17 +0,0 @@
-import { EventAction } from '@botonic/core';
-import type { DebugEventConfig } from '../types';
-import type { ChunkIdsGroupedBySourceData } from './knowledge-bases-types';
-export interface KnowledgeBaseDebugEvent {
-    action: EventAction.Knowledgebase;
-    flow_id: string;
-    flow_node_id: string;
-    knowledgebase_inference_id: string;
-    knowledgebase_fail_reason: string;
-    knowledgebase_sources_ids: string[];
-    knowledgebase_chunks_ids: string[];
-    user_input: string;
-    knowledge_base_chunks_with_sources?: ChunkIdsGroupedBySourceData[];
-    messageId?: string;
-}
-export declare const KnowledgeBase: (props: KnowledgeBaseDebugEvent) => import("react/jsx-runtime").JSX.Element;
-export declare const getKnowledgeBaseEventConfig: (_data: KnowledgeBaseDebugEvent) => DebugEventConfig;

package/lib/esm/components/system-debug-trace/events/knowledge-base.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getKnowledgeBaseEventConfig = exports.KnowledgeBase = void 0;
-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 use_knowledge_base_info_1 = require("../hooks/use-knowledge-base-info");
-const icons_1 = require("../icons");
-const styles_1 = require("../styles");
-const components_1 = require("./components");
-const constants_1 = require("./constants");
-const KnowledgeBase = (props) => {
-    const { previewUtils } = (0, react_1.useContext)(context_1.WebchatContext);
-    const { sources, chunks, chunksWithSources, getIconForSourceType, hasKnowledge, isFaithful, } = (0, use_knowledge_base_info_1.useKnowledgeBaseInfo)({
-        sourceIds: props.knowledgebase_sources_ids,
-        chunkIds: props.knowledgebase_chunks_ids,
-        messageId: props.messageId,
-        existingChunksWithSources: props.knowledge_base_chunks_with_sources,
-        failReason: props.knowledgebase_fail_reason,
-    });
-    const showFailReason = !hasKnowledge || !isFaithful;
-    const handleSeeChunks = () => {
-        if (previewUtils?.onClickOpenChunks) {
-            previewUtils.onClickOpenChunks(chunksWithSources);
-        }
-    };
-    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.QUERY }), (0, jsx_runtime_1.jsxs)(styles_1.StyledDebugValue, { children: ["\"", props.user_input, "\""] })] }), showFailReason ? ((0, jsx_runtime_1.jsxs)(styles_1.StyledDebugDetail, { children: [(0, jsx_runtime_1.jsx)(styles_1.StyledDebugLabel, { children: constants_1.LABELS.KNOWLEDGE_BASE_FAIL_REASON }), (0, jsx_runtime_1.jsx)(styles_1.StyledDebugValue, { children: props.knowledgebase_fail_reason })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.SourcesSection, { sources: sources, chunks: chunks, getIconForSourceType: getIconForSourceType, onSeeChunks: handleSeeChunks }), hasKnowledge && ((0, jsx_runtime_1.jsxs)(styles_1.StyledGuardrailItem, { children: [(0, jsx_runtime_1.jsx)(icons_1.CircleCheckSvg, {}), (0, jsx_runtime_1.jsx)(styles_1.StyledGuardrailLabel, { children: constants_1.LABELS.KNOWLEDGE_FOUND })] })), isFaithful && ((0, jsx_runtime_1.jsxs)(styles_1.StyledGuardrailItem, { "$isLastItem": true, children: [(0, jsx_runtime_1.jsx)(icons_1.CircleCheckSvg, {}), (0, jsx_runtime_1.jsx)(styles_1.StyledGuardrailLabel, { children: constants_1.LABELS.FAITHFUL_ANSWER })] }))] }))] }));
-};
-exports.KnowledgeBase = KnowledgeBase;
-const getKnowledgeBaseEventConfig = (_data) => {
-    const title = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Knowledge Base triggered" });
-    return {
-        action: core_1.EventAction.Knowledgebase,
-        title,
-        component: exports.KnowledgeBase,
-        icon: (0, jsx_runtime_1.jsx)(icons_1.WandSvg, {}),
-        collapsible: true,
-    };
-};
-exports.getKnowledgeBaseEventConfig = getKnowledgeBaseEventConfig;
-//# sourceMappingURL=knowledge-base.js.map

package/lib/esm/components/system-debug-trace/events/knowledge-base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"knowledge-base.js","sourceRoot":"","sources":["../../../../../src/components/system-debug-trace/events/knowledge-base.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAC3C,iCAAkC;AAElC,sDAAyD;AACzD,8EAAuE;AACvE,oCAAkD;AAClD,sCAMkB;AAElB,6CAA6C;AAC7C,2CAAoC;AAgB7B,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC9D,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACnD,MAAM,EACJ,OAAO,EACP,MAAM,EACN,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,UAAU,GACX,GAAG,IAAA,8CAAoB,EAAC;QACvB,SAAS,EAAE,KAAK,CAAC,yBAAyB;QAC1C,QAAQ,EAAE,KAAK,CAAC,wBAAwB;QACxC,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,yBAAyB,EAAE,KAAK,CAAC,kCAAkC;QACnE,UAAU,EAAE,KAAK,CAAC,yBAAyB;KAC5C,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,CAAC,YAAY,IAAI,CAAC,UAAU,CAAA;IAEnD,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,YAAY,EAAE,iBAAiB,EAAE,CAAC;YACpC,YAAY,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;QACnD,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,6DACE,wBAAC,0BAAiB,eAChB,uBAAC,yBAAgB,cAAE,kBAAM,CAAC,KAAK,GAAoB,EACnD,wBAAC,yBAAgB,qBAAQ,KAAK,CAAC,UAAU,UAA0B,IACjD,EAEnB,cAAc,CAAC,CAAC,CAAC,CAChB,wBAAC,0BAAiB,eAChB,uBAAC,yBAAgB,cACd,kBAAM,CAAC,0BAA0B,GACjB,EACnB,uBAAC,yBAAgB,cAAE,KAAK,CAAC,yBAAyB,GAAoB,IACpD,CACrB,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,2BAAc,IACb,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,eAAe,GAC5B,EAED,YAAY,IAAI,CACf,wBAAC,4BAAmB,eAClB,uBAAC,sBAAc,KAAG,EAClB,uBAAC,6BAAoB,cAClB,kBAAM,CAAC,eAAe,GACF,IACH,CACvB,EAEA,UAAU,IAAI,CACb,wBAAC,4BAAmB,mBAAc,IAAI,aACpC,uBAAC,sBAAc,KAAG,EAClB,uBAAC,6BAAoB,cAClB,kBAAM,CAAC,eAAe,GACF,IACH,CACvB,IACA,CACJ,IACA,CACJ,CAAA;AACH,CAAC,CAAA;AArEY,QAAA,aAAa,iBAqEzB;AAEM,MAAM,2BAA2B,GAAG,CACzC,KAA8B,EACZ,EAAE;IACpB,MAAM,KAAK,GAAG,wFAA6B,CAAA;IAE3C,OAAO;QACL,MAAM,EAAE,kBAAW,CAAC,aAAa;QACjC,KAAK;QACL,SAAS,EAAE,qBAAa;QACxB,IAAI,EAAE,uBAAC,eAAO,KAAG;QACjB,WAAW,EAAE,IAAI;KAClB,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,2BAA2B,+BAYvC"}

package/src/components/message/message-feedback.tsx

@@ -1,90 +0,0 @@
-import { useContext, useEffect, useState } from 'react'
-
-import ThumbsDown from '../../assets/thumbs-down.svg'
-import ThumbsUp from '../../assets/thumbs-up.svg'
-import { resolveImage } from '../../util'
-import { WebchatContext } from '../../webchat/context'
-import { useTracking } from '../../webchat/tracking'
-import { FeedbackButton, FeedbackMessageContainer } from './styles'
-
-interface ButtonsState {
-  positive: boolean
-  negative: boolean
-}
-
-interface RatingProps {
-  botInteractionId?: string
-  inferenceId?: string
-  messageId: string
-}
-
-export const MessageFeedback = ({
-  botInteractionId,
-  inferenceId,
-  messageId,
-}: RatingProps) => {
-  const { webchatState, updateMessage } = useContext(WebchatContext)
-  const { trackKnowledgebaseFeedback } = useTracking()
-
-  const [className, setClassName] = useState('')
-  const [disabled, setDisabled] = useState<ButtonsState>({
-    positive: false,
-    negative: false,
-  })
-
-  const updateMsgWithFeedback = (feedbackEnabled: boolean) => {
-    const message = webchatState.messagesJSON.find(
-      message => message.id === messageId
-    )
-    const updatedMsg = {
-      ...message,
-      feedbackEnabled,
-    }
-    updateMessage(updatedMsg)
-  }
-
-  useEffect(() => {
-    updateMsgWithFeedback(true)
-  }, [])
-
-  useEffect(() => {
-    if (disabled.positive || disabled.negative) {
-      setClassName('clicked')
-      updateMsgWithFeedback(false)
-    }
-  }, [disabled])
-
-  const handleClick = async (isUseful: boolean) => {
-    if (isUseful) {
-      setDisabled({ positive: false, negative: true })
-    } else {
-      setDisabled({ positive: true, negative: false })
-    }
-
-    await trackKnowledgebaseFeedback({
-      messageId,
-      isUseful,
-      botInteractionId,
-      inferenceId,
-    })
-  }
-
-  return (
-    <FeedbackMessageContainer>
-      <FeedbackButton
-        className={className}
-        disabled={disabled.positive}
-        onClick={() => handleClick(true)}
-      >
-        <img src={resolveImage(ThumbsUp)} />
-      </FeedbackButton>
-      <FeedbackButton
-        className={className}
-        disabled={disabled.negative}
-        onClick={() => handleClick(false)}
-      >
-        <img src={resolveImage(ThumbsDown)} />
-      </FeedbackButton>
-    </FeedbackMessageContainer>
-  )
-}

package/src/components/system-debug-trace/events/knowledge-base.tsx

@@ -1,115 +0,0 @@
-import { EventAction } from '@botonic/core'
-import { useContext } from 'react'
-
-import { WebchatContext } from '../../../webchat/context'
-import { useKnowledgeBaseInfo } from '../hooks/use-knowledge-base-info'
-import { CircleCheckSvg, WandSvg } from '../icons'
-import {
-  StyledDebugDetail,
-  StyledDebugLabel,
-  StyledDebugValue,
-  StyledGuardrailItem,
-  StyledGuardrailLabel,
-} from '../styles'
-import type { DebugEventConfig } from '../types'
-import { SourcesSection } from './components'
-import { LABELS } from './constants'
-import type { ChunkIdsGroupedBySourceData } from './knowledge-bases-types'
-
-export interface KnowledgeBaseDebugEvent {
-  action: EventAction.Knowledgebase
-  flow_id: string
-  flow_node_id: string
-  knowledgebase_inference_id: string
-  knowledgebase_fail_reason: string
-  knowledgebase_sources_ids: string[]
-  knowledgebase_chunks_ids: string[]
-  user_input: string
-  knowledge_base_chunks_with_sources?: ChunkIdsGroupedBySourceData[]
-  messageId?: string
-}
-
-export const KnowledgeBase = (props: KnowledgeBaseDebugEvent) => {
-  const { previewUtils } = useContext(WebchatContext)
-  const {
-    sources,
-    chunks,
-    chunksWithSources,
-    getIconForSourceType,
-    hasKnowledge,
-    isFaithful,
-  } = useKnowledgeBaseInfo({
-    sourceIds: props.knowledgebase_sources_ids,
-    chunkIds: props.knowledgebase_chunks_ids,
-    messageId: props.messageId,
-    existingChunksWithSources: props.knowledge_base_chunks_with_sources,
-    failReason: props.knowledgebase_fail_reason,
-  })
-
-  const showFailReason = !hasKnowledge || !isFaithful
-
-  const handleSeeChunks = () => {
-    if (previewUtils?.onClickOpenChunks) {
-      previewUtils.onClickOpenChunks(chunksWithSources)
-    }
-  }
-
-  return (
-    <>
-      <StyledDebugDetail>
-        <StyledDebugLabel>{LABELS.QUERY}</StyledDebugLabel>
-        <StyledDebugValue>&quot;{props.user_input}&quot;</StyledDebugValue>
-      </StyledDebugDetail>
-
-      {showFailReason ? (
-        <StyledDebugDetail>
-          <StyledDebugLabel>
-            {LABELS.KNOWLEDGE_BASE_FAIL_REASON}
-          </StyledDebugLabel>
-          <StyledDebugValue>{props.knowledgebase_fail_reason}</StyledDebugValue>
-        </StyledDebugDetail>
-      ) : (
-        <>
-          <SourcesSection
-            sources={sources}
-            chunks={chunks}
-            getIconForSourceType={getIconForSourceType}
-            onSeeChunks={handleSeeChunks}
-          />
-
-          {hasKnowledge && (
-            <StyledGuardrailItem>
-              <CircleCheckSvg />
-              <StyledGuardrailLabel>
-                {LABELS.KNOWLEDGE_FOUND}
-              </StyledGuardrailLabel>
-            </StyledGuardrailItem>
-          )}
-
-          {isFaithful && (
-            <StyledGuardrailItem $isLastItem={true}>
-              <CircleCheckSvg />
-              <StyledGuardrailLabel>
-                {LABELS.FAITHFUL_ANSWER}
-              </StyledGuardrailLabel>
-            </StyledGuardrailItem>
-          )}
-        </>
-      )}
-    </>
-  )
-}
-
-export const getKnowledgeBaseEventConfig = (
-  _data: KnowledgeBaseDebugEvent
-): DebugEventConfig => {
-  const title = <>Knowledge Base triggered</>
-
-  return {
-    action: EventAction.Knowledgebase,
-    title,
-    component: KnowledgeBase,
-    icon: <WandSvg />,
-    collapsible: true,
-  }
-}