@botpress/webchat 0.2.4 → 0.3.1

package/dist/core/api.js

@@ -8,24 +8,19 @@ 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 axios_1 = __importDefault(require("axios"));
 const uuid_1 = require("uuid");
 class WebchatApi {
     constructor(socket) {
         this.socket = socket;
     }
-    fetchBotInfo(mediaFileServiceUrl) {
+    listCurrentConversationMessages(limit) {
         return __awaiter(this, void 0, void 0, function* () {
             try {
-                const { data } = yield axios_1.default.get(mediaFileServiceUrl);
-                return data;
+                return this.socket.socket.listMessages(limit);
             }
             catch (err) {
-                console.error('Error while loading bot info', err);
+                console.error('An error occurred while listing the messages of the current conversation', err);
             }
         });
     }
@@ -37,8 +32,8 @@ class WebchatApi {
                 for (const conversation of conversations) {
                     const limit = 1;
                     yield this.socket.socket.switchConversation(conversation.id);
-                    const lastMessages = yield this.socket.socket.listMessages(limit);
-                    if (lastMessages.length >= limit) {
+                    const lastMessages = yield this.listCurrentConversationMessages(limit);
+                    if (lastMessages && lastMessages.length >= limit) {
                         conversation.lastMessage = lastMessages[0];
                     }
                 }
@@ -63,16 +58,6 @@ class WebchatApi {
             }
         });
     }
-    // TODO: Fis this
-    resetSession(conversationId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-            }
-            catch (err) {
-                console.error('Error while resetting conversation', err);
-            }
-        });
-    }
     createConversation() {
         return __awaiter(this, void 0, void 0, function* () {
             try {
@@ -119,15 +104,6 @@ class WebchatApi {
             return this.socket.socket.sendFeedback(messageId, feedback);
         });
     }
-    uploadFile(file, payload, conversationId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const data = new FormData();
-            data.append('file', file);
-            data.append('conversationId', conversationId);
-            data.append('payload', payload);
-            return this.axios.post('/messages/files', data, this.axiosConfig);
-        });
-    }
     // TODO: Fix this
     sendVoiceMessage(voice, ext, conversationId) {
         return __awaiter(this, void 0, void 0, function* () {

package/dist/core/constants.d.ts

@@ -1,42 +1,14 @@
+import { Config } from '../typings';
 declare const _default: {
-    /** These types are sent using the /message/ endpoint */
-    MESSAGE_TYPES: string[];
     /** The duration of the hide / show chat */
-    ANIM_DURATION: number;
+    ANIMATION_DURATION: number;
     MIN_TIME_BETWEEN_SOUNDS: number;
-    HISTORY_STARTING_POINT: number;
-    HISTORY_MAX_MESSAGES: number;
+    SENT_HISTORY_SIZE: number;
     /** The number of minutes before a new timestamp is displayed */
     TIME_BETWEEN_DATES: number;
     DEFAULT_LAYOUT_WIDTH: number;
     DEFAULT_CONTAINER_WIDTH: number;
-    SENT_HISTORY_SIZE: number;
     /** The default configuration when starting the chat */
-    DEFAULT_CONFIG: {
-        userId: undefined;
-        extraStylesheet: string;
-        botName: undefined;
-        botConvoDescription: undefined;
-        overrides: undefined;
-        enableReset: boolean;
-        enableTranscriptDownload: boolean;
-        enableArrowNavigation: boolean;
-        showConversationsButton: boolean;
-        useSessionStorage: boolean;
-        showUserName: boolean;
-        showUserAvatar: boolean;
-        showTimestamp: boolean;
-        disableAnimations: boolean;
-        hideWidget: boolean;
-        externalAuthToken: undefined;
-        showPoweredBy: boolean;
-        enablePersistHistory: boolean;
-        enableResetSessionShortcut: boolean;
-        enableVoiceComposer: boolean;
-        enableConversationDeletion: boolean;
-        closeOnEscape: boolean;
-        recentConversationLifetime: string;
-        startNewConvoOnTimeout: boolean;
-    };
+    DEFAULT_CONFIG: Partial<Config>;
 };
 export default _default;

package/dist/core/constants.js

@@ -1,43 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const DEFAULT_CONFIG = {
+    botName: undefined,
+    botConversationDescription: undefined,
+    enableTranscriptDownload: true,
+    showConversationsButton: true,
+    useSessionStorage: false,
+    showTimestamp: false,
+    disableAnimations: false,
+    hideWidget: false,
+    showPoweredBy: false,
+    enablePersistHistory: true,
+    enableVoiceComposer: false,
+    enableConversationDeletion: false,
+    closeOnEscape: true
+};
 exports.default = {
-    /** These types are sent using the /message/ endpoint */
-    MESSAGE_TYPES: ['text', 'quick_reply', 'form', 'login_prompt', 'visit', 'postback'],
     /** The duration of the hide / show chat */
-    ANIM_DURATION: 300,
+    ANIMATION_DURATION: 300,
     MIN_TIME_BETWEEN_SOUNDS: 1000,
-    HISTORY_STARTING_POINT: -1,
-    HISTORY_MAX_MESSAGES: 10,
+    SENT_HISTORY_SIZE: 20,
     /** The number of minutes before a new timestamp is displayed */
     TIME_BETWEEN_DATES: 10,
     DEFAULT_LAYOUT_WIDTH: 360,
     DEFAULT_CONTAINER_WIDTH: 360,
-    SENT_HISTORY_SIZE: 20,
     /** The default configuration when starting the chat */
-    DEFAULT_CONFIG: {
-        userId: undefined,
-        extraStylesheet: '',
-        botName: undefined,
-        botConvoDescription: undefined,
-        overrides: undefined,
-        enableReset: true,
-        enableTranscriptDownload: true,
-        enableArrowNavigation: false,
-        showConversationsButton: true,
-        useSessionStorage: false,
-        showUserName: false,
-        showUserAvatar: false,
-        showTimestamp: false,
-        disableAnimations: false,
-        hideWidget: false,
-        externalAuthToken: undefined,
-        showPoweredBy: window.SHOW_POWERED_BY,
-        enablePersistHistory: true,
-        enableResetSessionShortcut: false,
-        enableVoiceComposer: false,
-        enableConversationDeletion: false,
-        closeOnEscape: true,
-        recentConversationLifetime: '5h',
-        startNewConvoOnTimeout: false
-    }
+    DEFAULT_CONFIG
 };

package/dist/core/socket.d.ts

@@ -3,16 +3,10 @@ import { Config } from '../typings';
 export default class BpSocket {
     socket: MessagingSocket;
     private chatId;
-    private waitingForUser?;
-    onClear: (event: any) => void;
     onMessage: (event: any) => void;
-    onTyping: (event: any) => void;
-    onData: (event: any) => void;
-    onUserIdChanged: (userId: string) => void;
     constructor(config: Config);
     setup(): void;
     sendPayload(payload: any): Promise<Message>;
     postToParent: (_type: string, payload: any) => void;
-    /** Waits until the VISITOR ID and VISITOR SOCKET ID is set  */
-    waitForUserId(): Promise<void>;
+    connect(): Promise<void>;
 }

package/dist/core/socket.js

@@ -14,23 +14,14 @@ class BpSocket {
     constructor(config) {
         this.postToParent = (_type, payload) => {
             var _a;
-            // we could filter on event type if necessary
             (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage(Object.assign(Object.assign({}, payload), { chatId: this.chatId }), '*');
         };
         this.chatId = config.chatId;
         this.socket = new messaging_socket_1.MessagingSocket({ url: config.messagingUrl, clientId: config.clientId });
+        window.websocket = this.socket;
     }
     setup() {
         this.socket.on('message', this.onMessage);
-        /*
-        this.events.on('guest.webchat.clear', this.onClear)
-        this.events.on('guest.webchat.message', this.onMessage)
-        this.events.on('guest.webchat.typing', this.onTyping)
-        this.events.on('guest.webchat.data', this.onData)
-        */
-        // firehose events to parent page
-        // TODO: why do we need this
-        // this.events.onAny(this.postToParent)
     }
     sendPayload(payload) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -39,28 +30,15 @@ class BpSocket {
             return message;
         });
     }
-    /** Waits until the VISITOR ID and VISITOR SOCKET ID is set  */
-    waitForUserId() {
+    connect() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.waitingForUser) {
-                return this.waitingForUser;
+            const creds = window.BP_STORAGE.get('creds');
+            yield this.socket.connect(creds);
+            if (this.socket.userId) {
+                const userId = this.socket.userId;
+                window.BP_STORAGE.set('creds', this.socket.creds);
+                this.postToParent('', { userId });
             }
-            this.waitingForUser = new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
-                const creds = window.BP_STORAGE.get('creds');
-                yield this.socket.connect(creds);
-                if (this.socket.userId) {
-                    const userId = this.socket.userId;
-                    window.BP_STORAGE.set('creds', this.socket.creds);
-                    this.onUserIdChanged(userId);
-                    this.postToParent('', { userId });
-                    resolve();
-                }
-                else {
-                    this.waitingForUser = undefined;
-                    reject();
-                }
-            }));
-            return this.waitingForUser;
         });
     }
 }

