@botpress/webchat 0.5.0 → 1.0.0

package/dist/components/Header.js

@@ -1,181 +0,0 @@
-"use strict";
-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) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        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 mobx_1 = require("mobx");
-const mobx_react_1 = require("mobx-react");
-const react_1 = __importDefault(require("react"));
-const Close_1 = __importDefault(require("../icons/Close"));
-const Delete_1 = __importDefault(require("../icons/Delete"));
-const Download_1 = __importDefault(require("../icons/Download"));
-const Information_1 = __importDefault(require("../icons/Information"));
-const List_1 = __importDefault(require("../icons/List"));
-const Avatar_1 = __importDefault(require("./common/Avatar"));
-const ConfirmDialog_1 = __importDefault(require("./common/ConfirmDialog"));
-class Header extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.btnEls = {};
-        this.state = {
-            currentFocusIdx: undefined,
-            showingOption: false
-        };
-        this.onBlur = () => {
-            this.setCurrentFocusIdx(undefined);
-        };
-        this.setCurrentFocusIdx = (currentFocusIdx) => {
-            this.setState({ currentFocusIdx });
-        };
-        this.changeButtonFocus = (step) => {
-            let idx = this.state.currentFocusIdx !== null ? this.state.currentFocusIdx + step : 0;
-            if (idx < 0) {
-                this.onBlur();
-                this.props.focusPrevious();
-            }
-            for (idx; idx < Object.keys(this.btnEls).length; idx++) {
-                if (this.btnEls[idx]) {
-                    this.btnEls[idx].focus();
-                    this.setCurrentFocusIdx(idx);
-                    break;
-                }
-            }
-            if (idx === Object.keys(this.btnEls).length) {
-                this.onBlur();
-                this.props.focusNext();
-            }
-        };
-        this.renderTitle = () => {
-            const title = this.props.isConversationsDisplayed
-                ? this.props.intl.formatMessage({ id: 'header.conversations' })
-                : this.props.botName;
-            return (react_1.default.createElement("div", { className: 'bpw-header-title' },
-                react_1.default.createElement("div", { className: 'bpw-header-name' },
-                    title,
-                    this.props.hasUnreadMessages && react_1.default.createElement("span", { className: 'bpw-header-unread' }, this.props.unreadCount)),
-                this.props.hasBotInfoDescription && (react_1.default.createElement("div", { className: 'bpw-header-subtitle' }, this.props.botConversationDescription))));
-        };
-        this.handleDeleteConversation = () => __awaiter(this, void 0, void 0, function* () {
-            if (yield (0, ConfirmDialog_1.default)(this.props.intl.formatMessage({
-                id: 'header.deleteConversation'
-            }), {
-                acceptLabel: this.props.intl.formatMessage({
-                    id: 'header.deleteConversationYes'
-                }),
-                declineLabel: this.props.intl.formatMessage({
-                    id: 'header.deleteConversationNo'
-                })
-            })) {
-                yield this.props.deleteConversation();
-            }
-        });
-        this.setShowingOption = (val) => {
-            this.setState({ showingOption: val });
-        };
-    }
-    componentDidMount() {
-        (0, mobx_1.observe)(this.props.focusedArea, (focus) => {
-            focus.newValue === 'header' && this.changeButtonFocus(1);
-        });
-    }
-    renderDeleteConversationButton() {
-        return (react_1.default.createElement("button", { type: "button", tabIndex: -1, id: "btn-delete", ref: (el) => (this.btnEls[0] = el), className: 'bpw-header-icon bpw-header-icon-delete', onClick: this.handleDeleteConversation, onBlur: this.onBlur },
-            react_1.default.createElement(Delete_1.default, null)));
-    }
-    renderDownloadButton() {
-        return (react_1.default.createElement("button", { type: "button", tabIndex: -1, id: "btn-download", ref: (el) => (this.btnEls[2] = el), className: 'bpw-header-icon bpw-header-icon-download', onClick: this.props.downloadConversation, onBlur: this.onBlur },
-            react_1.default.createElement(Download_1.default, null)));
-    }
-    renderConvoButton() {
-        return (react_1.default.createElement("button", { type: "button", tabIndex: -1, id: "btn-conversations", ref: (el) => (this.btnEls[3] = el), className: 'bpw-header-icon bpw-header-icon-convo', onClick: this.props.toggleConversations, onBlur: this.onBlur },
-            react_1.default.createElement(List_1.default, null)));
-    }
-    renderBotInfoButton() {
-        return (react_1.default.createElement("button", { type: "button", tabIndex: -1, id: "btn-botinfo", ref: (el) => (this.btnEls[4] = el), className: 'bpw-header-icon bpw-header-icon-botinfo', onClick: this.props.toggleBotInfo, onBlur: this.onBlur },
-            react_1.default.createElement(Information_1.default, null)));
-    }
-    renderCloseButton() {
-        return (react_1.default.createElement("button", { type: "button", id: "btn-close", "aria-label": this.props.intl.formatMessage({
-                id: 'header.hideChatWindow',
-                defaultMessage: 'Hide the chat window'
-            }), ref: (el) => (this.btnEls[5] = el), className: 'bpw-header-icon bpw-header-icon-close', onClick: this.props.hideChat, onBlur: this.onBlur },
-            react_1.default.createElement(Close_1.default, null)));
-    }
-    renderCustomButtons() {
-        return this.props.customButtons.map((btn) => {
-            const Icon = btn.icon;
-            return (react_1.default.createElement("button", { type: "button", key: btn.id, id: `btn-${btn.id}`, tabIndex: -1, className: 'bpw-header-icon', onClick: btn.onClick.bind(this, btn.id, this), title: btn.label || '' }, typeof Icon === 'function' ? react_1.default.createElement(Icon, null) : Icon));
-        });
-    }
-    render() {
-        const optionsItems = [];
-        if (this.props.showDownloadButton) {
-            optionsItems.push({
-                label: 'Download Conversation',
-                action: this.props.downloadConversation
-            });
-        }
-        if (this.props.showConversationsButton) {
-            optionsItems.push({
-                label: 'Toggle List View',
-                action: this.props.toggleConversations
-            });
-        }
-        if (this.props.showBotInfoButton) {
-            optionsItems.push({
-                label: 'Toggle Bot Info',
-                action: this.props.toggleBotInfo
-            });
-        }
-        if (this.props.showDeleteConversationButton) {
-            optionsItems.push({
-                label: 'Delete conversation',
-                action: this.props.deleteConversation
-            });
-        }
-        return (react_1.default.createElement("div", { className: 'bpw-header-container' },
-            react_1.default.createElement("div", { className: 'bpw-header-title-flexbox' },
-                react_1.default.createElement("div", { className: 'bpw-header-title-container' },
-                    react_1.default.createElement(Avatar_1.default, { name: this.props.botName, avatarUrl: this.props.botAvatarUrl, height: 40, width: 40 }),
-                    this.renderTitle())),
-            !!this.props.customButtons.length && this.renderCustomButtons(),
-            this.props.showDeleteConversationButton && this.renderDeleteConversationButton(),
-            this.props.showDownloadButton && this.renderDownloadButton(),
-            this.props.showConversationsButton && this.renderConvoButton(),
-            this.props.showBotInfoButton && this.renderBotInfoButton(),
-            this.props.showCloseButton && this.renderCloseButton()));
-    }
-}
-exports.default = (0, mobx_react_1.inject)(({ store }) => ({
-    intl: store.intl,
-    isConversationsDisplayed: store.view.isConversationsDisplayed,
-    showDeleteConversationButton: store.view.showDeleteConversationButton,
-    showDownloadButton: store.view.showDownloadButton,
-    showBotInfoButton: store.view.showBotInfoButton,
-    showConversationsButton: store.view.showConversationsButton,
-    showCloseButton: store.view.showCloseButton,
-    hasUnreadMessages: store.view.hasUnreadMessages,
-    unreadCount: store.view.unreadCount,
-    focusPrevious: store.view.focusPrevious,
-    focusNext: store.view.focusNext,
-    focusedArea: store.view.focusedArea,
-    hideChat: store.view.hideChat,
-    toggleConversations: store.view.toggleConversations,
-    toggleBotInfo: store.view.toggleBotInfo,
-    customButtons: store.view.customButtons,
-    deleteConversation: store.deleteConversation,
-    downloadConversation: store.downloadConversation,
-    botName: store.botName,
-    botAvatarUrl: store.botAvatarUrl,
-    hasBotInfoDescription: store.hasBotInfoDescription,
-    botConversationDescription: store.config.botConversationDescription
-}))((0, mobx_react_1.observer)(Header));

