@botpress/webchat 0.0.1 → 0.2.3

package/dist/store/index.js

@@ -24,12 +24,12 @@ const is_valid_1 = __importDefault(require("date-fns/is_valid"));
 const merge_1 = __importDefault(require("lodash/merge"));
 const mobx_1 = require("mobx");
 const api_1 = __importDefault(require("../core/api"));
+const main_1 = require("../main");
 const translations_1 = require("../translations");
 const utils_1 = require("../utils");
 const composer_1 = __importDefault(require("./composer"));
 const view_1 = __importDefault(require("./view"));
-translations_1.initializeLocale();
-const chosenLocale = translations_1.getUserLocale();
+const chosenLocale = (0, translations_1.getUserLocale)();
 class RootStore {
     constructor(options, config) {
         this.conversations = [];
@@ -66,14 +66,10 @@ class RootStore {
     }
     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) ||
-            (this.config.isEmulator
-                ? `${window.ROOT_PATH}/assets/modules/channel-web/images/emulator-default.svg`
-                : undefined));
+        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 utils_1.isRTLLocale(this.preferredLanguage);
+        return (0, utils_1.isRTLLocale)(this.preferredLanguage);
     }
     get escapeHTML() {
         var _a, _b;
@@ -94,6 +90,14 @@ class RootStore {
     updateMessages(messages) {
         this.currentConversation.messages = messages;
     }
+    updateLastMessage(conversationId, message) {
+        for (const conversation of this.conversations) {
+            if (conversation.id === conversationId) {
+                conversation.lastMessage = message;
+                return;
+            }
+        }
+    }
     clearMessages() {
         this.currentConversation.messages = [];
     }
@@ -144,10 +148,10 @@ class RootStore {
                 return;
             }
             let start = new Date();
-            if (is_before_1.default(start, this.currentConversation.typingUntil)) {
+            if ((0, is_before_1.default)(start, this.currentConversation.typingUntil)) {
                 start = this.currentConversation.typingUntil;
             }
-            this.currentConversation.typingUntil = new Date(+start + event.timeInMs);
+            this.currentConversation.typingUntil = new Date(+start + (event.timeInMs || main_1.DEFAULT_TYPING_DELAY));
             this._startTypingTimer();
         });
     }
