@botpress/webchat 0.2.3 → 0.3.0

package/dist/components/messages/MessageList.js

@@ -17,22 +17,6 @@ class MessageList extends react_1.default.Component {
     constructor() {
         super(...arguments);
         this.state = { showNewMessageIndicator: false, manualScroll: false };
-        this.handleKeyDown = (e) => {
-            if (!this.props.enableArrowNavigation) {
-                return;
-            }
-            const maxScroll = this.messagesDiv.scrollHeight - this.messagesDiv.clientHeight;
-            const shouldFocusNext = e.key === 'ArrowRight' || (e.key === 'ArrowDown' && this.messagesDiv.scrollTop === maxScroll);
-            const shouldFocusPrevious = e.key === 'ArrowLeft' || (e.key === 'ArrowUp' && this.messagesDiv.scrollTop === 0);
-            if (shouldFocusNext) {
-                this.messagesDiv.blur();
-                this.props.focusNext();
-            }
-            if (shouldFocusPrevious) {
-                this.messagesDiv.blur();
-                this.props.focusPrevious();
-            }
-        };
         this.shouldDisplayMessage = (m) => {
             return m.payload.type !== 'postback';
         };
@@ -60,7 +44,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((0, 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 }));
@@ -96,7 +80,7 @@ class MessageList extends react_1.default.Component {
             react_1.default.createElement("div", { className: 'bpw-small-line' })));
     }
     renderAvatar(name, url) {
-        const avatarSize = this.props.isEmulator ? 20 : 40; // quick fix
+        const avatarSize = 40;
         return react_1.default.createElement(Avatar_1.default, { name: name, avatarUrl: url, height: avatarSize, width: avatarSize });
     }
     renderMessageGroups() {
@@ -106,8 +90,7 @@ class MessageList extends react_1.default.Component {
         let lastDate = undefined;
         let currentGroup = undefined;
         messages.forEach((m) => {
-            var _a, _b;
-            const speaker = ((_b = (_a = m.payload.channel) === null || _a === void 0 ? void 0 : _a.web) === null || _b === void 0 ? void 0 : _b.userName) || m.authorId;
+            const speaker = m.authorId;
             const date = m.sentOn;
             // Create a new group if messages are separated by more than X minutes or if different speaker
             if (speaker !== lastSpeaker ||
@@ -134,24 +117,21 @@ class MessageList extends react_1.default.Component {
             });
         }
         return (react_1.default.createElement("div", null, groups.map((group, i) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            var _a;
             const lastGroup = groups[i - 1];
             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] ||
                 (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 &&
-                    this.renderAvatar((_c = (_b = payload.channel) === null || _b === void 0 ? void 0 : _b.web) === null || _c === void 0 ? void 0 : _c.userName, (_e = (_d = payload.channel) === null || _d === void 0 ? void 0 : _d.web) === null || _e === void 0 ? void 0 : _e.avatarUrl)
-                : this.renderAvatar(this.props.botName, ((_g = (_f = payload.channel) === null || _f === void 0 ? void 0 : _f.web) === null || _g === void 0 ? void 0 : _g.avatarUrl) || this.props.botAvatarUrl);
+            const [{ authorId }] = group;
+            const avatar = !authorId && this.renderAvatar(this.props.botName, this.props.botAvatarUrl);
             return (react_1.default.createElement("div", { key: i },
                 isDateNeeded && this.renderDate(group[0].sentOn),
-                react_1.default.createElement(MessageGroup_1.default, { isBot: !authorId, avatar: avatar, userName: (_j = (_h = payload.channel) === null || _h === void 0 ? void 0 : _h.web) === null || _j === void 0 ? void 0 : _j.userName, key: `msg-group-${i}`, isLastGroup: i >= groups.length - 1, messages: group })));
+                react_1.default.createElement(MessageGroup_1.default, { isBot: !authorId, avatar: avatar, key: `msg-group-${i}`, isLastGroup: i >= groups.length - 1, messages: group })));
         })));
     }
     render() {
-        return (react_1.default.createElement("div", { tabIndex: 0, onKeyDown: this.handleKeyDown, className: 'bpw-msg-list', ref: (m) => {
+        return (react_1.default.createElement("div", { tabIndex: 0, className: 'bpw-msg-list', ref: (m) => {
                 this.messagesDiv = m;
             }, onScroll: this.handleScroll },
             this.state.showNewMessageIndicator && (react_1.default.createElement("div", { className: "bpw-new-messages-indicator", onClick: (e) => this.tryScrollToBottom() },
@@ -163,7 +143,6 @@ class MessageList extends react_1.default.Component {
 }
 exports.default = (0, mobx_react_1.inject)(({ store }) => ({
     intl: store.intl,
-    isEmulator: store.isEmulator,
     botName: store.botName,
     isBotTyping: store.isBotTyping,
     botAvatarUrl: store.botAvatarUrl,
@@ -171,7 +150,5 @@ exports.default = (0, mobx_react_1.inject)(({ store }) => ({
     focusPrevious: store.view.focusPrevious,
     focusNext: store.view.focusNext,
     focusedArea: store.view.focusedArea,
-    showUserAvatar: store.config.showUserAvatar,
-    enableArrowNavigation: store.config.enableArrowNavigation,
     preferredLanguage: store.preferredLanguage
 }))((0, react_intl_1.injectIntl)((0, mobx_react_1.observer)(MessageList)));

package/dist/core/api.d.ts

@@ -1,19 +1,12 @@
 /// <reference types="node" />
 import { Message } from '@botpress/messaging-socket';
-import { RecentConversation } from '..';
-import { EventFeedback, uuid } from '../typings';
+import { uuid, RecentConversation } from '../typings';
 import BpSocket from './socket';
 export default class WebchatApi {
     private socket;
-    private axios;
-    private axiosConfig;
-    private userId;
     constructor(socket: BpSocket);
-    private get baseUserPayload();
-    fetchBotInfo(): Promise<any>;
-    fetchPreferences(): Promise<any>;
-    updateUserPreferredLanguage(language: string): Promise<void>;
-    fetchConversations(): Promise<RecentConversation[] | undefined>;
+    listCurrentConversationMessages(limit?: number): Promise<Message[] | undefined>;
+    fetchConversations(): Promise<RecentConversation[]>;
     fetchConversation(conversationId: uuid): Promise<{
         messages: Message[];
         id?: string | undefined;
@@ -21,17 +14,10 @@ export default class WebchatApi {
         userId?: string | undefined;
         createdOn?: Date | undefined;
     } | 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>;
+    deleteConversation(conversationId: uuid): Promise<void>;
     sendFeedback(feedback: number, messageId: uuid): Promise<void>;
-    getMessageIdsFeedbackInfo(messageIds: uuid[]): Promise<EventFeedback[] | undefined>;
-    uploadFile(file: File, payload: string, conversationId: uuid): Promise<void>;
     sendVoiceMessage(voice: Buffer, ext: string, conversationId: uuid): Promise<void>;
-    setReference(reference: string, conversationId: uuid): Promise<void>;
-    listByIncomingEvent(messageId: uuid): Promise<any>;
-    handleApiError: (error: any) => Promise<void>;
 }

package/dist/core/api.js

@@ -8,79 +8,40 @@ 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 get_1 = __importDefault(require("lodash/get"));
 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 = (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();
-            }
-        });
     }
-    get baseUserPayload() {
-        return {
-            webSessionId: window.__BP_VISITOR_SOCKET_ID
-        };
-    }
-    fetchBotInfo() {
+    listCurrentConversationMessages(limit) {
         return __awaiter(this, void 0, void 0, function* () {
             try {
-                const { data } = yield this.axios.get('/botInfo', this.axiosConfig);
-                return data;
+                return this.socket.socket.listMessages(limit);
             }
             catch (err) {
-                console.error('Error while loading bot info', err);
-            }
-        });
-    }
-    fetchPreferences() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const { data } = yield this.axios.post('/preferences/get', this.baseUserPayload, this.axiosConfig);
-                return data;
-            }
-            catch (err) {
-                console.error('Error while fetching preferences', err);
-            }
-        });
-    }
-    updateUserPreferredLanguage(language) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                yield this.axios.post('/preferences', Object.assign(Object.assign({}, this.baseUserPayload), { language }), this.axiosConfig);
-            }
-            catch (err) {
-                console.error('Error in updating user preferred language', err);
+                console.error('An error occurred while listing the messages of the current conversation', err);
             }
         });
     }
     fetchConversations() {
         return __awaiter(this, void 0, void 0, function* () {
             try {
-                const convos = (yield this.socket.socket.listConversations());
+                const conversations = (yield this.socket.socket.listConversations());
                 // Add the last message of each conversation
-                for (const convo of convos) {
+                for (const conversation of conversations) {
                     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];
+                    yield this.socket.socket.switchConversation(conversation.id);
+                    const lastMessages = yield this.listCurrentConversationMessages(limit);
+                    if (lastMessages && lastMessages.length >= limit) {
+                        conversation.lastMessage = lastMessages[0];
                     }
                 }
-                return convos;
+                return conversations;
             }
             catch (err) {
-                console.error('Error while fetching convos', err);
+                console.error('Error while fetching users conversations', err);
+                return [];
             }
         });
     }
@@ -93,17 +54,7 @@ class WebchatApi {
                 return Object.assign(Object.assign({}, conversation), { messages });
             }
             catch (err) {
-                yield this.handleApiError(err);
-            }
-        });
-    }
-    resetSession(conversationId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                yield this.axios.post('/conversations/reset', Object.assign(Object.assign({}, this.baseUserPayload), { conversationId }), this.axiosConfig);
-            }
-            catch (err) {
-                console.error('Error while resetting conversation', err);
+                console.error('Error fetching a conversation', err);
             }
         });
     }