package/dist/components/VoiceRecorder.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="node" />
-import { FC } from 'react';
-interface Props {
-    onDone: (voice: Buffer, ext: string) => Promise<void>;
-    onStart?: () => void;
-    onNotAvailable?: () => void;
-    className?: string;
-}
-declare const VoiceRecorder: FC<Props>;
-export default VoiceRecorder;

package/dist/components/VoiceRecorder.js

@@ -1,137 +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;
-};
-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) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        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 classnames_1 = __importDefault(require("classnames"));
-const lite_1 = __importDefault(require("mime/lite"));
-const react_1 = __importStar(require("react"));
-const Cancel_1 = __importDefault(require("../icons/Cancel"));
-const Microphone_1 = __importDefault(require("../icons/Microphone"));
-const VoiceRecorder = (props) => {
-    var _a;
-    const [isRecording, setIsRecording] = (0, react_1.useState)(false);
-    const mediaRecorder = (0, react_1.useRef)(null);
-    const mediaChunks = (0, react_1.useRef)([]);
-    const mediaStream = (0, react_1.useRef)(null);
-    const isCancelled = (0, react_1.useRef)(false);
-    const getMediaStream = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
-        try {
-            const stream = yield window.navigator.mediaDevices.getUserMedia({ audio: true, video: false });
-            mediaStream.current = stream;
-        }
-        catch (err) {
-            console.error('[VoiceRecorder] - Error while creating MediaStream', err);
-            (_b = props.onNotAvailable) === null || _b === void 0 ? void 0 : _b.call(props);
-        }
-    }), []);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            var _a, _b, _c, _d;
-            (_a = mediaRecorder.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('dataavailable', onResult);
-            props.onStart && ((_b = mediaRecorder.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('start', props.onStart));
-            (_c = mediaRecorder.current) === null || _c === void 0 ? void 0 : _c.removeEventListener('stop', onStop);
-            (_d = mediaRecorder.current) === null || _d === void 0 ? void 0 : _d.removeEventListener('error', onError);
-        };
-    }, []);
-    const onError = (ev) => {
-        var _a;
-        console.error(`[VoiceRecorder] - Error while recording audio: ${ev.error.name} (${ev.error.code}) - ${ev.error.message}`);
-        (_a = props.onNotAvailable) === null || _a === void 0 ? void 0 : _a.call(props);
-    };
-    const onResult = (e) => {
-        if (e.data.size > 0) {
-            mediaChunks.current.push(e.data);
-        }
-    };
-    const onStop = () => __awaiter(void 0, void 0, void 0, function* () {
-        if (isCancelled.current) {
-            isCancelled.current = false;
-            return;
-        }
-        try {
-            if (mediaChunks.current.length) {
-                const firstBlob = mediaChunks.current[0];
-                // Fallback to ogg when detecting the extension since it's the most common
-                // audio format supported by modern browsers
-                const ext = lite_1.default.getExtension(firstBlob.type) || 'ogg';
-                const blob = new Blob(mediaChunks.current);
-                const arrayBuffer = yield blob.arrayBuffer();
-                const buffer = Buffer.from(arrayBuffer);
-                yield props.onDone(buffer, ext);
-            }
-        }
-        catch (err) {
-            console.error('[VoiceRecorder] - Error converting the audio blob into a buffer', err);
-        }
-        finally {
-            setIsRecording(false);
-        }
-    });
-    const stopRecording = () => {
-        var _a, _b;
-        if (((_a = mediaRecorder.current) === null || _a === void 0 ? void 0 : _a.state) !== 'inactive') {
-            (_b = mediaRecorder.current) === null || _b === void 0 ? void 0 : _b.stop();
-            mediaStream.current && mediaStream.current.getTracks().forEach((track) => track.stop());
-            mediaChunks.current = [];
-            setIsRecording(false);
-        }
-    };
-    const cancelRecording = () => {
-        isCancelled.current = true;
-        stopRecording();
-    };
-    const startRecording = () => __awaiter(void 0, void 0, void 0, function* () {
-        if (!mediaStream.current || mediaStream.current.getTracks().some((track) => track.readyState === 'ended')) {
-            yield getMediaStream();
-        }
-        if (mediaStream.current) {
-            mediaRecorder.current = new MediaRecorder(mediaStream.current);
-            mediaRecorder.current.addEventListener('dataavailable', onResult);
-            props.onStart && mediaRecorder.current.addEventListener('start', props.onStart);
-            mediaRecorder.current.addEventListener('stop', onStop);
-            mediaRecorder.current.addEventListener('error', onError);
-            mediaRecorder.current.start();
-            setIsRecording(true);
-        }
-    });
-    if (!window.MediaRecorder) {
-        (_a = props.onNotAvailable) === null || _a === void 0 ? void 0 : _a.call(props);
-        return null;
-    }
-    return (react_1.default.createElement(react_1.Fragment, null,
-        isRecording && (react_1.default.createElement("button", { className: (0, classnames_1.default)('bpw-send-button', props.className), onClick: cancelRecording },
-            react_1.default.createElement(Cancel_1.default, { fill: "#ff0000" }))),
-        react_1.default.createElement("button", { className: (0, classnames_1.default)('bpw-send-button', props.className), onClick: isRecording ? stopRecording : startRecording },
-            react_1.default.createElement(Microphone_1.default, { fill: isRecording ? '#f1f1f1' : 'black' }))));
-};
-exports.default = VoiceRecorder;