package/dist/index.d.ts

@@ -1,23 +1,17 @@
 import React from 'react';
 import { RootStore } from './store';
 import { Config } from './typings';
-export declare const Embedded: (props: any) => ExposedWebChat;
-export declare const Fullscreen: (props: any) => ExposedWebChat;
 interface State {
     store: RootStore;
 }
 interface Props {
-    config: Config;
+    config?: Config;
     fullscreen?: boolean;
 }
 export declare class ExposedWebChat extends React.Component<Props, State> {
     constructor(props: Props);
     render(): JSX.Element;
 }
-/**
- * @deprecated Since the way views are handled has changed, we're also exporting views in lowercase.
- * https://botpress.com/docs/developers/migrate/
- */
-export { Embedded as embedded } from '.';
-export { Fullscreen as fullscreen } from '.';
+export declare const Embedded: (props: Props) => ExposedWebChat;
+export declare const Fullscreen: (props: Props) => ExposedWebChat;
 export * from './typings';

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.fullscreen = exports.embedded = exports.ExposedWebChat = exports.Fullscreen = exports.Embedded = void 0;
+exports.Fullscreen = exports.Embedded = exports.ExposedWebChat = void 0;
 const mobx_1 = require("mobx");
 const mobx_react_1 = require("mobx-react");
 const react_1 = __importDefault(require("react"));