@@ -114,7 +65,7 @@ class WebchatApi {
                 return conversation.id;
             }
             catch (err) {
-                console.error('Error in create conversation', err);
+                console.error('Error creating conversation', err);
             }
         });
     }
@@ -124,118 +75,42 @@ class WebchatApi {
                 yield this.socket.socket.startConversation();
             }
             catch (err) {
-                console.error('Error in start conversation', err);
+                console.error('Error starting conversation', err);
             }
         });
     }
-    downloadConversation(conversationId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const { data } = yield this.axios.post('/conversations/download/txt', Object.assign(Object.assign({}, this.baseUserPayload), { conversationId }), this.axiosConfig);
-                return { name: data.name, txt: data.txt };
-            }
-            catch (err) {
-                console.error('Error in download conversation', err);
-            }
-        });
-    }
-    // TODO: we don't have a /events route available for this
-    /*
-    async sendEvent(payload: any, conversationId: uuid): Promise<void> {
-      try {
-        return this.axios.post('/events', { ...this.baseUserPayload, conversationId, payload }, this.axiosConfig)
-      } catch (err) {
-        await this.handleApiError(err)
-      }
-    }
-    */
     sendMessage(payload, conversationId) {
         return __awaiter(this, void 0, void 0, function* () {
             try {
                 return this.socket.sendPayload(payload);
             }
             catch (err) {
-                yield this.handleApiError(err);
+                console.error('Error sending message', err);
             }
         });
     }
