@botpress/webchat 0.2.4 → 0.3.1

package/dist/main.js

@@ -41,19 +41,18 @@ const query_string_1 = __importDefault(require("query-string"));
 const react_1 = __importDefault(require("react"));
 const react_intl_1 = require("react-intl");
 const Container_1 = __importDefault(require("./components/Container"));
-const Stylesheet_1 = __importDefault(require("./components/Stylesheet"));
 const constants_1 = __importDefault(require("./core/constants"));
 const socket_1 = __importDefault(require("./core/socket"));
 const Chat_1 = __importDefault(require("./icons/Chat"));
 const utils_1 = require("./utils");
+const analytics_1 = require("./utils/analytics");
 exports.DEFAULT_TYPING_DELAY = 1000;
 class Web extends react_1.default.Component {
     constructor(props) {
         super(props);
         this.hasBeenInitialized = false;
         this.isCurrentConversation = (event) => {
-            var _a, _b;
-            return !((_a = this.props.config) === null || _a === void 0 ? void 0 : _a.conversationId) || ((_b = this.props.config) === null || _b === void 0 ? void 0 : _b.conversationId) === event.conversationId;
+            return this.props.currentConversationId === event.conversationId;
         };
         this.handleKeyDown = (e) => __awaiter(this, void 0, void 0, function* () {
             var _a;
@@ -64,52 +63,51 @@ class Web extends react_1.default.Component {
                 this.props.hideChat();
             }
         });
-        this.handleIframeApi = ({ data: { action, payload } }) => __awaiter(this, void 0, void 0, function* () {
-            if (action === 'configure') {
-                this.props.updateConfig(Object.assign({}, constants_1.default.DEFAULT_CONFIG, payload));
-            }
-            else if (action === 'mergeConfig') {
-                this.props.mergeConfig(payload);
-            }
-            else if (action === 'sendPayload') {
-                yield this.props.sendData(payload);
-            }
-            else if (action === 'event') {
-                const { type, text } = payload;
-                if (type === 'show') {
-                    this.props.showChat();
-                    (0, utils_1.trackWebchatState)('show');
-                }
-                else if (type === 'hide') {
-                    this.props.hideChat();
-                    (0, utils_1.trackWebchatState)('hide');
-                }
-                else if (type === 'toggle') {
-                    this.props.displayWidgetView ? this.props.showChat() : this.props.hideChat();
-                    (0, utils_1.trackWebchatState)('toggle');
-                }
-                else if (type === 'message') {
-                    (0, utils_1.trackMessage)('sent');
-                    yield this.props.sendMessage(text);
-                }
-                else if (type === 'loadConversation') {
-                    yield this.props.store.fetchConversation(payload.conversationId);
-                }
-                else if (type === 'toggleBotInfo') {
-                    this.props.toggleBotInfo();
-                }
-                else {
-                    yield this.props.sendData({ type, payload });
-                }
+        this.handleIframeApi = ({ data }) => __awaiter(this, void 0, void 0, function* () {
+            switch (data.action) {
+                case 'configure':
+                    return this.props.updateConfig(Object.assign({}, constants_1.default.DEFAULT_CONFIG, data.payload));
+                case 'mergeConfig':
+                    return this.props.mergeConfig(data.payload);
+                case 'sendPayload':
+                    return this.props.sendData(data.payload);
+                case 'event':
+                    const { type, text, conversationId } = data.payload;
+                    if (type === 'show') {
+                        this.props.showChat();
+                        (0, analytics_1.trackWebchatState)('show');
+                    }
+                    else if (type === 'hide') {
+                        this.props.hideChat();
+                        (0, analytics_1.trackWebchatState)('hide');
+                    }
+                    else if (type === 'toggle') {
+                        this.props.displayWidgetView ? this.props.showChat() : this.props.hideChat();
+                        (0, analytics_1.trackWebchatState)('toggle');
+                    }
+                    else if (type === 'message') {
+                        (0, analytics_1.trackMessage)('sent');
+                        yield this.props.sendMessage(text);
+                    }
+                    else if (type === 'loadConversation') {
+                        yield this.props.fetchConversation(conversationId);
+                    }
+                    else if (type === 'toggleBotInfo') {
+                        this.props.toggleBotInfo();
+                    }
+                    else {
+                        yield this.props.sendData({ type, payload: data.payload });
+                    }
+                default:
+                    break;
             }
         });
-        this.handleClearMessages = (event) => {
-            if (this.isCurrentConversation(event)) {
-                this.props.clearMessages();
-            }
-        };
         this.handleNewMessage = (event) => __awaiter(this, void 0, void 0, function* () {
             var _b;
+            if (!this.isCurrentConversation(event)) {
+                // don't do anything, it's a message from another conversation
+                return;
+            }
             if (event.authorId === undefined) {
                 const value = (event.payload.type === 'typing' ? event.payload.value : undefined) || exports.DEFAULT_TYPING_DELAY;
                 yield this.handleTyping(Object.assign(Object.assign({}, event), { timeInMs: value }));
@@ -118,11 +116,7 @@ class Web extends react_1.default.Component {
                 // don't do anything, it's the system message
                 return;
             }
-            if (!this.isCurrentConversation(event)) {
-                // don't do anything, it's a message from another conversation
-                return;
-            }
-            (0, utils_1.trackMessage)('received');
+            (0, analytics_1.trackMessage)('received');
             this.props.updateLastMessage(event.conversationId, event);
             yield this.props.addEventToConversation(event);
             // there's no focus on the actual conversation
@@ -133,27 +127,11 @@ class Web extends react_1.default.Component {
             this.handleResetUnreadCount();
         });
         this.handleTyping = (event) => __awaiter(this, void 0, void 0, function* () {
-            if (!this.isCurrentConversation(event)) {
-                // don't do anything, it's a message from another conversation
-                return;
-            }
             yield this.props.updateTyping(event);
         });
-        this.handleDataMessage = (event) => {
-            if (!event || !event.payload) {
-                return;
-            }
-            const { language } = event.payload;
-            if (!language) {
-                return;
-            }
-            this.props.updateBotUILanguage(language);
-        };
         this.playSound = (0, debounce_1.default)(() => __awaiter(this, void 0, void 0, function* () {
-            // Preference for config object
-            const disableNotificationSound = this.config.disableNotificationSound === undefined
-                ? this.props.config.disableNotificationSound
-                : this.config.disableNotificationSound;
+            var _c;
+            const disableNotificationSound = this.config.disableNotificationSound || ((_c = this.props.config) === null || _c === void 0 ? void 0 : _c.disableNotificationSound);
             if (disableNotificationSound || this.audio.readyState < 2) {
                 return;
             }
@@ -164,17 +142,16 @@ class Web extends react_1.default.Component {
                 this.props.resetUnread();
             }
         };
-        (0, utils_1.checkLocationOrigin)();
-        (0, utils_1.initializeAnalytics)();
+        (0, analytics_1.initializeAnalytics)();
     }
     componentDidMount() {
         return __awaiter(this, void 0, void 0, function* () {
             this.audio = new Audio(require('url:../assets/notification.mp3'));
-            this.props.store.setIntlProvider(this.props.intl);
+            this.props.setIntlProvider(this.props.intl);
             window.store = this.props.store;
             window.addEventListener('message', this.handleIframeApi);
             window.addEventListener('keydown', this.handleKeyDown);
-            yield this.load();
+            yield this.loadConfig();
             yield this.initializeIfChatDisplayed();
             this.props.setLoadingCompleted();
         });
@@ -198,27 +175,24 @@ class Web extends react_1.default.Component {
                 if (this.isLazySocket() || !this.socket) {
                     yield this.initializeSocket();
                 }
-                yield this.socket.waitForUserId();
-                this.props.store.setSocket(this.socket);
+                yield this.socket.connect();
+                this.props.setSocket(this.socket);
                 yield this.props.initializeChat();
             }
         });
     }
-    load() {
+    loadConfig() {
         return __awaiter(this, void 0, void 0, function* () {
             this.config = this.extractConfig();
+            this.props.updateConfig(this.config);
             if (this.config.exposeStore) {
                 const storePath = this.config.chatId ? `${this.config.chatId}.webchat_store` : 'webchat_store';
                 (0, set_1.default)(window.parent, storePath, this.props.store);
             }
-            if (this.config.overrides) {
-                this.loadOverrides(this.config.overrides);
-            }
             if (this.config.containerWidth) {
                 this.postMessageToParent('setWidth', this.config.containerWidth);
             }
-            // TODO: replace this by frontend configuration
-            // await this.props.fetchBotInfo!()
+            yield this.props.fetchBotInfo();
             if (!this.isLazySocket()) {
                 yield this.initializeSocket();
             }
@@ -226,68 +200,38 @@ class Web extends react_1.default.Component {
         });
     }
     postMessageToParent(type, value) {
-        var _a, _b;
-        (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({ type, value, chatId: (_b = this.config) === null || _b === void 0 ? void 0 : _b.chatId }, '*');
+        var _a;
+        (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage({ type, value, chatId: this.config.chatId }, '*');
     }
     extractConfig() {
-        const decodeIfRequired = (options) => {
-            try {
-                return decodeURIComponent(options);
-            }
-            catch (_a) {
-                return options;
-            }
-        };
+        let userConfig = Object.assign({}, constants_1.default.DEFAULT_CONFIG, this.props.config);
         const { options } = query_string_1.default.parse(location.search);
-        const { config } = JSON.parse(decodeIfRequired(options || '{}'));
-        const userConfig = Object.assign({}, constants_1.default.DEFAULT_CONFIG, this.props.config, config);
-        this.props.updateConfig(userConfig);
-        return userConfig;
+        if (!options || typeof options !== 'string') {
+            console.warn(`Cannot decode option. Invalid format: ${typeof options}, expecting 'string'.`);
+            return userConfig;
+        }
+        try {
+            const parsedOptions = JSON.parse(decodeURIComponent(options));
+            userConfig = Object.assign(userConfig, parsedOptions.config);
+            return userConfig;
+        }
+        catch (err) {
+            // TODO: Handle those errors so they don't directly bubble up to the users
+            throw new Error(`An error occurred while extracting the configurations ${err}`);
+        }
     }
     initializeSocket() {
         return __awaiter(this, void 0, void 0, function* () {
             this.socket = new socket_1.default(this.config);
-            this.socket.onClear = this.handleClearMessages;
             this.socket.onMessage = this.handleNewMessage;
-            this.socket.onTyping = this.handleTyping;
-            this.socket.onData = this.handleDataMessage;
-            this.socket.onUserIdChanged = this.props.setUserId;
-            // TODO: Can't do that
-            // this.config.userId && this.socket.changeUserId(this.config.userId)
             this.socket.setup();
-            yield this.socket.waitForUserId();
-            this.props.store.setSocket(this.socket);
+            yield this.socket.connect();
+            this.props.setSocket(this.socket);
         });
     }
-    loadOverrides(overrides) {
-        try {
-            for (const override of Object.values(overrides)) {
-                // TODO: load module view this can't work
-                // override.map(({ module }) => this.props.bp!.loadModuleView(module, true))
-            }
-        }
-        catch (err) {
-            console.error('Error while loading overrides', err.message);
-        }
-    }
     setupObserver() {
-        (0, mobx_1.observe)(this.props.config, 'userId', (data) => __awaiter(this, void 0, void 0, function* () {
-            if (!data.oldValue || data.oldValue === data.newValue) {
-                return;
-            }
-            // TODO: Can't work right now
-            // this.socket.changeUserId(data.newValue)
-            this.socket.setup();
-            yield this.socket.waitForUserId();
-            yield this.props.initializeChat();
-        }));
-        (0, mobx_1.observe)(this.props.config, 'overrides', (data) => {
-            if (data.newValue && window.parent) {
-                this.loadOverrides(data.newValue);
-            }
-        });
         (0, mobx_1.observe)(this.props.dimensions, 'container', (data) => {
-            if (data.newValue && window.parent) {
+            if (data.newValue) {
                 this.postMessageToParent('setWidth', data.newValue);
             }
         });
@@ -310,20 +254,22 @@ class Web extends react_1.default.Component {
             this.props.hasUnreadMessages && react_1.default.createElement("span", { className: 'bpw-floating-button-unread' }, this.props.unreadCount)));
     }
     applyAndRenderStyle() {
+        var _a, _b, _c;
         const parentClass = (0, classnames_1.default)(`bp-widget-web bp-widget-${this.props.activeView}`, {
             'bp-widget-hidden': !this.props.showWidgetButton && this.props.displayWidgetView,
-            [this.props.config.className]: !!this.props.config.className
+            [(_a = this.props.config) === null || _a === void 0 ? void 0 : _a.className]: !!((_b = this.props.config) === null || _b === void 0 ? void 0 : _b.className)
         });
         if (this.parentClass !== parentClass) {
             this.postMessageToParent('setClass', parentClass);
             this.parentClass = parentClass;
         }
-        const { stylesheet, extraStylesheet } = this.props.config;
+        const stylesheet = this.props.config.stylesheet;
+        const extraStylesheet = (_c = this.props.botInfo) === null || _c === void 0 ? void 0 : _c.extraStylesheet;
         const RobotoFont = react_1.default.lazy(() => Promise.resolve().then(() => __importStar(require('./fonts/roboto'))));
         return (react_1.default.createElement(react_1.default.Fragment, null,
-            !!(stylesheet === null || stylesheet === void 0 ? void 0 : stylesheet.length) && react_1.default.createElement(Stylesheet_1.default, { href: stylesheet }),
+            !!(stylesheet === null || stylesheet === void 0 ? void 0 : stylesheet.length) && react_1.default.createElement("link", { rel: "stylesheet", type: "text/css", href: stylesheet }),
             react_1.default.createElement(react_1.default.Suspense, { fallback: react_1.default.createElement(react_1.default.Fragment, null) }, !utils_1.isIE && react_1.default.createElement(RobotoFont, null)),
-            !!(extraStylesheet === null || extraStylesheet === void 0 ? void 0 : extraStylesheet.length) && react_1.default.createElement(Stylesheet_1.default, { href: extraStylesheet })));
+            !!(extraStylesheet === null || extraStylesheet === void 0 ? void 0 : extraStylesheet.length) && react_1.default.createElement("link", { rel: "stylesheet", type: "text/css", href: extraStylesheet })));
     }
     render() {
         if (!this.props.isWebchatReady) {
@@ -349,7 +295,6 @@ exports.default = (0, mobx_react_1.inject)(({ store }) => ({
     mergeConfig: store.mergeConfig,
     addEventToConversation: store.addEventToConversation,
     clearMessages: store.clearMessages,
-    setUserId: store.setUserId,
     updateTyping: store.updateTyping,
     sendMessage: store.sendMessage,
     updateBotUILanguage: store.updateBotUILanguage,
@@ -369,5 +314,9 @@ exports.default = (0, mobx_react_1.inject)(({ store }) => ({
     displayWidgetView: store.view.displayWidgetView,
     setLoadingCompleted: store.view.setLoadingCompleted,
     sendFeedback: store.sendFeedback,
-    updateLastMessage: store.updateLastMessage
+    updateLastMessage: store.updateLastMessage,
+    fetchConversation: store.fetchConversation,
+    setIntlProvider: store.setIntlProvider,
+    setSocket: store.setSocket,
+    currentConversationId: store.currentConversationId
 }))((0, react_intl_1.injectIntl)((0, mobx_react_1.observer)(Web)));

package/dist/store/composer.js

@@ -56,7 +56,7 @@ class ComposerStore {
         this._sentHistoryIndex = newIndex;
     }
     setLocked(locked) {
-        this.locked = locked;
+        this.locked = !!locked;
     }
     setHidden(hidden) {
         this.hidden = hidden;

package/dist/store/index.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="node" />
 import { IntlShape } from 'react-intl';
 import BpSocket from '../core/socket';
-import { BotInfo, Config, CurrentConversation, EventFeedback, Message, QueuedMessage, RecentConversation, StudioConnector, uuid } from '../typings';
+import { BotInfo, Config, CurrentConversation, EventFeedback, Message, QueuedMessage, RecentConversation, uuid } from '../typings';
 import ComposerStore from './composer';
 import ViewStore from './view';
-/** Includes the partial definitions of all classes */
+/** Includes the definitions of all store classes */
 export declare type StoreDef = Partial<RootStore> & Partial<ViewStore> & Partial<ComposerStore> & Partial<Config>;
 declare class RootStore {
     composer: ComposerStore;
@@ -24,7 +24,7 @@ declare class RootStore {
     delayedMessages: QueuedMessage[];
     constructor(options: {
         fullscreen: boolean;
-    }, config: Config);
+    }, config?: Config);
     setIntlProvider(provider: IntlShape): void;
     setSocket(socket: BpSocket): void;
     get isConversationStarted(): boolean;
@@ -57,22 +57,18 @@ declare class RootStore {
     /** Creates a new conversation and switches to it */
     createConversation(): Promise<uuid>;
     resetConversation(): void;
-    resetSession(): Promise<void>;
     extractFeedback(messages: Message[]): Promise<void>;
     sendFeedback(feedback: number, messageId: string): Promise<void>;
     downloadConversation(): Promise<void>;
     /** Sends an event or a message, depending on how the backend manages those types */
     sendData(data: any): Promise<void>;
-    uploadFile(title: string, payload: string, file: File): Promise<void>;
     /** Sends a message of type voice */
     sendVoiceMessage(voice: Buffer, ext: string): Promise<void>;
     /** Use this method to replace a value or add a new config */
     mergeConfig(config: Partial<Config>): void;
     /** This replaces all the configurations by this object */
-    updateConfig(config: Config, bp?: StudioConnector): void;
+    updateConfig(config: Config): void;
     private _applyConfig;
-    /** When this method is used, the user ID is changed in the configuration, then the socket is updated */
-    setUserId(userId: string): void;
     publishConfigChanged(): void;
     updatePreferredLanguage(lang: string): void;
     /** Starts a timer to remove the typing animation when it's completed */
@@ -80,7 +76,7 @@ declare class RootStore {
     private _expireTyping;
     updateBotUILanguage(lang: string): void;
     private emptyDelayedMessagesQueue;
-    /** Returns the current conversation ID, or the last one if it didn't expired. Otherwise, returns nothing. */
+    /** Returns the current conversation ID, or the last one. */
     private _getCurrentConvoId;
 }
 export { RootStore };

package/dist/store/index.js

@@ -19,6 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RootStore = void 0;
+const axios_1 = __importDefault(require("axios"));
 const is_before_1 = __importDefault(require("date-fns/is_before"));
 const is_valid_1 = __importDefault(require("date-fns/is_valid"));
 const merge_1 = __importDefault(require("lodash/merge"));
@@ -28,6 +29,7 @@ const api_1 = __importDefault(require("../core/api"));
 const main_1 = require("../main");
 const translations_1 = require("../translations");
 const utils_1 = require("../utils");
+const analytics_1 = require("../utils/analytics");
 const composer_1 = __importDefault(require("./composer"));
 const view_1 = __importDefault(require("./view"));
 class RootStore {
@@ -37,7 +39,9 @@ class RootStore {
         this.delayedMessages = [];
         this.composer = new composer_1.default(this);
         this.view = new view_1.default(this, options.fullscreen);
-        this.updateConfig(config);
+        if (config) {
+            this.updateConfig(config);
+        }
         this.botUILanguage = (0, translations_1.getUserLocale)();
     }
     setIntlProvider(provider) {
@@ -51,19 +55,19 @@ class RootStore {
         return !!((_a = this.currentConversation) === null || _a === void 0 ? void 0 : _a.messages.length);
     }
     get botName() {
-        var _a;
-        return this.config.botName || ((_a = this.botInfo) === null || _a === void 0 ? void 0 : _a.name) || 'Bot';
+        var _a, _b;
+        return ((_a = this.config) === null || _a === void 0 ? void 0 : _a.botName) || ((_b = this.botInfo) === null || _b === void 0 ? void 0 : _b.name) || 'Bot';
     }
     get hasBotInfoDescription() {
         var _a;
-        return !!((_a = this.config.botConvoDescription) === null || _a === void 0 ? void 0 : _a.length);
+        return !!((_a = this.config.botConversationDescription) === null || _a === void 0 ? void 0 : _a.length);
     }
     get botAvatarUrl() {
         var _a, _b, _c;
         return ((_b = (_a = this.botInfo) === null || _a === void 0 ? void 0 : _a.details) === null || _b === void 0 ? void 0 : _b.avatarUrl) || ((_c = this.config) === null || _c === void 0 ? void 0 : _c.avatarUrl) || undefined;
     }
     get rtl() {
-        return (0, utils_1.isRTLLocale)(this.preferredLanguage);
+        return (0, translations_1.isRTLLocale)(this.preferredLanguage);
     }
     get escapeHTML() {
         var _a, _b;
@@ -153,7 +157,7 @@ class RootStore {
         return __awaiter(this, void 0, void 0, function* () {
             try {
                 yield this.fetchConversations();
-                yield this.fetchConversation(this.config.conversationId);
+                yield this.fetchConversation();
                 (0, mobx_1.runInAction)('-> setInitialized', () => {
                     this.isInitialized = true;
                     this.postMessage('webchatReady');
@@ -171,17 +175,21 @@ class RootStore {
             if (!this.config.mediaFileServiceUrl) {
                 return;
             }
-            const botInfo = yield this.api.fetchBotInfo(this.config.mediaFileServiceUrl);
-            if (!botInfo) {
-                return;
+            try {
+                const { data } = yield axios_1.default.get(this.config.mediaFileServiceUrl);
+                if (!data) {
+                    return;
+                }
+                (0, mobx_1.runInAction)('-> setBotInfo', () => {
+                    this.botInfo = data;
+                });
+                this.mergeConfig({
+                    disableNotificationSound: data.disableNotificationSound
+                });
+            }
+            catch (err) {
+                console.error('Error while loading bot info', err);
             }
-            (0, mobx_1.runInAction)('-> setBotInfo', () => {
-                this.botInfo = botInfo;
-            });
-            this.mergeConfig({
-                extraStylesheet: botInfo.extraStylesheet,
-                disableNotificationSound: botInfo.disableNotificationSound
-            });
         });
     }
     fetchLanguage() {
@@ -233,7 +241,7 @@ class RootStore {
             this.composer.updateMessage('');
             try {
                 yield this.sendData({ type: 'text', text: userMessage });
-                (0, utils_1.trackMessage)('sent');
+                (0, analytics_1.trackMessage)('sent');
                 this.composer.addMessageToHistory(userMessage);
             }
             catch (e) {
@@ -262,18 +270,9 @@ class RootStore {
     resetConversation() {
         this.currentConversation = undefined;
     }
-    resetSession() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.currentConversationId) {
-                this.composer.setLocked(false);
-                return this.api.resetSession(this.currentConversationId);
-            }
-        });
-    }
     extractFeedback(messages) {
         return __awaiter(this, void 0, void 0, function* () {
             const feedbackMessageIds = messages.filter((x) => x.payload && x.payload.collectFeedback).map((x) => x.id);
-            // TODO: store feedback somewhere
             const feedbackInfo = feedbackMessageIds.map((x) => ({ messageId: x, feedback: 1 }));
             (0, mobx_1.runInAction)('-> setFeedbackInfo', () => {
                 this.messageFeedbacks = feedbackInfo;
@@ -297,8 +296,20 @@ class RootStore {
                     return;
                 }
                 let info = `Conversation Id: ${conversation.id}\nCreated on: ${formatDate(conversation.createdOn)}\nUser: ${conversation.userId}\n-----------------`;
-                for (const message of (0, orderBy_1.default)(conversation.messages, 'sentOn', 'desc')) {
-                    info += `\n[${formatDate(message.sentOn)}] ${message.authorId ? 'User' : this.config.botId || 'Bot'}: ${message.payload.text}`;
+                const messages = yield this.api.listCurrentConversationMessages(500);
+                for (const message of (0, orderBy_1.default)(messages, 'sentOn', 'desc')) {
+                    const payload = message.payload;
+                    if (payload.type === 'session_reset') {
+                        continue;
+                    }
+                    info += `\n[${formatDate(message.sentOn)}] ${message.authorId ? 'User' : this.config.botName || 'Bot'}: Event (${payload.type}): ${payload.text ||
+                        payload.audio ||
+                        payload.image ||
+                        payload.video ||
+                        payload.file ||
+                        payload.message ||
+                        payload.title ||
+                        ''}`;
                 }
                 const blobFile = new Blob([info]);
                 (0, utils_1.downloadFile)(`conversation-${conversation.id}`, blobFile);
@@ -319,13 +330,6 @@ class RootStore {
             this.updateLastMessage(this.currentConversationId, message);
         });
     }
-    uploadFile(title, payload, file) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.currentConversationId) {
-                yield this.api.uploadFile(file, payload, this.currentConversationId);
-            }
-        });
-    }
     /** Sends a message of type voice */
     sendVoiceMessage(voice, ext) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -340,7 +344,7 @@ class RootStore {
         this._applyConfig();
     }
     /** This replaces all the configurations by this object */
-    updateConfig(config, bp) {
+    updateConfig(config) {
         this.config = config;
         this._applyConfig();
     }
@@ -348,13 +352,11 @@ class RootStore {
         window.BP_STORAGE.config = this.config;
         this.config.layoutWidth && this.view.setLayoutWidth(this.config.layoutWidth);
         this.config.containerWidth && this.view.setContainerWidth(this.config.containerWidth);
-        this.view.disableAnimations = this.config.disableAnimations;
+        this.view.disableAnimations = !!this.config.disableAnimations;
         this.config.showPoweredBy ? this.view.showPoweredBy() : this.view.hidePoweredBy();
         document.title = this.config.botName || 'Botpress Webchat';
-        // TODO: can't work at the moment
-        // this.api.updateUserId(this.config.userId!)
         if (!this.isInitialized) {
-            window.USE_SESSION_STORAGE = this.config.useSessionStorage;
+            window.USE_SESSION_STORAGE = !!this.config.useSessionStorage;
         }
         else if (window.USE_SESSION_STORAGE !== this.config.useSessionStorage) {
             console.warn('[WebChat] "useSessionStorage" value cannot be altered once the webchat is initialized');
@@ -364,13 +366,6 @@ class RootStore {
         document.documentElement.setAttribute('lang', locale);
         this.publishConfigChanged();
     }
-    /** When this method is used, the user ID is changed in the configuration, then the socket is updated */
-    setUserId(userId) {
-        this.config.userId = userId;
-        this.resetConversation();
-        // this.api.updateUserId(userId)
-        this.publishConfigChanged();
-    }
     publishConfigChanged() {
         this.postMessage('configChanged', JSON.stringify(this.config, undefined, 2));
     }
@@ -427,7 +422,7 @@ class RootStore {
             }
         }
     }
-    /** Returns the current conversation ID, or the last one if it didn't expired. Otherwise, returns nothing. */
+    /** Returns the current conversation ID, or the last one. */
     _getCurrentConvoId() {
         if (this.currentConversationId) {
             return this.currentConversationId;
@@ -435,15 +430,6 @@ class RootStore {
         if (!this.conversations.length) {
             return;
         }
-        // TODO: these settings need to be set in the frontend
-        /*
-        const lifeTimeMargin = Date.now() - ms(this.config.recentConversationLifetime)
-        const isConversationExpired =
-          new Date(this.conversations[0].lastMessage?.sentOn || this.conversations[0].createdOn).getTime() < lifeTimeMargin
-        if (isConversationExpired && this.config.startNewConvoOnTimeout) {
-          return
-        }
-        */
         return this.conversations[0].id;
     }
 }
@@ -549,9 +535,6 @@ __decorate([
 __decorate([
     mobx_1.action.bound
 ], RootStore.prototype, "resetConversation", null);
-__decorate([
-    mobx_1.action.bound
-], RootStore.prototype, "resetSession", null);
 __decorate([
     mobx_1.action.bound
 ], RootStore.prototype, "extractFeedback", null);
@@ -564,9 +547,6 @@ __decorate([
 __decorate([
     mobx_1.action.bound
 ], RootStore.prototype, "sendData", null);
-__decorate([
-    mobx_1.action.bound
-], RootStore.prototype, "uploadFile", null);
 __decorate([
     mobx_1.action.bound
 ], RootStore.prototype, "sendVoiceMessage", null);
@@ -576,9 +556,6 @@ __decorate([
 __decorate([
     mobx_1.action.bound
 ], RootStore.prototype, "updateConfig", null);
-__decorate([
-    mobx_1.action.bound
-], RootStore.prototype, "setUserId", null);
 __decorate([
     mobx_1.action.bound
 ], RootStore.prototype, "publishConfigChanged", null);