@@ -23,19 +23,10 @@ const store_1 = require("./store");
 const translations_1 = require("./translations");
 const storage_1 = __importDefault(require("./utils/storage"));
 (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 }));
-exports.Fullscreen = Fullscreen;
 class ExposedWebChat extends react_1.default.Component {
     constructor(props) {
         super(props);
-        const { clientId, encryptionKey, useSessionStorage } = props.config;
-        window.BP_STORAGE = new storage_1.default({
-            clientId,
-            encryptionKey,
-            useSessionStorage
-        });
+        window.BP_STORAGE = new storage_1.default(props.config);
         this.state = {
             store: new store_1.RootStore({ fullscreen: props.fullscreen }, props.config)
         };
@@ -44,32 +35,14 @@ class ExposedWebChat extends react_1.default.Component {
         const store = this.state.store;
         const { botUILanguage: locale } = store;
         return (react_1.default.createElement(mobx_react_1.Provider, { store: store },
-            react_1.default.createElement(react_intl_1.IntlProvider, { locale: locale, messages: translations_1.translations[locale], defaultLocale: translations_1.defaultLocale },
-                react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(main_1.default, Object.assign({ store: store }, this.props))))));
+            react_1.default.createElement(react_intl_1.IntlProvider, { locale: locale, messages: translations_1.translations[locale || translations_1.defaultLocale], defaultLocale: translations_1.defaultLocale },
+                react_1.default.createElement(main_1.default, Object.assign({}, this.props)))));
     }
 }
 exports.ExposedWebChat = ExposedWebChat;
-// TODO: what does this observer do?
 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/
- */
-var _1 = require(".");
-Object.defineProperty(exports, "embedded", { enumerable: true, get: function () { return _1.Embedded; } });
-var _2 = require(".");
-Object.defineProperty(exports, "fullscreen", { enumerable: true, get: function () { return _2.Fullscreen; } });
+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 }));
+exports.Fullscreen = Fullscreen;
 __exportStar(require("./typings"), exports);
-// TODO: export this
-/*
-export {
-  Carousel,
-  QuickReplies,
-  LoginPrompt,
-  Text,
-  FileMessage,
-  FileInput,
-  Button
-} from './components/messages/renderer'
-*/

package/dist/main.d.ts

@@ -9,5 +9,5 @@ declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omi
 } & import("mobx-react").IWrappedComponent<unknown>;
 export default _default;
 declare type MainProps = {
-    store: RootStore;
-} & WrappedComponentProps & Pick<StoreDef, 'config' | 'initializeChat' | 'botInfo' | 'fetchBotInfo' | 'sendMessage' | 'setUserId' | 'sendData' | 'intl' | 'updateTyping' | 'updateBotUILanguage' | 'hideChat' | 'showChat' | 'toggleBotInfo' | 'widgetTransition' | 'activeView' | 'isFullscreen' | 'unreadCount' | 'hasUnreadMessages' | 'showWidgetButton' | 'addEventToConversation' | 'clearMessages' | 'updateConfig' | 'mergeConfig' | 'isWebchatReady' | 'incrementUnread' | 'displayWidgetView' | 'resetUnread' | 'setLoadingCompleted' | 'dimensions' | 'updateLastMessage'>;
+    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'>;