-    deleteMessages(conversationId) {
+    deleteConversation(conversationId) {
         return __awaiter(this, void 0, void 0, function* () {
             try {
-                yield this.axios.post('/conversations/messages/delete', Object.assign(Object.assign({}, this.baseUserPayload), { conversationId }), this.axiosConfig);
+                yield this.socket.socket.deleteConversation(conversationId);
             }
             catch (err) {
-                yield this.handleApiError(err);
+                console.error('Error deleting conversation', err);
             }
         });
     }
     sendFeedback(feedback, messageId) {
         return __awaiter(this, void 0, void 0, function* () {
-            try {
-                return this.socket.socket.sendFeedback(messageId, feedback);
-            }
-            catch (err) {
-                yield this.handleApiError(err);
-            }
-        });
-    }
-    getMessageIdsFeedbackInfo(messageIds) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const { data } = yield this.axios.post('/feedbackInfo', { messageIds, target: this.userId }, this.axiosConfig);
-                return data;
-            }
-            catch (err) {
-                yield this.handleApiError(err);
-            }
-        });
-    }
-    uploadFile(file, payload, conversationId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const data = new FormData();
-                data.append('file', file);
-                data.append('webSessionId', this.baseUserPayload.webSessionId);
-                data.append('conversationId', conversationId);
-                data.append('payload', payload);
-                return this.axios.post('/messages/files', data, this.axiosConfig);
-            }
-            catch (err) {
-                yield this.handleApiError(err);
-            }
+            return this.socket.socket.sendFeedback(messageId, feedback);
         });
     }