package/dist/components/common/Avatar/index.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-declare const Avatar: ({ name, avatarUrl, height, width }: AvatarProps) => JSX.Element;
-export default Avatar;
-export interface AvatarProps {
-    name: string;
-    avatarUrl: string;
-    height: number;
-    width: number;
-}

package/dist/components/common/Avatar/index.js

@@ -1,13 +0,0 @@
-"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"));
-const Avatar = ({ name, avatarUrl, height, width }) => {
-    return (react_1.default.createElement("div", { className: 'bpw-bot-avatar' },
-        avatarUrl && react_1.default.createElement("img", { height: height, width: width, src: avatarUrl }),
-        !avatarUrl && (react_1.default.createElement("svg", { width: width, height: width },
-            react_1.default.createElement("text", { textAnchor: 'middle', x: '50%', y: '50%', dy: '0.35em', fill: '#ffffff', fontSize: 15 }, name && name[0])))));
-};
-exports.default = Avatar;

package/dist/components/common/BotInfo/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { WrappedComponentProps } from 'react-intl';
-import { StoreDef } from '../../../store';
-declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<BotInfoProps, "intl"> & {
-    forwardedRef?: React.Ref<any> | undefined;
-} & React.RefAttributes<any>> & {
-    WrappedComponent: React.ComponentType<BotInfoProps>;
-} & import("mobx-react").IWrappedComponent<unknown>;
-export default _default;
-declare type BotInfoProps = WrappedComponentProps & Pick<StoreDef, 'botInfo' | 'botName' | 'avatarUrl' | 'toggleBotInfo' | 'startConversation' | 'isConversationStarted' | 'updatePreferredLanguage' | 'preferredLanguage' | 'escapeHTML' | 'rtl'>;

