@botonic/react 0.35.0-alpha.1 → 0.35.0

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

@@ -4,7 +4,6 @@ exports.MessageFeedback = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const uuid_1 = require("uuid");
 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");
@@ -12,7 +11,8 @@ 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, trackEvent } = (0, react_1.useContext)(context_1.WebchatContext);
+    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,
@@ -33,29 +33,18 @@ const MessageFeedback = ({ botInteractionId, inferenceId, messageId, }) => {
         }
     }, [disabled]);
     const handleClick = (isUseful) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        if (!trackEvent) {
-            return;
-        }
         if (isUseful) {
             setDisabled({ positive: false, negative: true });
         }
         else {
             setDisabled({ positive: true, negative: false });
         }
-        const args = {
-            knowledgebaseInferenceId: inferenceId,
-            feedbackBotInteractionId: botInteractionId,
-            feedbackTargetId: messageId,
-            feedbackGroupId: (0, uuid_1.v7)(),
-            possibleOptions: [tracking_1.FeedbackOption.ThumbsDown, tracking_1.FeedbackOption.ThumbsUp],
-            possibleValues: [0, 1],
-            option: isUseful ? tracking_1.FeedbackOption.ThumbsUp : tracking_1.FeedbackOption.ThumbsDown,
-            value: isUseful ? 1 : 0,
-        };
-        const request = {
-            session: Object.assign({}, webchatState.session),
-        };
-        yield trackEvent(request, tracking_1.EventAction.FeedbackKnowledgebase, args);
+        yield trackKnowledgebaseFeedback({
+            messageId,
+            isUseful,
+            botInteractionId,
+            inferenceId,
+        });
     });
     return ((0, jsx_runtime_1.jsxs)(styles_1.FeedbackMessageContainer, { children: [(0, jsx_runtime_1.jsx)(styles_1.FeedbackButton, Object.assign({ 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, Object.assign({ 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) }) }))] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA8D;AAE9D,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,mCACX,OAAO,KACV,eAAe,GAChB,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;YAC1C,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,qBAAqB,CAAC,KAAK,CAAC,CAAA;SAC7B;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,WAAW,GAAG,CAAO,QAAiB,EAAE,EAAE;QAC9C,IAAI,QAAQ,EAAE;YACZ,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;SACjD;aAAM;YACL,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;SACjD;QAED,MAAM,0BAA0B,CAAC;YAC/B,SAAS;YACT,QAAQ;YACR,gBAAgB;YAChB,WAAW;SACZ,CAAC,CAAA;IACJ,CAAC,CAAA,CAAA;IAED,OAAO,CACL,wBAAC,iCAAwB,eACvB,uBAAC,uBAAc,kBACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,gBAEhC,gCAAK,GAAG,EAAE,IAAA,mBAAY,EAAC,uBAAQ,CAAC,GAAI,IACrB,EACjB,uBAAC,uBAAc,kBACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,gBAEjC,gCAAK,GAAG,EAAE,IAAA,mBAAY,EAAC,yBAAU,CAAC,GAAI,IACvB,IACQ,CAC5B,CAAA;AACH,CAAC,CAAA;AArEY,QAAA,eAAe,mBAqE3B"}

package/lib/cjs/webchat/tracking.d.ts

@@ -1,7 +1,17 @@
 export declare enum EventAction {
     FeedbackKnowledgebase = "feedback_knowledgebase"
 }
+interface TrackKnowledgebaseFeedbackArgs {
+    messageId: string;
+    isUseful: boolean;
+    botInteractionId?: string;
+    inferenceId?: string;
+}
 export declare enum FeedbackOption {
     ThumbsUp = "thumbsUp",
     ThumbsDown = "thumbsDown"
 }
+export declare function useTracking(): {
+    trackKnowledgebaseFeedback: ({ messageId, isUseful, botInteractionId, inferenceId, }: TrackKnowledgebaseFeedbackArgs) => Promise<void>;
+};
+export {};

package/lib/cjs/webchat/tracking.js

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeedbackOption = exports.EventAction = void 0;
+exports.useTracking = exports.FeedbackOption = exports.EventAction = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const uuid_1 = require("uuid");
+const context_1 = require("./context");
 var EventAction;
 (function (EventAction) {
     EventAction["FeedbackKnowledgebase"] = "feedback_knowledgebase";
@@ -10,4 +14,38 @@ var FeedbackOption;
     FeedbackOption["ThumbsUp"] = "thumbsUp";
     FeedbackOption["ThumbsDown"] = "thumbsDown";
 })(FeedbackOption = exports.FeedbackOption || (exports.FeedbackOption = {}));
+function useTracking() {
+    const { webchatState, trackEvent } = (0, react_1.useContext)(context_1.WebchatContext);
+    const getRequest = () => {
+        const request = {
+            session: Object.assign({}, webchatState.session),
+            getUserCountry: () => { var _a; return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.country) || ''; },
+            getUserLocale: () => { var _a; return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.locale) || ''; },
+            getSystemLocale: () => {
+                var _a;
+                return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.system_locale) || '';
+            },
+        };
+        return request;
+    };
+    const trackKnowledgebaseFeedback = ({ messageId, isUseful, botInteractionId, inferenceId, }) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        if (!trackEvent) {
+            return;
+        }
+        const args = {
+            knowledgebaseInferenceId: inferenceId,
+            feedbackBotInteractionId: botInteractionId,
+            feedbackTargetId: messageId,
+            feedbackGroupId: (0, uuid_1.v7)(),
+            possibleOptions: [FeedbackOption.ThumbsDown, FeedbackOption.ThumbsUp],
+            possibleValues: [0, 1],
+            option: isUseful ? FeedbackOption.ThumbsUp : FeedbackOption.ThumbsDown,
+            value: isUseful ? 1 : 0,
+        };
+        const request = getRequest();
+        yield trackEvent(request, EventAction.FeedbackKnowledgebase, args);
+    });
+    return { trackKnowledgebaseFeedback };
+}
+exports.useTracking = useTracking;
 //# sourceMappingURL=tracking.js.map