+    // TODO: Fix this
     sendVoiceMessage(voice, ext, conversationId) {
         return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const audio = {
-                    buffer: voice.toString('base64'),
-                    title: `${(0, uuid_1.v4)()}.${ext}`
-                };
-                return this.axios.post('/messages/voice', Object.assign(Object.assign({}, this.baseUserPayload), { conversationId, audio }), this.axiosConfig);
-            }
-            catch (err) {
-                yield this.handleApiError(err);
-            }
-        });
-    }
-    setReference(reference, conversationId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // TODO: this can't work. We don't have a reference route
-            try {
-                return this.axios.post('/conversations/reference', Object.assign(Object.assign({}, this.baseUserPayload), { conversationId, reference }), this.axiosConfig);
-            }
-            catch (err) {
-                yield this.handleApiError(err);
-            }
-        });
-    }
-    listByIncomingEvent(messageId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { data: messages } = yield this.axios.get(`/messaging/list-by-incoming-event/${messageId}`, {
-                baseURL: window['BOT_API_PATH']
-            });
-            return messages;
+            const audio = {
+                buffer: voice.toString('base64'),
+                title: `${(0, uuid_1.v4)()}.${ext}`
+            };
         });
     }
 }

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,21 +3,10 @@ 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;
-    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>;
-    getStorage<T>(key: string): T | undefined;
-    setStorage<T>(key: string, object: T): void;
-    private getStorageKey;
+    connect(): Promise<void>;
 }

package/dist/core/socket.js

@@ -8,37 +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 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) => {
             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.encryptionKey = config.encryptionKey;
-        this.clientId = config.clientId;
         this.socket = new messaging_socket_1.MessagingSocket({ url: config.messagingUrl, clientId: config.clientId });
     }
     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* () {
@@ -47,64 +29,16 @@ 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 = this.getStorage('creds');
-                yield this.socket.connect(creds);
-                if (this.socket.userId) {
-                    const userId = this.socket.userId;
-                    this.setStorage('creds', this.socket.creds);
-                    this.onUserIdChanged(userId);
-                    this.postToParent('', { userId });
-                    resolve();
-                }
-                else {
-                    this.waitingForUser = undefined;
-                    reject();
-                }
-            }));
-            return this.waitingForUser;
         });
     }
-    getStorage(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 (_b) {
-            return undefined;
-        }
-    }
-    setStorage(key, 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) {
-        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/{components/Stylesheet.d.ts → icons/Cancel.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const _default: ({ href }: {
-    href: string;
+declare const _default: ({ fill }: {
+    fill?: string | undefined;
 }) => JSX.Element;
 export default _default;

package/dist/icons/Cancel.js

@@ -0,0 +1,10 @@
+"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"));
+exports.default = ({ fill = 'black' }) => (react_1.default.createElement("i", null,
+    react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", width: "16px", height: "16px", viewBox: "0 0 492 492", fill: `${fill}` },
+        react_1.default.createElement("g", null,
+            react_1.default.createElement("path", { d: "M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872    c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872    c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052    L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116    c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952    c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116    c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z" })))));

package/dist/icons/Microphone.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: ({ fill }: {
+    fill?: string | undefined;
+}) => JSX.Element;
+export default _default;