package/dist/components/common/BotInfo/index.js

@@ -1,102 +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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const classnames_1 = __importDefault(require("classnames"));
-const mobx_react_1 = require("mobx-react");
-const react_1 = __importStar(require("react"));
-const react_intl_1 = require("react-intl");
-const Email_1 = __importDefault(require("../../../icons/Email"));
-const Phone_1 = __importDefault(require("../../../icons/Phone"));
-const Website_1 = __importDefault(require("../../../icons/Website"));
-const utils_1 = require("../../../utils");
-const Avatar_1 = __importDefault(require("../Avatar"));
-const CoverPicture = ({ botInfo }) => (react_1.default.createElement("div", { className: 'bpw-botinfo-cover-picture-wrapper' },
-    react_1.default.createElement("img", { className: 'bpw-botinfo-cover-picture', src: (botInfo === null || botInfo === void 0 ? void 0 : botInfo.details.coverPictureUrl) || `https://via.placeholder.com/400x175?text=${(botInfo === null || botInfo === void 0 ? void 0 : botInfo.name) || ''}` })));
-class BotInfoPage extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.changeLanguage = (e) => {
-            const lang = e.target.value;
-            this.props.updatePreferredLanguage(lang);
-        };
-    }
-    componentDidMount() {
-        var _a;
-        (_a = this.btnEl) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    renderDescription(text) {
-        const html = (0, utils_1.renderUnsafeHTML)(text, this.props.escapeHTML);
-        return react_1.default.createElement("div", { className: 'bpw-botinfo-description', dangerouslySetInnerHTML: { __html: html } });
-    }
-    render() {
-        const { botInfo, botName, avatarUrl } = this.props;
-        const onDismiss = this.props.isConversationStarted ? this.props.toggleBotInfo : this.props.startConversation;
-        return (react_1.default.createElement(react_1.Fragment, null,
-            react_1.default.createElement("link", { rel: "stylesheet", href: "style.scss" }),
-            react_1.default.createElement("div", { className: (0, classnames_1.default)('bpw-botinfo-container', {
-                    'bpw-rtl': this.props.rtl
-                }) },
-                react_1.default.createElement(CoverPicture, { botInfo: botInfo }),
-                react_1.default.createElement("div", { className: 'bpw-botinfo-summary' },
-                    react_1.default.createElement(Avatar_1.default, { name: botName, avatarUrl: avatarUrl, height: 64, width: 64 }),
-                    react_1.default.createElement("h3", null, botName),
-                    this.renderDescription(botInfo.description)),
-                botInfo.details && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("div", { className: 'bpw-botinfo-links' },
-                        botInfo.details.phoneNumber && (react_1.default.createElement("div", { className: 'bpw-botinfo-link' },
-                            react_1.default.createElement("i", null,
-                                react_1.default.createElement(Phone_1.default, null)),
-                            react_1.default.createElement("a", { target: '_blank', href: `tel:${botInfo.details.phoneNumber}` }, botInfo.details.phoneNumber))),
-                        botInfo.details.website && (react_1.default.createElement("div", { className: 'bpw-botinfo-link' },
-                            react_1.default.createElement("i", null,
-                                react_1.default.createElement(Website_1.default, null)),
-                            react_1.default.createElement("a", { target: '_blank', href: botInfo.details.website }, botInfo.details.website))),
-                        botInfo.details.emailAddress && (react_1.default.createElement("div", { className: 'bpw-botinfo-link' },
-                            react_1.default.createElement("i", null,
-                                react_1.default.createElement(Email_1.default, null)),
-                            react_1.default.createElement("a", { target: '_blank', href: `mailto:${botInfo.details.emailAddress}` }, botInfo.details.emailAddress)))),
-                    botInfo.details.termsConditions && (react_1.default.createElement("div", { className: 'bpw-botinfo-terms' },
-                        react_1.default.createElement("a", { target: '_blank', href: botInfo.details.termsConditions },
-                            react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'botInfo.termsAndConditions' })))),
-                    botInfo.details.privacyPolicy && (react_1.default.createElement("div", { className: 'bpw-botinfo-terms' },
-                        react_1.default.createElement("a", { target: '_blank', href: botInfo.details.privacyPolicy },
-                            react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'botInfo.privacyPolicy' })))))),
-                botInfo.languages.length > 1 && (react_1.default.createElement("div", { className: 'bpw-botinfo-preferred-language' },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'botInfo.preferredLanguage' }),
-                    react_1.default.createElement("select", { value: this.props.preferredLanguage, onChange: this.changeLanguage }, botInfo.languages.map((lang) => (react_1.default.createElement("option", { key: lang, value: lang }, lang.toUpperCase())))))),
-                react_1.default.createElement("button", { tabIndex: 1, ref: (el) => (this.btnEl = el), className: 'bpw-botinfo-start-button', onClick: onDismiss.bind(this, undefined) }, this.props.isConversationStarted ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'botInfo.backToConversation' })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'botInfo.startConversation' }))))));
-    }
-}
-exports.default = (0, mobx_react_1.inject)(({ store }) => ({
-    botName: store.botName,
-    botInfo: store.botInfo,
-    avatarUrl: store.botAvatarUrl,
-    startConversation: store.startConversation,
-    toggleBotInfo: store.view.toggleBotInfo,
-    isConversationStarted: store.isConversationStarted,
-    updatePreferredLanguage: store.updatePreferredLanguage,
-    preferredLanguage: store.preferredLanguage,
-    escapeHTML: store.escapeHTML,
-    rtl: store.rtl
-}))((0, react_intl_1.injectIntl)((0, mobx_react_1.observer)(BotInfoPage)));