package/lib/cjs/webchat/tracking.js.map

@@ -1 +1 @@
-{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/webchat/tracking.ts"],"names":[],"mappings":";;;AAAA,IAAY,WAEX;AAFD,WAAY,WAAW;IACrB,+DAAgD,CAAA;AAClD,CAAC,EAFW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAEtB;AAED,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;AAC3B,CAAC,EAHW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAGzB"}
+{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/webchat/tracking.ts"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,+BAAmC;AAGnC,uCAA0C;AAE1C,IAAY,WAEX;AAFD,WAAY,WAAW;IACrB,+DAAgD,CAAA;AAClD,CAAC,EAFW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAEtB;AAQD,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;AAC3B,CAAC,EAHW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAGzB;AAED,SAAgB,WAAW;IACzB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,OAAO,GAAG;YACd,OAAO,oBACF,YAAY,CAAC,OAAO,CACxB;YACD,cAAc,EAAE,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,YAAY,CAAC,OAAO,CAAC,IAAI,0CAAE,OAAO,KAAI,EAAE,CAAA,EAAA;YAC9D,aAAa,EAAE,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,YAAY,CAAC,OAAO,CAAC,IAAI,0CAAE,MAAM,KAAI,EAAE,CAAA,EAAA;YAC5D,eAAe,EAAE,GAAG,EAAE;;gBACpB,OAAO,CAAA,MAAA,YAAY,CAAC,OAAO,CAAC,IAAI,0CAAE,aAAa,KAAI,EAAE,CAAA;YACvD,CAAC;SAC0B,CAAA;QAE7B,OAAO,OAAO,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,0BAA0B,GAAG,CAAO,EACxC,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,WAAW,GACoB,EAAE,EAAE;QACnC,IAAI,CAAC,UAAU,EAAE;YACf,OAAM;SACP;QAED,MAAM,IAAI,GAAG;YACX,wBAAwB,EAAE,WAAW;YACrC,wBAAwB,EAAE,gBAAgB;YAC1C,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,IAAA,SAAM,GAAE;YACzB,eAAe,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,cAAc,CAAC,QAAQ,CAAC;YACrE,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACtB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU;YACtE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACxB,CAAA;QAED,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAE5B,MAAM,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAA;IACpE,CAAC,CAAA,CAAA;IAED,OAAO,EAAE,0BAA0B,EAAE,CAAA;AACvC,CAAC;AA7CD,kCA6CC"}

package/lib/cjs/webchat.template.html

@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en-US">
   <head>
     <meta charset="UTF-8" />
@@ -28,50 +28,9 @@
     </style>
   </head>
   <body>
-    <div id="webchatRoot"></div>
     <script type="text/javascript">
       document.addEventListener('DOMContentLoaded', function (event) {
-        Botonic.render(document.getElementById('webchatRoot'), {
-          onInit: async app => {
-            const urlParams = new URLSearchParams(location.search)
-            const userLocale = urlParams.get('userLocale')
-            const userCountry = urlParams.get('userCountry')
-            const systemLocale = urlParams.get('systemLocale')
-
-            // app.setSystemLocale(systemLocale)
-            // app.setUserLocale(userLocale)
-            // app.setUserCountry(userCountry)
-
-            const extraLanguage = urlParams.get('extraLanguage')
-            const extraCountry = urlParams.get('extraCountry')
-
-            console.log('systemLocale', systemLocale)
-            console.log('userLocale', userLocale)
-            console.log('userCountry', userCountry)
-            console.log('extraLanguage', extraLanguage)
-            console.log('extraCountry', extraCountry)
-
-            app.updateUser({
-              country: userCountry,
-              locale: userLocale,
-              system_locale: systemLocale,
-              extra_data: {
-                country: extraCountry,
-                language: extraLanguage,
-              },
-            })
-            await window.botonicOnInit(app)
-          },
-          onOpen: async app => {
-            await window.botonicOnOpen(app)
-          },
-          onClose: async app => {
-            await window.botonicOnClose(app)
-          },
-          onMessage: async (app, message) => {
-            await window.botonicOnMessage(app, message)
-          },
-        })
+        Botonic.render()
       })
     </script>
   </body>

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

@@ -1,15 +1,15 @@
 import { __awaiter } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useState } from 'react';