@@ -157,7 +161,7 @@ class RootStore {
             try {
                 yield this.fetchConversations();
                 yield this.fetchConversation(this.config.conversationId);
-                mobx_1.runInAction('-> setInitialized', () => {
+                (0, mobx_1.runInAction)('-> setInitialized', () => {
                     this.isInitialized = true;
                     this.postMessage('webchatReady');
                 });
@@ -167,13 +171,12 @@ class RootStore {
                 yield this.createConversation();
             }
             yield this.fetchPreferences();
-            yield this.sendUserVisit();
         });
     }
     fetchBotInfo() {
         return __awaiter(this, void 0, void 0, function* () {
             const botInfo = yield this.api.fetchBotInfo();
-            mobx_1.runInAction('-> setBotInfo', () => {
+            (0, mobx_1.runInAction)('-> setBotInfo', () => {
                 this.botInfo = botInfo;
             });
             this.mergeConfig({
@@ -189,7 +192,7 @@ class RootStore {
             if (!preferences.language) {
                 return;
             }
-            mobx_1.runInAction('-> setPreferredLanguage', () => {
+            (0, mobx_1.runInAction)('-> setPreferredLanguage', () => {
                 this.updateBotUILanguage(preferences.language);
             });
         });
@@ -198,7 +201,7 @@ class RootStore {
     fetchConversations() {
         return __awaiter(this, void 0, void 0, function* () {
             const conversations = yield this.api.fetchConversations();
-            mobx_1.runInAction('-> setConversations', () => {
+            (0, mobx_1.runInAction)('-> setConversations', () => {
                 if (!(conversations === null || conversations === void 0 ? void 0 : conversations.length)) {
                     this.view.showBotInfo();
                 }
@@ -218,7 +221,7 @@ class RootStore {
                 conversation.messages = conversation.messages.sort((a, b) => new Date(a.sentOn).getTime() - new Date(b.sentOn).getTime());
                 yield this.extractFeedback(conversation.messages);
             }
-            mobx_1.runInAction('-> setConversation', () => {
+            (0, mobx_1.runInAction)('-> setConversation', () => {
                 this.currentConversation = conversation;
                 this.view.hideConversations();
             });
@@ -237,7 +240,7 @@ class RootStore {
             this.composer.updateMessage('');
             try {
                 yield this.sendData({ type: 'text', text: userMessage });
-                utils_1.trackMessage('sent');
+                (0, utils_1.trackMessage)('sent');
                 this.composer.addMessageToHistory(userMessage);
             }
             catch (e) {
@@ -257,6 +260,7 @@ class RootStore {
     createConversation() {
         return __awaiter(this, void 0, void 0, function* () {
             const newId = yield this.api.createConversation();
+            yield this.api.startConversation();
             yield this.fetchConversations();
             yield this.fetchConversation(newId);
             return newId;
@@ -276,21 +280,12 @@ class RootStore {
             return this.api.resetSession(this.currentConversationId);
         });
     }
-    sendUserVisit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.sendData({
-                type: 'visit',
-                text: 'User visit',
-                timezone: -(new Date().getTimezoneOffset() / 60),
-                language: translations_1.getUserLocale()
-            });
-        });
-    }
     extractFeedback(messages) {
         return __awaiter(this, void 0, void 0, function* () {
             const feedbackMessageIds = messages.filter((x) => x.payload && x.payload.collectFeedback).map((x) => x.id);
-            const feedbackInfo = yield this.api.getMessageIdsFeedbackInfo(feedbackMessageIds);
-            mobx_1.runInAction('-> setFeedbackInfo', () => {
+            // TODO: store feedback somewhere
+            const feedbackInfo = feedbackMessageIds.map((x) => ({ messageId: x, feedback: 1 }));
+            (0, mobx_1.runInAction)('-> setFeedbackInfo', () => {
                 this.messageFeedbacks = feedbackInfo;
             });
         });
@@ -305,7 +300,7 @@ class RootStore {
             try {
                 const { txt, name } = yield this.api.downloadConversation(this.currentConversationId);
                 const blobFile = new Blob([txt]);
-                utils_1.downloadFile(name, blobFile);
+                (0, utils_1.downloadFile)(name, blobFile);
             }
             catch (err) {
                 console.error('Error trying to download conversation');
@@ -325,7 +320,8 @@ class RootStore {
               return this.api.sendEvent(data, this.currentConversationId)
             }
             */
-            yield this.api.sendMessage(data, this.currentConversationId);
+            const message = yield this.api.sendMessage(data, this.currentConversationId);
+            this.updateLastMessage(this.currentConversationId, message);
         });
     }
     uploadFile(title, payload, file) {
@@ -341,7 +337,7 @@ class RootStore {
     }
     /** Use this method to replace a value or add a new config */
     mergeConfig(config) {
-        this.config = merge_1.default(this.config, config);
+        this.config = (0, merge_1.default)(this.config, config);
         this._applyConfig();
     }
     /** This replaces all the configurations by this object */
@@ -363,7 +359,7 @@ class RootStore {
         else if (window.USE_SESSION_STORAGE !== this.config.useSessionStorage) {
             console.warn('[WebChat] "useSessionStorage" value cannot be altered once the webchat is initialized');
         }
-        const locale = this.config.locale ? translations_1.getUserLocale(this.config.locale) : chosenLocale;
+        const locale = this.config.locale ? (0, translations_1.getUserLocale)(this.config.locale) : chosenLocale;
         this.updateBotUILanguage(locale);
         document.documentElement.setAttribute('lang', locale);
         this.publishConfigChanged();
@@ -395,7 +391,7 @@ class RootStore {
         this.isBotTyping.set(true);
         this._typingInterval = setInterval(() => {
             const typeUntil = new Date(this.currentConversation && this.currentConversation.typingUntil);
-            if (!typeUntil || !is_valid_1.default(typeUntil) || is_before_1.default(typeUntil, new Date())) {
+            if (!typeUntil || !(0, is_valid_1.default)(typeUntil) || (0, is_before_1.default)(typeUntil, new Date())) {
                 this._expireTyping();
             }
             else {
@@ -411,8 +407,8 @@ class RootStore {
         this._typingInterval = undefined;
     }
     updateBotUILanguage(lang) {
-        lang = translations_1.getUserLocale(lang); // Ensure language is supported
-        mobx_1.runInAction('-> setBotUILanguage', () => {
+        lang = (0, translations_1.getUserLocale)(lang); // Ensure language is supported
+        (0, mobx_1.runInAction)('-> setBotUILanguage', () => {
             var _a;
             this.botUILanguage = lang;
             this.preferredLanguage = lang;
@@ -422,7 +418,7 @@ class RootStore {
     emptyDelayedMessagesQueue(removeAll) {
         while (this.delayedMessages.length) {
             const message = this.delayedMessages[0];
-            if (removeAll || is_before_1.default(message.showAt, new Date())) {
+            if (removeAll || (0, is_before_1.default)(message.showAt, new Date())) {
                 this.currentConversation.messages.push(message.message);
                 this.delayedMessages.shift();
             }
@@ -517,6 +513,9 @@ __decorate([
 __decorate([
     mobx_1.action.bound
 ], RootStore.prototype, "updateMessages", null);
+__decorate([
+    mobx_1.action.bound
+], RootStore.prototype, "updateLastMessage", null);
 __decorate([
     mobx_1.action.bound
 ], RootStore.prototype, "clearMessages", null);
@@ -565,9 +564,6 @@ __decorate([
 __decorate([
     mobx_1.action.bound
 ], RootStore.prototype, "resetSession", null);
-__decorate([
-    mobx_1.action.bound
-], RootStore.prototype, "sendUserVisit", null);
 __decorate([
     mobx_1.action.bound
 ], RootStore.prototype, "extractFeedback", null);

package/dist/store/view.js

@@ -157,7 +157,7 @@ class ViewStore {
     /** Updates one or multiple properties of a specific button */
     updateHeaderButton(buttonId, newProps) {
         const button = this.customButtons.find((btn) => btn.id === buttonId);
-        button && merge_1.default(button, newProps);
+        button && (0, merge_1.default)(button, newProps);
     }
     removeHeaderButton(buttonId) {
         this.customButtons = this.customButtons.filter((btn) => btn.id !== buttonId);
@@ -195,7 +195,7 @@ class ViewStore {
     }
     _endAnimation(finalView) {
         setTimeout(() => {
-            mobx_1.runInAction(() => {
+            (0, mobx_1.runInAction)(() => {
                 this.activeView = finalView;
             });
         }, constants_1.default.ANIM_DURATION);

package/dist/translations/index.d.ts

@@ -4,5 +4,4 @@ declare const translations: {
     [lang: string]: any;
 };
 declare const getUserLocale: (manualLocale?: Locale) => string;
-declare const initializeLocale: () => void;
-export { initializeLocale, translations, DEFAULT_LOCALE as defaultLocale, getUserLocale };
+export { translations, DEFAULT_LOCALE as defaultLocale, getUserLocale };

package/dist/translations/index.js

@@ -3,17 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getUserLocale = exports.defaultLocale = exports.translations = exports.initializeLocale = void 0;
-const react_intl_1 = require("react-intl");
-const ar_1 = __importDefault(require("react-intl/locale-data/ar"));
-const de_1 = __importDefault(require("react-intl/locale-data/de"));
-const en_1 = __importDefault(require("react-intl/locale-data/en"));
-const es_1 = __importDefault(require("react-intl/locale-data/es"));
-const fr_1 = __importDefault(require("react-intl/locale-data/fr"));
-const it_1 = __importDefault(require("react-intl/locale-data/it"));
-const pt_1 = __importDefault(require("react-intl/locale-data/pt"));
-const ru_1 = __importDefault(require("react-intl/locale-data/ru"));
-const uk_1 = __importDefault(require("react-intl/locale-data/uk"));
+exports.getUserLocale = exports.defaultLocale = exports.translations = void 0;
+require('@formatjs/intl-pluralrules/polyfill');
+require('@formatjs/intl-pluralrules/locale-data/ar');
+require('@formatjs/intl-pluralrules/locale-data/de');
+require('@formatjs/intl-pluralrules/locale-data/en');
+require('@formatjs/intl-pluralrules/locale-data/es');
+require('@formatjs/intl-pluralrules/locale-data/fr');
+require('@formatjs/intl-pluralrules/locale-data/it');
+require('@formatjs/intl-pluralrules/locale-data/pt');
+require('@formatjs/intl-pluralrules/locale-data/ru');
+require('@formatjs/intl-pluralrules/locale-data/uk');
 const ar_json_1 = __importDefault(require("./ar.json"));
 const de_json_1 = __importDefault(require("./de.json"));
 const en_json_1 = __importDefault(require("./en.json"));
@@ -53,17 +53,3 @@ const getUserLocale = (manualLocale = 'browser') => {
     return translations[browserLocale] ? browserLocale : DEFAULT_LOCALE;
 };
 exports.getUserLocale = getUserLocale;
-const initializeLocale = () => {
-    react_intl_1.addLocaleData([
-        ...en_1.default,
-        ...fr_1.default,
-        ...pt_1.default,
-        ...es_1.default,
-        ...ar_1.default,
-        ...ru_1.default,
-        ...uk_1.default,
-        ...de_1.default,
-        ...it_1.default
-    ]);
-};
-exports.initializeLocale = initializeLocale;

package/dist/typings.d.ts

@@ -206,6 +206,8 @@ export interface Config {
     chatId?: string;
     /** CSS class to be applied to iframe */
     className?: string;
+    /** Key used to encrypt data in the localStorage */
+    encryptionKey?: string;
 }
 export declare type OverridableComponents = 'below_conversation' | 'before_container' | 'composer';
 export interface Overrides {
@@ -260,7 +262,7 @@ export interface Message {
     authorId: uuid | undefined;
     sentOn: Date;
     payload: any;
-    timeInMs: number;
+    timeInMs?: number;
 }
 export interface QueuedMessage {
     message: Message;

package/dist/utils.js

@@ -70,7 +70,7 @@ const renderUnsafeHTML = (message = '', escaped) => {
     if (escaped) {
         message = message.replace(/</g, '&lt;').replace(/>/g, '&gt;');
     }
-    const html = snarkdown_1.default(message);
+    const html = (0, snarkdown_1.default)(message);
     return html.replace(/<a href/gi, '<a target="_blank" href');
 };
 exports.renderUnsafeHTML = renderUnsafeHTML;

package/package.json

@@ -1,29 +1,50 @@
 {
   "name": "@botpress/webchat",
-  "version": "0.0.1",
+  "version": "0.2.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "source": "src/index.tsx",
   "license": "AGPL-3.0",
   "scripts": {
-    "build": "yarn --silent && tsc --build",
-    "watch": "yarn --silent && tsc --build --watch"
+    "build": "yarn && yarn run -T tsc --build",
+    "watch": "yarn && yarn run -T tsc --build --watch",
+    "prepublish": "yarn run -T rimraf dist && yarn --immutable && yarn run -T tsc --build && yarn run -T rimraf dist/.tsbuildinfo"
   },
   "files": [
     "dist"
   ],
+  "devDependencies": {
+    "@types/crypto-js": "^4.1.1",
+    "@types/lodash": "^4.14.178",
+    "@types/mime": "^2.0.3",
+    "@types/node": "^16.11.13",
+    "@types/react": "^17.0.38",
+    "@types/react-dom": "^17.0.11",
+    "@types/uuid": "^8.3.4",
+    "prop-types": "^15.8.1"
+  },
   "dependencies": {
     "@blueprintjs/core": "^3.23.1",
-    "@botpress/messaging-socket": "0.0.1",
+    "@botpress/messaging-components": "0.2.0",
+    "@botpress/messaging-socket": "1.1.0",
+    "@formatjs/intl-pluralrules": "^4.1.6",
+    "@formatjs/intl-utils": "^3.8.4",
     "@juggle/resize-observer": "^3.0.2",
+    "axios": "^0.25.0",
+    "classnames": "^2.3.1",
+    "crypto-js": "^4.1.1",
     "date-fns": "^1.30.1",
-    "mobx": "4.9.4",
-    "mobx-react": "^5.4.4",
-    "query-string": "^7.0.1",
-    "react-dom": "^16.8.6",
-    "react-ga": "^2.7.0"
-  },
-  "devDependencies": {
-    "@types/dom-mediacapture-record": "^1.0.7"
+    "lodash": "^4.17.21",
+    "mime": "^3.0.0",
+    "mobx": "5.15.7",
+    "mobx-react": "^6.2.1",
+    "mobx-react-lite": "2.0.0",
+    "query-string": "^7.1.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-ga": "^2.7.0",
+    "react-intl": "^3.12.1",
+    "snarkdown": "^2.0.0",
+    "uuid": "^8.3.2"
   }
-}
+}

package/dist/components/Keyboard.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-export declare class Prepend extends React.Component<Partial<KeyboardElementsProps>> {
-    render(): JSX.Element;
-}
-export declare class Append extends React.Component<Partial<KeyboardElementsProps>> {
-    render(): JSX.Element;
-}
-export declare class Default extends React.Component<Partial<KeyboardElementsProps>> {
-    static prependRef: React.RefObject<HTMLDivElement>;
-    static appendRef: React.RefObject<HTMLDivElement>;
-    static isReady: () => boolean;
-    render(): JSX.Element;
-}
-interface KeyboardElementsProps {
-    /** When true, the keyboard is appended at the end. Otherwise, it is prepended */
-    append?: boolean;
-    index?: number;
-    visible?: boolean;
-    /** A keyboard can be any kind of element */
-    keyboard?: any;
-}
-export {};

package/dist/components/Keyboard.js

@@ -1,86 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = exports.Append = exports.Prepend = void 0;
-const React = __importStar(require("react"));
-const ReactDOM = __importStar(require("react-dom"));
-class KeyboardElements extends React.Component {
-    constructor(props) {
-        super(props);
-        this.container = document.createElement('div');
-    }
-    insertChildAt(child, index = 0, parent) {
-        if (index >= parent.children.length) {
-            parent.appendChild(child);
-        }
-        else {
-            parent.insertBefore(child, parent.children[index]);
-        }
-    }
-    componentDidMount() {
-        if (this.props.append) {
-            this.insertChildAt(this.container, this.props.index, Default.appendRef.current);
-        }
-        else {
-            this.insertChildAt(this.container, this.props.index, Default.prependRef.current);
-        }
-    }
-    componentWillUnmount() {
-        var _a, _b;
-        if (this.props.append) {
-            (_a = Default.appendRef.current) === null || _a === void 0 ? void 0 : _a.removeChild(this.container);
-        }
-        else {
-            (_b = Default.prependRef.current) === null || _b === void 0 ? void 0 : _b.removeChild(this.container);
-        }
-    }
-    render() {
-        return ReactDOM.createPortal(this.props.children, this.container);
-    }
-}
-class Prepend extends React.Component {
-    render() {
-        return (React.createElement("div", null,
-            this.props.visible && React.createElement(KeyboardElements, { index: this.props.index }, this.props.keyboard),
-            this.props.children));
-    }
-}
-exports.Prepend = Prepend;
-class Append extends React.Component {
-    render() {
-        return (React.createElement("div", null,
-            this.props.visible && React.createElement(KeyboardElements, { append: true }, this.props.keyboard),
-            this.props.children));
-    }
-}
-exports.Append = Append;
-class Default extends React.Component {
-    render() {
-        return (React.createElement("div", { className: 'bpw-keyboard' },
-            React.createElement("div", { ref: Default.prependRef }),
-            this.props.children,
-            React.createElement("div", { ref: Default.appendRef })));
-    }
-}
-exports.Default = Default;
-Default.prependRef = React.createRef();
-Default.appendRef = React.createRef();
-Default.isReady = () => Default.appendRef.current !== null;

package/dist/components/messages/renderer/Button.d.ts

@@ -1,16 +0,0 @@
-import { Component } from 'react';
-import { HTMLInputEvent, Renderer } from '../../../typings';
-/**
- * A simple button, with a possibility to be used as a file upload button
- *
- * @param {object} buttons The list of buttons to display (object with a label and a payload)
- * @param {function} onButtonClicked Called when the button is clicked with the label and the payload
- * @param {function} onFileUpload This is called when a file is uploaded
- */
-export declare class Button extends Component<Renderer.Button> {
-    constructor(props: Renderer.Button);
-    handleButtonClick: (e: any) => void;
-    handleFileUpload: (event: HTMLInputEvent) => void;
-    renderFileUpload(accept: string): JSX.Element;
-    render(): JSX.Element;
-}

package/dist/components/messages/renderer/Button.js

@@ -1,66 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const react_1 = __importStar(require("react"));
-const FileInput_1 = require("./FileInput");
-/**
- * A simple button, with a possibility to be used as a file upload button
- *
- * @param {object} buttons The list of buttons to display (object with a label and a payload)
- * @param {function} onButtonClicked Called when the button is clicked with the label and the payload
- * @param {function} onFileUpload This is called when a file is uploaded
- */
-class Button extends react_1.Component {
-    constructor(props) {
-        super(props);
-        this.handleButtonClick = (e) => {
-            var _a, _b;
-            if (this.props.preventDoubleClick) {
-                e.target.disabled = true;
-            }
-            (_b = (_a = this.props).onButtonClick) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.label, this.props.payload);
-        };
-        this.handleFileUpload = (event) => {
-            var _a, _b;
-            if (!event.target.files) {
-                return;
-            }
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            (_b = (_a = this.props).onFileUpload) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.label, this.props.payload, event.target.files[0]);
-        };
-    }
-    renderFileUpload(accept) {
-        return (react_1.default.createElement("button", { className: 'bpw-button' },
-            react_1.default.createElement("span", null, this.props.label),
-            react_1.default.createElement(FileInput_1.FileInput, { name: 'uploadField', accept: accept, className: 'bpw-file-message', placeholder: this.props.label, onFileChanged: this.handleFileUpload })));
-    }
-    render() {
-        if (this.props.payload === 'BOTPRESS.IMAGE_UPLOAD') {
-            return this.renderFileUpload('image/*');
-        }
-        if (this.props.payload === 'BOTPRESS.FILE_UPLOAD') {
-            return this.renderFileUpload('*/*');
-        }
-        return (react_1.default.createElement("button", { className: 'bpw-button', onClick: this.handleButtonClick }, this.props.label));
-    }
-}
-exports.Button = Button;

package/dist/components/messages/renderer/Carousel.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Renderer } from '../../../typings';
-export declare class Carousel extends React.Component<ICarouselProps, ICarouselState> {
-    private ref;
-    state: {
-        adjustedWidth: number;
-    };
-    componentDidMount(): void;
-    renderCarousel(): JSX.Element;
-    render(): JSX.Element;
-}
-export declare const Card: (props: any) => JSX.Element;
-interface ICarouselProps {
-    carousel: Renderer.Carousel;
-    onSendData: any;
-    style?: object;
-}
-interface ICarouselState {
-    adjustedWidth: number;
-}
-export {};