@botpress/webchat 0.0.1 → 0.2.3

package/dist/components/messages/MessageList.js

@@ -36,7 +36,7 @@ class MessageList extends react_1.default.Component {
         this.shouldDisplayMessage = (m) => {
             return m.payload.type !== 'postback';
         };
-        this.handleScroll = debounce_1.default((e) => {
+        this.handleScroll = (0, debounce_1.default)((e) => {
             const scroll = this.messagesDiv.scrollHeight - this.messagesDiv.scrollTop - this.messagesDiv.clientHeight;
             const manualScroll = scroll >= 150;
             const showNewMessageIndicator = this.state.showNewMessageIndicator && manualScroll;
@@ -45,11 +45,11 @@ class MessageList extends react_1.default.Component {
     }
     componentDidMount() {
         this.tryScrollToBottom(true);
-        mobx_1.observe(this.props.focusedArea, (focus) => {
+        (0, mobx_1.observe)(this.props.focusedArea, (focus) => {
             focus.newValue === 'convo' && this.messagesDiv.focus();
         });
         if (this.props.currentMessages) {
-            mobx_1.observe(this.props.currentMessages, (messages) => {
+            (0, mobx_1.observe)(this.props.currentMessages, (messages) => {
                 if (this.state.manualScroll) {
                     if (!this.state.showNewMessageIndicator) {
                         this.setState({ showNewMessageIndicator: true });
@@ -60,7 +60,7 @@ class MessageList extends react_1.default.Component {
             });
         }
         // this should account for keyboard rendering as it triggers a resize of the messagesDiv
-        this.divSizeObserver = new resize_observer_1.ResizeObserver(debounce_1.default(([divResizeEntry]) => {
+        this.divSizeObserver = new resize_observer_1.ResizeObserver((0, debounce_1.default)(([divResizeEntry]) => {
             // we don't need to do anything with the resize entry
             this.tryScrollToBottom();
         }, 200, { trailing: true }));
@@ -112,7 +112,7 @@ class MessageList extends react_1.default.Component {
             // Create a new group if messages are separated by more than X minutes or if different speaker
             if (speaker !== lastSpeaker ||
                 !currentGroup ||
-                difference_in_minutes_1.default(new Date(date), new Date(lastDate)) >= constants_1.default.TIME_BETWEEN_DATES) {
+                (0, difference_in_minutes_1.default)(new Date(date), new Date(lastDate)) >= constants_1.default.TIME_BETWEEN_DATES) {
                 currentGroup = [];
                 groups.push(currentGroup);
             }
@@ -139,7 +139,7 @@ class MessageList extends react_1.default.Component {
             const lastDate = (_a = lastGroup === null || lastGroup === void 0 ? void 0 : lastGroup[lastGroup.length - 1]) === null || _a === void 0 ? void 0 : _a.sentOn;
             const groupDate = group === null || group === void 0 ? void 0 : group[0].sentOn;
             const isDateNeeded = !groups[i - 1] ||
-                difference_in_minutes_1.default(new Date(groupDate), new Date(lastDate)) > constants_1.default.TIME_BETWEEN_DATES;
+                (0, difference_in_minutes_1.default)(new Date(groupDate), new Date(lastDate)) > constants_1.default.TIME_BETWEEN_DATES;
             const [{ authorId, payload }] = group;
             const avatar = authorId
                 ? this.props.showUserAvatar &&
@@ -161,7 +161,7 @@ class MessageList extends react_1.default.Component {
             this.renderMessageGroups()));
     }
 }
-exports.default = mobx_react_1.inject(({ store }) => ({
+exports.default = (0, mobx_react_1.inject)(({ store }) => ({
     intl: store.intl,
     isEmulator: store.isEmulator,
     botName: store.botName,
@@ -174,4 +174,4 @@ exports.default = mobx_react_1.inject(({ store }) => ({
     showUserAvatar: store.config.showUserAvatar,
     enableArrowNavigation: store.config.enableArrowNavigation,
     preferredLanguage: store.preferredLanguage
-}))(react_intl_1.injectIntl(mobx_react_1.observer(MessageList)));
+}))((0, react_intl_1.injectIntl)((0, mobx_react_1.observer)(MessageList)));

package/dist/core/api.d.ts

@@ -23,6 +23,7 @@ export default class WebchatApi {
     } | undefined>;
     resetSession(conversationId: uuid): Promise<void>;
     createConversation(): Promise<uuid | undefined>;
+    startConversation(): Promise<void>;
     downloadConversation(conversationId: uuid): Promise<any>;
     sendMessage(payload: any, conversationId: uuid): Promise<Message | undefined>;
     deleteMessages(conversationId: uuid): Promise<void>;

package/dist/core/api.js

@@ -13,16 +13,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const get_1 = __importDefault(require("lodash/get"));
-const uuid_1 = __importDefault(require("uuid"));
+const uuid_1 = require("uuid");
 class WebchatApi {
     constructor(socket) {
         this.socket = socket;
         this.handleApiError = (error) => __awaiter(this, void 0, void 0, function* () {
             // @deprecated 11.9 (replace with proper error management)
-            const data = get_1.default(error, 'response.data', {});
+            const data = (0, get_1.default)(error, 'response.data', {});
             if (data && typeof data === 'string' && data.includes('BP_CONV_NOT_FOUND')) {
                 console.error('Conversation not found, starting a new one...');
                 yield this.createConversation();
+                yield this.startConversation();
             }
         });
     }
@@ -66,7 +67,16 @@ class WebchatApi {
     fetchConversations() {
         return __awaiter(this, void 0, void 0, function* () {
             try {
-                const convos = yield this.socket.socket.listConversations();
+                const convos = (yield this.socket.socket.listConversations());
+                // Add the last message of each conversation
+                for (const convo of convos) {
+                    const limit = 1;
+                    yield this.socket.socket.switchConversation(convo.id);
+                    const lastMessages = yield this.socket.socket.listMessages(limit);
+                    if (lastMessages.length >= limit) {
+                        convo.lastMessage = lastMessages[0];
+                    }
+                }
                 return convos;
             }
             catch (err) {
@@ -79,7 +89,7 @@ class WebchatApi {
             try {
                 const conversation = yield this.socket.socket.getConversation(conversationId);
                 this.socket.socket.switchConversation(conversation.id);
-                const messages = yield this.socket.socket.listMessages();
+                const messages = (yield this.socket.socket.listMessages()).filter((x) => x.payload.type !== 'visit');
                 return Object.assign(Object.assign({}, conversation), { messages });
             }
             catch (err) {
@@ -108,6 +118,16 @@ class WebchatApi {
             }
         });
     }
+    startConversation() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                yield this.socket.socket.startConversation();
+            }
+            catch (err) {
+                console.error('Error in start conversation', err);
+            }
+        });
+    }
     downloadConversation(conversationId) {
         return __awaiter(this, void 0, void 0, function* () {
             try {
@@ -152,7 +172,7 @@ class WebchatApi {
     sendFeedback(feedback, messageId) {
         return __awaiter(this, void 0, void 0, function* () {
             try {
-                return this.axios.post('/saveFeedback', { messageId, target: this.userId, feedback }, this.axiosConfig);
+                return this.socket.socket.sendFeedback(messageId, feedback);
             }
             catch (err) {
                 yield this.handleApiError(err);
@@ -190,7 +210,7 @@ class WebchatApi {
             try {
                 const audio = {
                     buffer: voice.toString('base64'),
-                    title: `${uuid_1.default.v4()}.${ext}`
+                    title: `${(0, uuid_1.v4)()}.${ext}`
                 };
                 return this.axios.post('/messages/voice', Object.assign(Object.assign({}, this.baseUserPayload), { conversationId, audio }), this.axiosConfig);
             }

package/dist/core/socket.d.ts

@@ -3,6 +3,8 @@ import { Config } from '../typings';
 export default class BpSocket {
     socket: MessagingSocket;
     private chatId;
+    private encryptionKey;
+    private clientId;
     private waitingForUser?;
     onClear: (event: any) => void;
     onMessage: (event: any) => void;

package/dist/core/socket.js

@@ -8,8 +8,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const messaging_socket_1 = require("@botpress/messaging-socket");
+const aes_1 = __importDefault(require("crypto-js/aes"));
+const enc_utf8_1 = __importDefault(require("crypto-js/enc-utf8"));
+const sha256_1 = __importDefault(require("crypto-js/sha256"));
 class BpSocket {
     constructor(config) {
         this.postToParent = (_type, payload) => {
@@ -18,6 +24,8 @@ class BpSocket {
             (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage(Object.assign(Object.assign({}, payload), { chatId: this.chatId }), '*');
         };
         this.chatId = config.chatId;
+        this.encryptionKey = config.encryptionKey;
+        this.clientId = config.clientId;
         this.socket = new messaging_socket_1.MessagingSocket({ url: config.messagingUrl, clientId: config.clientId });
     }
     setup() {
@@ -47,8 +55,7 @@ class BpSocket {
             }
             this.waitingForUser = new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
                 const creds = this.getStorage('creds');
-                yield this.socket.connect({ autoLogin: false });
-                yield this.socket.login(creds);
+                yield this.socket.connect(creds);
                 if (this.socket.userId) {
                     const userId = this.socket.userId;
                     this.setStorage('creds', this.socket.creds);
@@ -65,23 +72,39 @@ class BpSocket {
         });
     }
     getStorage(key) {
-        const stored = localStorage.getItem(this.getStorageKey(key));
+        var _a;
+        let stored = localStorage.getItem(this.getStorageKey(key));
         if (!stored) {
             return undefined;
         }
+        if ((_a = this.encryptionKey) === null || _a === void 0 ? void 0 : _a.length) {
+            stored = aes_1.default.decrypt(stored, this.encryptionKey).toString(enc_utf8_1.default);
+        }
         try {
             const val = JSON.parse(stored);
             return val;
         }
-        catch (_a) {
+        catch (_b) {
             return undefined;
         }
     }
     setStorage(key, object) {
-        localStorage.setItem(this.getStorageKey(key), JSON.stringify(object));
+        var _a;
+        let string = JSON.stringify(object);
+        if ((_a = this.encryptionKey) === null || _a === void 0 ? void 0 : _a.length) {
+            string = aes_1.default.encrypt(string, this.encryptionKey).toString();
+        }
+        localStorage.setItem(this.getStorageKey(key), string);
     }
     getStorageKey(key) {
-        return `bp-chat-${key}`;
+        var _a;
+        const rawKey = `bp-chat-${key}`;
+        if ((_a = this.encryptionKey) === null || _a === void 0 ? void 0 : _a.length) {
+            return `${rawKey}-${(0, sha256_1.default)(`${this.clientId}-${this.encryptionKey}`).toString()}`;
+        }
+        else {
+            return `${rawKey}-${this.clientId}`;
+        }
     }
 }
 exports.default = BpSocket;

package/dist/fonts/roboto.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import '../../assets/fonts/roboto.css';
+declare const Font: () => JSX.Element;
+export default Font;

package/dist/fonts/roboto.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+require("../../assets/fonts/roboto.css");
+const Font = () => react_1.default.createElement(react_1.default.Fragment, null);
+exports.default = Font;

package/dist/index.d.ts

@@ -21,4 +21,3 @@ export declare class ExposedWebChat extends React.Component<Props, State> {
 export { Embedded as embedded } from '.';
 export { Fullscreen as fullscreen } from '.';
 export * from './typings';
-export { Carousel, QuickReplies, LoginPrompt, Text, FileMessage, FileInput, Button } from './components/messages/renderer';

package/dist/index.js

@@ -13,7 +13,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = exports.FileInput = exports.FileMessage = exports.Text = exports.LoginPrompt = exports.QuickReplies = exports.Carousel = exports.fullscreen = exports.embedded = exports.ExposedWebChat = exports.Fullscreen = exports.Embedded = void 0;
+exports.fullscreen = exports.embedded = exports.ExposedWebChat = exports.Fullscreen = exports.Embedded = void 0;
 const mobx_1 = require("mobx");
 const mobx_react_1 = require("mobx-react");
 const react_1 = __importDefault(require("react"));
@@ -21,7 +21,7 @@ const react_intl_1 = require("react-intl");
 const main_1 = __importDefault(require("./main"));
 const store_1 = require("./store");
 const translations_1 = require("./translations");
-mobx_1.configure({ enforceActions: 'observed' });
+(0, mobx_1.configure)({ enforceActions: 'observed' });
 const Embedded = (props) => new Wrapper(Object.assign(Object.assign({}, props), { fullscreen: false }));
 exports.Embedded = Embedded;
 const Fullscreen = (props) => new Wrapper(Object.assign(Object.assign({}, props), { fullscreen: true }));
@@ -44,7 +44,7 @@ class ExposedWebChat extends react_1.default.Component {
 }
 exports.ExposedWebChat = ExposedWebChat;
 // TODO: what does this observer do?
-const Wrapper = mobx_react_1.observer(ExposedWebChat);
+const Wrapper = (0, mobx_react_1.observer)(ExposedWebChat);
 /**
  * @deprecated Since the way views are handled has changed, we're also exporting views in lowercase.
  * https://botpress.com/docs/developers/migrate/
@@ -54,11 +54,15 @@ Object.defineProperty(exports, "embedded", { enumerable: true, get: function ()
 var _2 = require(".");
 Object.defineProperty(exports, "fullscreen", { enumerable: true, get: function () { return _2.Fullscreen; } });
 __exportStar(require("./typings"), exports);
-var renderer_1 = require("./components/messages/renderer");
-Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return renderer_1.Carousel; } });
-Object.defineProperty(exports, "QuickReplies", { enumerable: true, get: function () { return renderer_1.QuickReplies; } });
-Object.defineProperty(exports, "LoginPrompt", { enumerable: true, get: function () { return renderer_1.LoginPrompt; } });
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return renderer_1.Text; } });
-Object.defineProperty(exports, "FileMessage", { enumerable: true, get: function () { return renderer_1.FileMessage; } });
-Object.defineProperty(exports, "FileInput", { enumerable: true, get: function () { return renderer_1.FileInput; } });
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return renderer_1.Button; } });
+// TODO: export this
+/*
+export {
+  Carousel,
+  QuickReplies,
+  LoginPrompt,
+  Text,
+  FileMessage,
+  FileInput,
+  Button
+} from './components/messages/renderer'
+*/

package/dist/main.d.ts

@@ -1,11 +1,13 @@
-/// <reference types="react-intl" />
 import React from 'react';
+import { WrappedComponentProps } from 'react-intl';
 import { RootStore, StoreDef } from './store';
-declare const _default: React.ComponentClass<Pick<{
-    store: RootStore;
-} & Pick<StoreDef, "intl" | "isFullscreen" | "unreadCount" | "dimensions" | "activeView" | "showWidgetButton" | "hasUnreadMessages" | "isWebchatReady" | "widgetTransition" | "displayWidgetView" | "incrementUnread" | "resetUnread" | "toggleBotInfo" | "setLoadingCompleted" | "showChat" | "hideChat" | "botInfo" | "config" | "isEmulator" | "clearMessages" | "addEventToConversation" | "updateTyping" | "initializeChat" | "fetchBotInfo" | "sendMessage" | "setReference" | "sendData" | "mergeConfig" | "updateConfig" | "setUserId" | "updateBotUILanguage">, "store" | "isFullscreen" | "unreadCount" | "dimensions" | "activeView" | "showWidgetButton" | "hasUnreadMessages" | "isWebchatReady" | "widgetTransition" | "displayWidgetView" | "incrementUnread" | "resetUnread" | "toggleBotInfo" | "setLoadingCompleted" | "showChat" | "hideChat" | "botInfo" | "config" | "isEmulator" | "clearMessages" | "addEventToConversation" | "updateTyping" | "initializeChat" | "fetchBotInfo" | "sendMessage" | "setReference" | "sendData" | "mergeConfig" | "updateConfig" | "setUserId" | "updateBotUILanguage">, any> & {
-    WrappedComponent: React.ComponentType<{
-        store: RootStore;
-    } & Pick<StoreDef, "intl" | "isFullscreen" | "unreadCount" | "dimensions" | "activeView" | "showWidgetButton" | "hasUnreadMessages" | "isWebchatReady" | "widgetTransition" | "displayWidgetView" | "incrementUnread" | "resetUnread" | "toggleBotInfo" | "setLoadingCompleted" | "showChat" | "hideChat" | "botInfo" | "config" | "isEmulator" | "clearMessages" | "addEventToConversation" | "updateTyping" | "initializeChat" | "fetchBotInfo" | "sendMessage" | "setReference" | "sendData" | "mergeConfig" | "updateConfig" | "setUserId" | "updateBotUILanguage"> & ReactIntl.InjectedIntlProps>;
+export declare const DEFAULT_TYPING_DELAY = 1000;
+declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<MainProps, "intl"> & {
+    forwardedRef?: React.Ref<any> | undefined;
+} & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<MainProps>;
 } & import("mobx-react").IWrappedComponent<unknown>;
 export default _default;
+declare type MainProps = {
+    store: RootStore;
+} & WrappedComponentProps & Pick<StoreDef, 'config' | 'initializeChat' | 'botInfo' | 'fetchBotInfo' | 'sendMessage' | 'setUserId' | 'sendData' | 'intl' | 'isEmulator' | 'updateTyping' | 'setReference' | 'updateBotUILanguage' | 'hideChat' | 'showChat' | 'toggleBotInfo' | 'widgetTransition' | 'activeView' | 'isFullscreen' | 'unreadCount' | 'hasUnreadMessages' | 'showWidgetButton' | 'addEventToConversation' | 'clearMessages' | 'updateConfig' | 'mergeConfig' | 'isWebchatReady' | 'incrementUnread' | 'displayWidgetView' | 'resetUnread' | 'setLoadingCompleted' | 'dimensions' | 'updateLastMessage'>;

package/dist/main.js

@@ -1,4 +1,23 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -12,6 +31,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_TYPING_DELAY = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const debounce_1 = __importDefault(require("lodash/debounce"));
 const set_1 = __importDefault(require("lodash/set"));
@@ -26,8 +46,7 @@ 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 _values = (obj) => Object.keys(obj).map((x) => obj[x]);
-const DEFAULT_TYPING_DELAY = 500;
+exports.DEFAULT_TYPING_DELAY = 1000;
 class Web extends react_1.default.Component {
     constructor(props) {
         super(props);
@@ -53,18 +72,18 @@ class Web extends react_1.default.Component {
                 const { type, text } = payload;
                 if (type === 'show') {
                     this.props.showChat();
-                    utils_1.trackWebchatState('show');
+                    (0, utils_1.trackWebchatState)('show');
                 }
                 else if (type === 'hide') {
                     this.props.hideChat();
-                    utils_1.trackWebchatState('hide');
+                    (0, utils_1.trackWebchatState)('hide');
                 }
                 else if (type === 'toggle') {
                     this.props.displayWidgetView ? this.props.showChat() : this.props.hideChat();
-                    utils_1.trackWebchatState('toggle');
+                    (0, utils_1.trackWebchatState)('toggle');
                 }
                 else if (type === 'message') {
-                    utils_1.trackMessage('sent');
+                    (0, utils_1.trackMessage)('sent');
                     yield this.props.sendMessage(text);
                 }
                 else if (type === 'loadConversation') {
@@ -86,7 +105,7 @@ class Web extends react_1.default.Component {
         this.handleNewMessage = (event) => __awaiter(this, void 0, void 0, function* () {
             var _a;
             if (event.authorId === undefined) {
-                const value = (event.payload.type === 'typing' ? event.payload.value : undefined) || DEFAULT_TYPING_DELAY;
+                const value = (event.payload.type === 'typing' ? event.payload.value : undefined) || exports.DEFAULT_TYPING_DELAY;
                 yield this.handleTyping(Object.assign(Object.assign({}, event), { timeInMs: value }));
             }
             if (((_a = event.payload) === null || _a === void 0 ? void 0 : _a.type) === 'visit') {
@@ -97,7 +116,8 @@ class Web extends react_1.default.Component {
                 // don't do anything, it's a message from another conversation
                 return;
             }
-            utils_1.trackMessage('received');
+            (0, utils_1.trackMessage)('received');
+            this.props.updateLastMessage(event.conversationId, event);
             yield this.props.addEventToConversation(event);
             // there's no focus on the actual conversation
             if ((document.hasFocus && !document.hasFocus()) || this.props.activeView !== 'side') {
@@ -127,7 +147,7 @@ class Web extends react_1.default.Component {
             }
             this.props.updateBotUILanguage(language);
         };
-        this.playSound = debounce_1.default(() => __awaiter(this, void 0, void 0, function* () {
+        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
@@ -143,13 +163,12 @@ class Web extends react_1.default.Component {
                 this.props.resetUnread();
             }
         };
-        utils_1.checkLocationOrigin();
-        utils_1.initializeAnalytics();
+        (0, utils_1.checkLocationOrigin)();
+        (0, utils_1.initializeAnalytics)();
     }
     componentDidMount() {
         return __awaiter(this, void 0, void 0, function* () {
-            // TODO: serve this from cdn
-            this.audio = new Audio(`${window.ROOT_PATH}/assets/modules/channel-web/notification.mp3`);
+            this.audio = new Audio(require('url:../assets/notification.mp3'));
             this.props.store.setIntlProvider(this.props.intl);
             window.store = this.props.store;
             window.addEventListener('message', this.handleIframeApi);
@@ -200,7 +219,7 @@ class Web extends react_1.default.Component {
             this.config = this.extractConfig();
             if (this.config.exposeStore) {
                 const storePath = this.config.chatId ? `${this.config.chatId}.webchat_store` : 'webchat_store';
-                set_1.default(window.parent, storePath, this.props.store);
+                (0, set_1.default)(window.parent, storePath, this.props.store);
             }
             if (this.config.overrides) {
                 this.loadOverrides(this.config.overrides);
@@ -256,7 +275,7 @@ class Web extends react_1.default.Component {
     }
     loadOverrides(overrides) {
         try {
-            for (const override of _values(overrides)) {
+            for (const override of Object.values(overrides)) {
                 // TODO: load module view this can't work
                 // override.map(({ module }) => this.props.bp!.loadModuleView(module, true))
             }
@@ -266,7 +285,7 @@ class Web extends react_1.default.Component {
         }
     }
     setupObserver() {
-        mobx_1.observe(this.props.config, 'userId', (data) => __awaiter(this, void 0, void 0, function* () {
+        (0, mobx_1.observe)(this.props.config, 'userId', (data) => __awaiter(this, void 0, void 0, function* () {
             if (!data.oldValue || data.oldValue === data.newValue) {
                 return;
             }
@@ -276,12 +295,12 @@ class Web extends react_1.default.Component {
             yield this.socket.waitForUserId();
             yield this.props.initializeChat();
         }));
-        mobx_1.observe(this.props.config, 'overrides', (data) => {
+        (0, mobx_1.observe)(this.props.config, 'overrides', (data) => {
             if (data.newValue && window.parent) {
                 this.loadOverrides(data.newValue);
             }
         });
-        mobx_1.observe(this.props.dimensions, 'container', (data) => {
+        (0, mobx_1.observe)(this.props.dimensions, 'container', (data) => {
             if (data.newValue && window.parent) {
                 this.postMessageToParent('setWidth', data.newValue);
             }
@@ -298,7 +317,7 @@ class Web extends react_1.default.Component {
         if (!this.props.showWidgetButton) {
             return null;
         }
-        return (react_1.default.createElement("button", { className: classnames_1.default('bpw-widget-btn', 'bpw-floating-button', {
+        return (react_1.default.createElement("button", { className: (0, classnames_1.default)('bpw-widget-btn', 'bpw-floating-button', {
                 [`bpw-anim-${this.props.widgetTransition}` || 'none']: true
             }), "aria-label": this.props.intl.formatMessage({ id: 'widget.toggle' }), onClick: this.props.showChat.bind(this) },
             react_1.default.createElement(Chat_1.default, null),
@@ -306,7 +325,7 @@ class Web extends react_1.default.Component {
     }
     applyAndRenderStyle() {
         const emulatorClass = this.props.isEmulator ? ' emulator' : '';
-        const parentClass = classnames_1.default(`bp-widget-web bp-widget-${this.props.activeView}${emulatorClass}`, {
+        const parentClass = (0, classnames_1.default)(`bp-widget-web bp-widget-${this.props.activeView}${emulatorClass}`, {
             'bp-widget-hidden': !this.props.showWidgetButton && this.props.displayWidgetView,
             [this.props.config.className]: !!this.props.config.className
         });
@@ -314,11 +333,11 @@ class Web extends react_1.default.Component {
             this.postMessageToParent('setClass', parentClass);
             this.parentClass = parentClass;
         }
-        const { isEmulator, stylesheet, extraStylesheet } = this.props.config;
+        const { stylesheet, extraStylesheet } = this.props.config;
+        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 && react_1.default.createElement(Stylesheet_1.default, { href: `assets/modules/channel-web/default${isEmulator ? '-emulator' : ''}.css` }),
-            !utils_1.isIE && react_1.default.createElement(Stylesheet_1.default, { href: 'assets/modules/channel-web/font.css' }),
+            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 })));
     }
     render() {
@@ -334,7 +353,7 @@ class Web extends react_1.default.Component {
             this.props.displayWidgetView ? this.renderWidget() : react_1.default.createElement(Container_1.default, null)));
     }
 }
-exports.default = mobx_react_1.inject(({ store }) => ({
+exports.default = (0, mobx_react_1.inject)(({ store }) => ({
     store,
     config: store.config,
     sendData: store.sendData,
@@ -366,6 +385,6 @@ exports.default = mobx_react_1.inject(({ store }) => ({
     widgetTransition: store.view.widgetTransition,
     displayWidgetView: store.view.displayWidgetView,
     setLoadingCompleted: store.view.setLoadingCompleted,
-    sendFeedback: store.sendFeedback
-    // @ts-ignore
-}))(react_intl_1.injectIntl(mobx_react_1.observer(Web)));
+    sendFeedback: store.sendFeedback,
+    updateLastMessage: store.updateLastMessage
+}))((0, react_intl_1.injectIntl)((0, mobx_react_1.observer)(Web)));

package/dist/store/composer.js

@@ -36,11 +36,11 @@ class ComposerStore {
     }
     addMessageToHistory(text) {
         var _a;
-        if (last_1.default(this._sentHistory) !== text) {
+        if ((0, last_1.default)(this._sentHistory) !== text) {
             this._sentHistory.push(text);
             this._sentHistoryIndex = 0;
             if (this.rootStore.config.enablePersistHistory) {
-                (_a = window.BP_STORAGE) === null || _a === void 0 ? void 0 : _a.set(SENT_HISTORY_KEY, takeRight_1.default(this._sentHistory, constants_1.default.SENT_HISTORY_SIZE));
+                (_a = window.BP_STORAGE) === null || _a === void 0 ? void 0 : _a.set(SENT_HISTORY_KEY, (0, takeRight_1.default)(this._sentHistory, constants_1.default.SENT_HISTORY_SIZE));
             }
         }
     }

package/dist/store/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl';
 import BpSocket from '../core/socket';
 import { BotInfo, Config, CurrentConversation, EventFeedback, Message, MessageWrapper, QueuedMessage, RecentConversation, StudioConnector, uuid } from '../typings';
 import ComposerStore from './composer';
@@ -18,7 +18,7 @@ declare class RootStore {
     preferredLanguage: string;
     isInitialized: boolean;
     messageFeedbacks: EventFeedback[];
-    intl: InjectedIntl;
+    intl: IntlShape;
     isBotTyping: import("mobx").IObservableValue<boolean>;
     /** When a wrapper is defined, every messages are wrapped by the specified component */
     messageWrapper: MessageWrapper | undefined;
@@ -27,7 +27,7 @@ declare class RootStore {
     constructor(options: {
         fullscreen: boolean;
     }, config?: Config);
-    setIntlProvider(provider: InjectedIntl): void;
+    setIntlProvider(provider: IntlShape): void;
     setSocket(socket: BpSocket): void;
     get isConversationStarted(): boolean;
     get botName(): string;
@@ -40,6 +40,7 @@ declare class RootStore {
     get currentConversationId(): uuid;
     postMessage(name: string, payload?: any): void;
     updateMessages(messages: Message[]): void;
+    updateLastMessage(conversationId: string, message?: Message): void;
     clearMessages(): void;
     deleteConversation(): Promise<void>;
     loadEventInDebugger(messageId: uuid, isManual?: boolean): Promise<void>;
@@ -62,7 +63,6 @@ declare class RootStore {
     setReference(): Promise<void>;
     resetConversation(): void;
     resetSession(): Promise<void>;
-    sendUserVisit(): Promise<void>;
     extractFeedback(messages: Message[]): Promise<void>;
     sendFeedback(feedback: number, messageId: string): Promise<void>;
     downloadConversation(): Promise<void>;