-import { v7 as uuidv7 } from 'uuid';
 import ThumbsDown from '../../assets/thumbs-down.svg';
 import ThumbsUp from '../../assets/thumbs-up.svg';
 import { resolveImage } from '../../util';
 import { WebchatContext } from '../../webchat/context';
-import { EventAction, FeedbackOption } from '../../webchat/tracking';
+import { useTracking } from '../../webchat/tracking';
 import { FeedbackButton, FeedbackMessageContainer } from './styles';
 export const MessageFeedback = ({ botInteractionId, inferenceId, messageId, }) => {
-    const { webchatState, updateMessage, trackEvent } = useContext(WebchatContext);
+    const { webchatState, updateMessage } = useContext(WebchatContext);
+    const { trackKnowledgebaseFeedback } = useTracking();
     const [className, setClassName] = useState('');
     const [disabled, setDisabled] = useState({
         positive: false,
@@ -30,29 +30,18 @@ export const MessageFeedback = ({ botInteractionId, inferenceId, messageId, }) =
         }
     }, [disabled]);
     const handleClick = (isUseful) => __awaiter(void 0, void 0, void 0, function* () {
-        if (!trackEvent) {
-            return;
-        }
         if (isUseful) {
             setDisabled({ positive: false, negative: true });
         }
         else {
             setDisabled({ positive: true, negative: false });
         }
-        const args = {
-            knowledgebaseInferenceId: inferenceId,
-            feedbackBotInteractionId: botInteractionId,
-            feedbackTargetId: messageId,
-            feedbackGroupId: uuidv7(),
-            possibleOptions: [FeedbackOption.ThumbsDown, FeedbackOption.ThumbsUp],
-            possibleValues: [0, 1],
-            option: isUseful ? FeedbackOption.ThumbsUp : FeedbackOption.ThumbsDown,
-            value: isUseful ? 1 : 0,
-        };
-        const request = {
-            session: Object.assign({}, webchatState.session),
-        };
-        yield trackEvent(request, EventAction.FeedbackKnowledgebase, args);
+        yield trackKnowledgebaseFeedback({
+            messageId,
+            isUseful,
+            botInteractionId,
+            inferenceId,
+        });
     });
     return (_jsxs(FeedbackMessageContainer, { children: [_jsx(FeedbackButton, Object.assign({ className: className, disabled: disabled.positive, onClick: () => handleClick(true) }, { children: _jsx("img", { src: resolveImage(ThumbsUp) }) })), _jsx(FeedbackButton, Object.assign({ className: className, disabled: disabled.negative, onClick: () => handleClick(false) }, { children: _jsx("img", { src: resolveImage(ThumbsDown) }) }))] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":"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"}
+{"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;AAE9D,OAAO,UAAU,MAAM,8BAA8B,CAAA;AACrD,OAAO,QAAQ,MAAM,4BAA4B,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAanE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,gBAAgB,EAChB,WAAW,EACX,SAAS,GACG,EAAE,EAAE;IAChB,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAClE,MAAM,EAAE,0BAA0B,EAAE,GAAG,WAAW,EAAE,CAAA;IAEpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAe;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,mCACX,OAAO,KACV,eAAe,GAChB,CAAA;QACD,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,EAAE;YAC1C,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,qBAAqB,CAAC,KAAK,CAAC,CAAA;SAC7B;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,WAAW,GAAG,CAAO,QAAiB,EAAE,EAAE;QAC9C,IAAI,QAAQ,EAAE;YACZ,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;SACjD;aAAM;YACL,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;SACjD;QAED,MAAM,0BAA0B,CAAC;YAC/B,SAAS;YACT,QAAQ;YACR,gBAAgB;YAChB,WAAW;SACZ,CAAC,CAAA;IACJ,CAAC,CAAA,CAAA;IAED,OAAO,CACL,MAAC,wBAAwB,eACvB,KAAC,cAAc,kBACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,gBAEhC,cAAK,GAAG,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAI,IACrB,EACjB,KAAC,cAAc,kBACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,gBAEjC,cAAK,GAAG,EAAE,YAAY,CAAC,UAAU,CAAC,GAAI,IACvB,IACQ,CAC5B,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/tracking.d.ts

@@ -1,7 +1,17 @@
 export declare enum EventAction {
     FeedbackKnowledgebase = "feedback_knowledgebase"
 }
+interface TrackKnowledgebaseFeedbackArgs {
+    messageId: string;
+    isUseful: boolean;
+    botInteractionId?: string;
+    inferenceId?: string;
+}
 export declare enum FeedbackOption {
     ThumbsUp = "thumbsUp",
     ThumbsDown = "thumbsDown"
 }
+export declare function useTracking(): {
+    trackKnowledgebaseFeedback: ({ messageId, isUseful, botInteractionId, inferenceId, }: TrackKnowledgebaseFeedbackArgs) => Promise<void>;
+};
+export {};

package/lib/esm/webchat/tracking.js

@@ -1,3 +1,7 @@
+import { __awaiter } from "tslib";
+import { useContext } from 'react';
+import { v7 as uuidv7 } from 'uuid';
+import { WebchatContext } from './context';
 export var EventAction;
 (function (EventAction) {
     EventAction["FeedbackKnowledgebase"] = "feedback_knowledgebase";
@@ -7,4 +11,37 @@ export var FeedbackOption;
     FeedbackOption["ThumbsUp"] = "thumbsUp";
     FeedbackOption["ThumbsDown"] = "thumbsDown";
 })(FeedbackOption || (FeedbackOption = {}));
+export function useTracking() {
+    const { webchatState, trackEvent } = useContext(WebchatContext);
+    const getRequest = () => {
+        const request = {
+            session: Object.assign({}, webchatState.session),
+            getUserCountry: () => { var _a; return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.country) || ''; },
+            getUserLocale: () => { var _a; return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.locale) || ''; },
+            getSystemLocale: () => {
+                var _a;
+                return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.system_locale) || '';
+            },
+        };
+        return request;
+    };
+    const trackKnowledgebaseFeedback = ({ messageId, isUseful, botInteractionId, inferenceId, }) => __awaiter(this, void 0, void 0, function* () {
+        if (!trackEvent) {
+            return;
+        }
+        const args = {
+            knowledgebaseInferenceId: inferenceId,
+            feedbackBotInteractionId: botInteractionId,
+            feedbackTargetId: messageId,
+            feedbackGroupId: uuidv7(),
+            possibleOptions: [FeedbackOption.ThumbsDown, FeedbackOption.ThumbsUp],
+            possibleValues: [0, 1],
+            option: isUseful ? FeedbackOption.ThumbsUp : FeedbackOption.ThumbsDown,
+            value: isUseful ? 1 : 0,
+        };
+        const request = getRequest();
+        yield trackEvent(request, EventAction.FeedbackKnowledgebase, args);
+    });
+    return { trackKnowledgebaseFeedback };
+}
 //# sourceMappingURL=tracking.js.map

package/lib/esm/webchat/tracking.js.map

@@ -1 +1 @@
-{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/webchat/tracking.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,WAEX;AAFD,WAAY,WAAW;IACrB,+DAAgD,CAAA;AAClD,CAAC,EAFW,WAAW,KAAX,WAAW,QAEtB;AAED,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;AAC3B,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB"}
+{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/webchat/tracking.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAGnC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,CAAN,IAAY,WAEX;AAFD,WAAY,WAAW;IACrB,+DAAgD,CAAA;AAClD,CAAC,EAFW,WAAW,KAAX,WAAW,QAEtB;AAQD,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;AAC3B,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAED,MAAM,UAAU,WAAW;IACzB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,OAAO,GAAG;YACd,OAAO,oBACF,YAAY,CAAC,OAAO,CACxB;YACD,cAAc,EAAE,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,YAAY,CAAC,OAAO,CAAC,IAAI,0CAAE,OAAO,KAAI,EAAE,CAAA,EAAA;YAC9D,aAAa,EAAE,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,YAAY,CAAC,OAAO,CAAC,IAAI,0CAAE,MAAM,KAAI,EAAE,CAAA,EAAA;YAC5D,eAAe,EAAE,GAAG,EAAE;;gBACpB,OAAO,CAAA,MAAA,YAAY,CAAC,OAAO,CAAC,IAAI,0CAAE,aAAa,KAAI,EAAE,CAAA;YACvD,CAAC;SAC0B,CAAA;QAE7B,OAAO,OAAO,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,0BAA0B,GAAG,CAAO,EACxC,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,WAAW,GACoB,EAAE,EAAE;QACnC,IAAI,CAAC,UAAU,EAAE;YACf,OAAM;SACP;QAED,MAAM,IAAI,GAAG;YACX,wBAAwB,EAAE,WAAW;YACrC,wBAAwB,EAAE,gBAAgB;YAC1C,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,MAAM,EAAE;YACzB,eAAe,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,cAAc,CAAC,QAAQ,CAAC;YACrE,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACtB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU;YACtE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACxB,CAAA;QAED,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAE5B,MAAM,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAA;IACpE,CAAC,CAAA,CAAA;IAED,OAAO,EAAE,0BAA0B,EAAE,CAAA;AACvC,CAAC"}

package/lib/esm/webchat.template.html

@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en-US">
   <head>
     <meta charset="UTF-8" />
@@ -28,50 +28,9 @@
     </style>
   </head>
   <body>
-    <div id="webchatRoot"></div>
     <script type="text/javascript">
       document.addEventListener('DOMContentLoaded', function (event) {
-        Botonic.render(document.getElementById('webchatRoot'), {
-          onInit: async app => {
-            const urlParams = new URLSearchParams(location.search)
-            const userLocale = urlParams.get('userLocale')
-            const userCountry = urlParams.get('userCountry')
-            const systemLocale = urlParams.get('systemLocale')
-
-            // app.setSystemLocale(systemLocale)
-            // app.setUserLocale(userLocale)
-            // app.setUserCountry(userCountry)
-
-            const extraLanguage = urlParams.get('extraLanguage')
-            const extraCountry = urlParams.get('extraCountry')
-
-            console.log('systemLocale', systemLocale)
-            console.log('userLocale', userLocale)
-            console.log('userCountry', userCountry)
-            console.log('extraLanguage', extraLanguage)
-            console.log('extraCountry', extraCountry)
-
-            app.updateUser({
-              country: userCountry,
-              locale: userLocale,
-              system_locale: systemLocale,
-              extra_data: {
-                country: extraCountry,
-                language: extraLanguage,
-              },
-            })
-            await window.botonicOnInit(app)
-          },
-          onOpen: async app => {
-            await window.botonicOnOpen(app)
-          },
-          onClose: async app => {
-            await window.botonicOnClose(app)
-          },
-          onMessage: async (app, message) => {
-            await window.botonicOnMessage(app, message)
-          },
-        })
+        Botonic.render()
       })
     </script>
   </body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/react",
-  "version": "0.35.0-alpha.1",
+  "version": "0.35.0",
   "license": "MIT",
   "description": "Build Chatbots using React",
   "main": "./lib/cjs",
@@ -20,8 +20,8 @@
     "lint_core": "../../node_modules/.bin/eslint_d --cache --quiet '.*.js' '*.js' 'src/**/*.js*' --fix"
   },
   "dependencies": {
-    "@botonic/core": "0.35.0-alpha.1",
-    "axios": "^1.7.9",
+    "@botonic/core": "^0.35.0",
+    "axios": "^1.9.0",
     "emoji-picker-react": "^4.12.0",
     "lodash.merge": "^4.6.2",
     "markdown-it": "^12.3.2",

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

@@ -1,12 +1,10 @@
 import React, { useContext, useEffect, useState } from 'react'
-import { v7 as uuidv7 } from 'uuid'
 
 import ThumbsDown from '../../assets/thumbs-down.svg'
 import ThumbsUp from '../../assets/thumbs-up.svg'
-import { ActionRequest } from '../../index-types'
 import { resolveImage } from '../../util'
 import { WebchatContext } from '../../webchat/context'
-import { EventAction, FeedbackOption } from '../../webchat/tracking'
+import { useTracking } from '../../webchat/tracking'
 import { FeedbackButton, FeedbackMessageContainer } from './styles'
 
 interface ButtonsState {
@@ -25,7 +23,8 @@ export const MessageFeedback = ({
   inferenceId,
   messageId,
 }: RatingProps) => {
-  const { webchatState, updateMessage, trackEvent } = useContext(WebchatContext)
+  const { webchatState, updateMessage } = useContext(WebchatContext)
+  const { trackKnowledgebaseFeedback } = useTracking()
 
   const [className, setClassName] = useState('')
   const [disabled, setDisabled] = useState<ButtonsState>({
@@ -56,34 +55,18 @@ export const MessageFeedback = ({
   }, [disabled])
 
   const handleClick = async (isUseful: boolean) => {
-    if (!trackEvent) {
-      return
-    }
-
     if (isUseful) {
       setDisabled({ positive: false, negative: true })
     } else {
       setDisabled({ positive: true, negative: false })
     }
 
-    const args = {
-      knowledgebaseInferenceId: inferenceId,
-      feedbackBotInteractionId: botInteractionId,
-      feedbackTargetId: messageId,
-      feedbackGroupId: uuidv7(),
-      possibleOptions: [FeedbackOption.ThumbsDown, FeedbackOption.ThumbsUp],
-      possibleValues: [0, 1],
-      option: isUseful ? FeedbackOption.ThumbsUp : FeedbackOption.ThumbsDown,
-      value: isUseful ? 1 : 0,
-    }
-
-    const request = {
-      session: {
-        ...webchatState.session,
-      },
-    } as unknown as ActionRequest
-
-    await trackEvent(request, EventAction.FeedbackKnowledgebase, args)
+    await trackKnowledgebaseFeedback({
+      messageId,
+      isUseful,
+      botInteractionId,
+      inferenceId,
+    })
   }
 
   return (

package/src/webchat/tracking.ts

@@ -1,8 +1,67 @@
+import { useContext } from 'react'
+import { v7 as uuidv7 } from 'uuid'
+
+import { ActionRequest } from '../index-types'
+import { WebchatContext } from './context'
+
 export enum EventAction {
   FeedbackKnowledgebase = 'feedback_knowledgebase',
 }
+interface TrackKnowledgebaseFeedbackArgs {
+  messageId: string
+  isUseful: boolean
+  botInteractionId?: string
+  inferenceId?: string
+}
 
 export enum FeedbackOption {
   ThumbsUp = 'thumbsUp',
   ThumbsDown = 'thumbsDown',
 }
+
+export function useTracking() {
+  const { webchatState, trackEvent } = useContext(WebchatContext)
+
+  const getRequest = () => {
+    const request = {
+      session: {
+        ...webchatState.session,
+      },
+      getUserCountry: () => webchatState.session.user?.country || '',
+      getUserLocale: () => webchatState.session.user?.locale || '',
+      getSystemLocale: () => {
+        return webchatState.session.user?.system_locale || ''
+      },
+    } as unknown as ActionRequest
+
+    return request
+  }
+
+  const trackKnowledgebaseFeedback = async ({
+    messageId,
+    isUseful,
+    botInteractionId,
+    inferenceId,
+  }: TrackKnowledgebaseFeedbackArgs) => {
+    if (!trackEvent) {
+      return
+    }
+
+    const args = {
+      knowledgebaseInferenceId: inferenceId,
+      feedbackBotInteractionId: botInteractionId,
+      feedbackTargetId: messageId,
+      feedbackGroupId: uuidv7(),
+      possibleOptions: [FeedbackOption.ThumbsDown, FeedbackOption.ThumbsUp],
+      possibleValues: [0, 1],
+      option: isUseful ? FeedbackOption.ThumbsUp : FeedbackOption.ThumbsDown,
+      value: isUseful ? 1 : 0,
+    }
+
+    const request = getRequest()
+
+    await trackEvent(request, EventAction.FeedbackKnowledgebase, args)
+  }
+
+  return { trackKnowledgebaseFeedback }
+}

package/src/webchat.template.html

@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en-US">
   <head>
     <meta charset="UTF-8" />
@@ -28,50 +28,9 @@
     </style>
   </head>
   <body>
-    <div id="webchatRoot"></div>
     <script type="text/javascript">
       document.addEventListener('DOMContentLoaded', function (event) {
-        Botonic.render(document.getElementById('webchatRoot'), {
-          onInit: async app => {
-            const urlParams = new URLSearchParams(location.search)
-            const userLocale = urlParams.get('userLocale')
-            const userCountry = urlParams.get('userCountry')
-            const systemLocale = urlParams.get('systemLocale')
-
-            // app.setSystemLocale(systemLocale)
-            // app.setUserLocale(userLocale)
-            // app.setUserCountry(userCountry)
-
-            const extraLanguage = urlParams.get('extraLanguage')
-            const extraCountry = urlParams.get('extraCountry')
-
-            console.log('systemLocale', systemLocale)
-            console.log('userLocale', userLocale)
-            console.log('userCountry', userCountry)
-            console.log('extraLanguage', extraLanguage)
-            console.log('extraCountry', extraCountry)
-
-            app.updateUser({
-              country: userCountry,
-              locale: userLocale,
-              system_locale: systemLocale,
-              extra_data: {
-                country: extraCountry,
-                language: extraLanguage,
-              },
-            })
-            await window.botonicOnInit(app)
-          },
-          onOpen: async app => {
-            await window.botonicOnOpen(app)
-          },
-          onClose: async app => {
-            await window.botonicOnClose(app)
-          },
-          onMessage: async (app, message) => {
-            await window.botonicOnMessage(app, message)
-          },
-        })
+        Botonic.render()
       })
     </script>
   </body>