@botpress/webchat 0.3.3 → 0.3.4

package/dist/core/socket.d.ts

@@ -1,6 +1,7 @@
 import { Message, MessagingSocket } from '@botpress/messaging-socket';
 import { Config } from '../typings';
 export default class BpSocket {
+    private config;
     socket: MessagingSocket;
     private chatId;
     onMessage: (event: any) => void;
@@ -9,4 +10,6 @@ export default class BpSocket {
     sendPayload(payload: any): Promise<Message>;
     postToParent: (_type: string, payload: any) => void;
     connect(): Promise<void>;
+    reload(config: Config): Promise<void>;
+    private getCreds;
 }

package/dist/core/socket.js

@@ -12,6 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const messaging_socket_1 = require("@botpress/messaging-socket");
 class BpSocket {
     constructor(config) {
+        this.config = config;
         this.postToParent = (_type, payload) => {
             var _a;
             (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage(Object.assign(Object.assign({}, payload), { chatId: this.chatId }), '*');
@@ -32,7 +33,7 @@ class BpSocket {
     }
     connect() {
         return __awaiter(this, void 0, void 0, function* () {
-            const creds = window.BP_STORAGE.get('creds');
+            const creds = this.getCreds();
             yield this.socket.connect(creds);
             if (this.socket.userId) {
                 const userId = this.socket.userId;
@@ -41,5 +42,19 @@ class BpSocket {
             }
         });
     }
+    reload(config) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.config = config;
+            const creds = this.getCreds();
+            if ((creds === null || creds === void 0 ? void 0 : creds.userId) !== this.socket.userId || (creds === null || creds === void 0 ? void 0 : creds.userToken) !== ((_a = this.socket.creds) === null || _a === void 0 ? void 0 : _a.userToken)) {
+                yield this.socket.disconnect();
+                yield this.connect();
+            }
+        });
+    }
+    getCreds() {
+        return this.config.customUser || window.BP_STORAGE.get('creds');
+    }
 }
 exports.default = BpSocket;

package/dist/main.d.ts

@@ -10,4 +10,4 @@ declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omi
 export default _default;
 declare type MainProps = {
     store?: RootStore;
-} & WrappedComponentProps & Pick<StoreDef, 'config' | 'initializeChat' | 'botInfo' | 'fetchBotInfo' | 'sendMessage' | 'sendData' | 'intl' | 'updateTyping' | 'updateBotUILanguage' | 'hideChat' | 'showChat' | 'toggleBotInfo' | 'widgetTransition' | 'activeView' | 'isFullscreen' | 'unreadCount' | 'hasUnreadMessages' | 'showWidgetButton' | 'addEventToConversation' | 'clearMessages' | 'updateConfig' | 'mergeConfig' | 'isWebchatReady' | 'incrementUnread' | 'displayWidgetView' | 'resetUnread' | 'setLoadingCompleted' | 'dimensions' | 'updateLastMessage' | 'fetchConversation' | 'setIntlProvider' | 'setSocket' | 'currentConversationId'>;
+} & WrappedComponentProps & Pick<StoreDef, 'config' | 'initializeChat' | 'botInfo' | 'fetchBotInfo' | 'sendMessage' | 'sendData' | 'intl' | 'updateTyping' | 'updateBotUILanguage' | 'hideChat' | 'showChat' | 'toggleBotInfo' | 'widgetTransition' | 'activeView' | 'isFullscreen' | 'unreadCount' | 'hasUnreadMessages' | 'showWidgetButton' | 'addEventToConversation' | 'clearMessages' | 'updateConfig' | 'mergeConfig' | 'isWebchatReady' | 'incrementUnread' | 'displayWidgetView' | 'resetUnread' | 'setLoadingCompleted' | 'dimensions' | 'updateLastMessage' | 'fetchConversation' | 'setIntlProvider' | 'setSocket' | 'currentConversationId' | 'resetConversation'>;

package/dist/main.js

@@ -68,7 +68,14 @@ class Web extends react_1.default.Component {
                 case 'configure':
                     return this.props.updateConfig(Object.assign({}, constants_1.default.DEFAULT_CONFIG, data.payload));
                 case 'mergeConfig':
-                    return this.props.mergeConfig(data.payload);
+                    this.props.mergeConfig(data.payload);
+                    const oldUserId = this.socket.socket.userId;
+                    yield this.socket.reload(data.payload);
+                    if (this.socket.socket.userId !== oldUserId) {
+                        this.props.resetConversation();
+                        yield this.props.initializeChat();
+                    }
+                    return;
                 case 'sendPayload':
                     return this.props.sendData(data.payload);
                 case 'event':
@@ -318,5 +325,6 @@ exports.default = (0, mobx_react_1.inject)(({ store }) => ({
     fetchConversation: store.fetchConversation,
     setIntlProvider: store.setIntlProvider,
     setSocket: store.setSocket,
-    currentConversationId: store.currentConversationId
+    currentConversationId: store.currentConversationId,
+    resetConversation: store.resetConversation
 }))((0, react_intl_1.injectIntl)((0, mobx_react_1.observer)(Web)));

package/dist/typings.d.ts

@@ -277,6 +277,13 @@ export interface Config {
      * @default ''
      */
     googleMapsAPIKey?: string;
+    /**
+     * Allows setting a custom user id
+     */
+    customUser?: {
+        userId: string;
+        userToken: string;
+    };
 }
 export interface BotDetails {
     website?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botpress/webchat",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "source": "src/index.tsx",