package/dist/components/common/BotInfo/style.scss

@@ -1,88 +0,0 @@
-// TODO: This seems completely outdated. Does not match classes used by the component
-
-@mixin bottomBorder() {
-  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
-}
-
-$charcoal: #1e1e1e;
-
-// Fix for IE which has trouble with the max-width property
-@media only screen and (min-width: 800px) {
-  .bot-info-container {
-    width: 800px;
-  }
-}
-
-.bot-info-container {
-  margin: 0 auto;
-  max-width: 800px;
-  text-align: center;
-  color: $charcoal;
-  overflow-y: auto;
-  svg {
-    fill: $charcoal;
-  }
-  & > img {
-    width: 100%;
-  }
-  p,
-  a,
-  button {
-    font-size: 0.9em;
-    color: rgb(102, 102, 102);
-    text-decoration: none;
-  }
-}
-
-.summary {
-  margin-top: -32px;
-  @include bottomBorder();
-  box-shadow: 0px 4px 5px -5px #ccc;
-  h3 {
-    margin: 0;
-  }
-  p {
-    margin-top: 0.4em;
-    margin-block-end: 1em;
-  }
-}
-
-.links {
-  @include bottomBorder();
-}
-
-.icon-link {
-  padding-left: 25%;
-  display: flex;
-  margin: 20px 0;
-  i {
-    margin-right: 10px;
-  }
-}
-
-.terms {
-  padding: 0px 20px;
-  text-align: left;
-  a {
-    display: inline-block;
-    width: 100%;
-    line-height: 2.5;
-    @include bottomBorder();
-  }
-}
-
-.startBtn {
-  font: inherit;
-  color: inherit;
-  background-color: transparent;
-  cursor: pointer;
-  border-radius: 20px;
-  line-height: 24px;
-  padding: 5px 10px;
-  margin-top: 25px;
-  border: 1px solid rgb(100, 100, 100);
-  &:focus {
-    border: 1px solid black;
-    color: black;
-  }
-}

package/dist/components/common/ConfirmDialog/index.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export interface ConfirmDialogOptions {
-    title?: string;
-    accept?: () => void;
-    decline?: () => void;
-    acceptLabel: string;
-    declineLabel: string;
-    body?: JSX.Element;
-}
-declare const confirmDialog: (message: string, options: ConfirmDialogOptions) => Promise<boolean>;
-export default confirmDialog;

package/dist/components/common/ConfirmDialog/index.js

@@ -1,78 +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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const core_1 = require("@blueprintjs/core");
-const react_1 = __importDefault(require("react"));
-const react_dom_1 = __importDefault(require("react-dom"));
-const Dialog_1 = require("../Dialog");
-const styles = __importStar(require("./style.module.scss"));
-const ConfirmDialogComponent = (props) => {
-    const onAccept = () => {
-        var _a;
-        removeDialog();
-        (_a = props.accept) === null || _a === void 0 ? void 0 : _a.call(props);
-        props.resolve(true);
-    };
-    const onDecline = () => {
-        var _a;
-        removeDialog();
-        (_a = props.decline) === null || _a === void 0 ? void 0 : _a.call(props);
-        props.resolve(false);
-    };
-    return (react_1.default.createElement(Dialog_1.Wrapper, { icon: "warning-sign", usePortal: false, isOpen: true, onClose: onDecline, size: "sm" },
-        react_1.default.createElement(Dialog_1.Body, null,
-            react_1.default.createElement(core_1.Icon, { icon: "warning-sign", iconSize: 32, className: styles.icon }),
-            react_1.default.createElement("div", null,
-                props.message,
-                props.body)),
-        react_1.default.createElement(Dialog_1.Footer, null,
-            react_1.default.createElement(core_1.Button, { id: "confirm-dialog-decline", className: core_1.Classes.BUTTON, type: "button", onClick: onDecline, text: props.declineLabel, tabIndex: 2, intent: core_1.Intent.NONE }),
-            react_1.default.createElement(core_1.Button, { id: "confirm-dialog-accept", className: core_1.Classes.BUTTON, type: "button", autoFocus: true, onClick: onAccept, text: props.acceptLabel, tabIndex: 3, intent: core_1.Intent.WARNING }))));
-};
-const defaultConfirmOptions = {
-    title: '',
-    accept: () => { },
-    acceptLabel: 'Confirm',
-    decline: () => { },
-    declineLabel: 'Decline'
-};
-const confirmDialog = (message, options) => {
-    return new Promise((resolve, _reject) => {
-        addDialog(Object.assign(Object.assign(Object.assign({ message }, defaultConfirmOptions), options), { isOpen: false, resolve }));
-    });
-};
-function addDialog(props) {
-    const body = document.getElementsByTagName('body')[0];
-    const div = document.createElement('div');
-    div.setAttribute('id', 'confirmDialog-container');
-    div.setAttribute('class', styles.ConfirmDialogContainer);
-    body.appendChild(div);
-    react_dom_1.default.render(react_1.default.createElement(ConfirmDialogComponent, Object.assign({}, props)), div);
-}
-function removeDialog() {
-    const div = document.getElementById('confirmDialog-container');
-    const body = document.getElementsByTagName('body')[0];
-    body.removeChild(div);
-}
-exports.default = confirmDialog;