@botpress/webchat 0.0.1 → 0.2.3

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

@@ -1,72 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = exports.Carousel = void 0;
-const react_1 = __importDefault(require("react"));
-const react_slick_1 = __importDefault(require("react-slick"));
-class Carousel extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            adjustedWidth: 0
-        };
-    }
-    componentDidMount() {
-        this.setState({ adjustedWidth: this.ref.offsetWidth - window.innerWidth });
-    }
-    renderCarousel() {
-        const carousel = this.props.carousel;
-        const elements = carousel.elements || [];
-        // Breakpoints must be adjusted since the carousel is based on the page width, and not its parent component
-        const adjustBreakpoint = (size) => size - this.state.adjustedWidth;
-        const defaultSettings = {
-            dots: false,
-            infinite: false,
-            responsive: [...Array(10)].map((_, i) => ({
-                breakpoint: adjustBreakpoint(550 + i * 524),
-                settings: { slidesToShow: i + 1 }
-            })),
-            slidesToScroll: 1,
-            autoplay: false,
-            centerMode: false,
-            arrows: elements.length > 1
-        };
-        const settings = Object.assign({}, defaultSettings, carousel.settings);
-        return (react_1.default.createElement(react_slick_1.default, Object.assign({}, settings), elements.map((el, idx) => (react_1.default.createElement(exports.Card, { element: el, key: idx, onSendData: this.props.onSendData })))));
-    }
-    render() {
-        return (react_1.default.createElement("div", { ref: (el) => (this.ref = el), style: Object.assign({ width: '100%' }, this.props.style) }, this.state.adjustedWidth && this.renderCarousel()));
-    }
-}
-exports.Carousel = Carousel;
-const Card = (props) => {
-    const { picture, title, subtitle, buttons } = props.element;
-    return (react_1.default.createElement("div", { className: 'bpw-card-container' },
-        picture && react_1.default.createElement("div", { className: 'bpw-card-picture', style: { backgroundImage: `url("${picture}")` } }),
-        react_1.default.createElement("div", null,
-            react_1.default.createElement("div", { className: 'bpw-card-header' },
-                react_1.default.createElement("div", { className: 'bpw-card-title' }, title),
-                subtitle && react_1.default.createElement("div", { className: 'bpw-card-subtitle' }, subtitle)),
-            react_1.default.createElement("div", { className: 'bpw-card-buttons' }, buttons.map((btn) => {
-                var _a, _b;
-                if (btn.url) {
-                    return (react_1.default.createElement("a", { href: btn.url, key: `1-${btn.title}`, target: /^javascript:/.test(btn.url) ? '_self' : '_blank', className: 'bpw-card-action' },
-                        btn.title || btn,
-                        /^javascript:/.test(btn.url) ? null : react_1.default.createElement("i", { className: 'bpw-card-external-icon' })));
-                }
-                else if (btn.type === 'postback' || btn.payload) {
-                    return (react_1.default.createElement("a", { onClick: (_a = props.onSendData) === null || _a === void 0 ? void 0 : _a.bind(this, { type: 'postback', payload: btn.payload }), key: `2-${btn.title}`, className: 'bpw-card-action' }, btn.title || btn));
-                }
-                else if (btn.type === 'say_something' || btn.text) {
-                    return (react_1.default.createElement("a", { onClick: (_b = props.onSendData) === null || _b === void 0 ? void 0 : _b.bind(this, { type: 'say_something', text: btn.text }), key: `2-${btn.title}`, className: 'bpw-card-action' }, btn.title || btn));
-                }
-                else {
-                    return (react_1.default.createElement("a", { href: '#', key: `3-${btn.title}`, target: '_blank', className: 'bpw-card-action' },
-                        btn.title || btn,
-                        react_1.default.createElement("i", { className: 'bpw-card-external-icon' })));
-                }
-            })))));
-};
-exports.Card = Card;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { Renderer } from '../../../typings';
-export declare const Dropdown: (props: Renderer.Dropdown) => JSX.Element;

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

@@ -1,76 +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 });
-exports.Dropdown = void 0;
-const react_1 = __importStar(require("react"));
-const react_select_1 = __importDefault(require("react-select"));
-const creatable_1 = __importDefault(require("react-select/creatable"));
-const utils_1 = require("../../../utils");
-const Keyboard = __importStar(require("../../Keyboard"));
-const Dropdown = (props) => {
-    const [options, setOptions] = react_1.useState([]);
-    const [selectedOption, setSelectedOption] = react_1.useState();
-    react_1.useEffect(() => {
-        if (props.options) {
-            setOptions(props.options.map((x) => ({ value: x.value || x.label, label: x.label })));
-        }
-    }, []);
-    react_1.useEffect(() => {
-        if (!props.buttonText) {
-            sendChoice();
-        }
-    }, [selectedOption]);
-    const sendChoice = () => {
-        if (!selectedOption) {
-            return;
-        }
-        let { label, value } = selectedOption;
-        if (selectedOption.length) {
-            label = selectedOption.map((x) => x.label).join(',');
-            value = selectedOption.map((x) => x.value || x.label).join(',');
-        }
-        props.onSendData && props.onSendData({ type: 'quick_reply', text: label, payload: value || label });
-    };
-    const renderSelect = (inKeyboard) => {
-        return (react_1.default.createElement("div", { className: inKeyboard && 'bpw-keyboard-quick_reply-dropdown' },
-            react_1.default.createElement("div", { style: { width: props.width || '100%', display: 'inline-block' } }, props.allowCreation ? (react_1.default.createElement(creatable_1.default, { value: selectedOption, onChange: setSelectedOption, options: options, placeholder: props.placeholderText, isMulti: props.allowMultiple, menuPlacement: 'top' })) : (react_1.default.createElement(react_select_1.default, { value: selectedOption, onChange: setSelectedOption, options: options, placeholder: props.placeholderText, isMulti: props.allowMultiple, menuPlacement: 'top' }))),
-            props.buttonText && (react_1.default.createElement("button", { className: "bpw-button", onClick: sendChoice }, props.buttonText))));
-    };
-    const shouldDisplay = props.isLastGroup && props.isLastOfGroup;
-    let message;
-    if (props.markdown) {
-        const html = utils_1.renderUnsafeHTML(props.message, props.escapeHTML);
-        message = react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: html } });
-    }
-    else {
-        message = react_1.default.createElement("p", null, props.message);
-    }
-    if (props.displayInKeyboard && Keyboard.Default.isReady()) {
-        return (react_1.default.createElement(Keyboard.Prepend, { keyboard: renderSelect(true), visible: shouldDisplay }, message));
-    }
-    return (react_1.default.createElement("div", null,
-        message,
-        shouldDisplay && renderSelect(false)));
-};
-exports.Dropdown = Dropdown;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Renderer } from '../../../typings';
-export declare class FileInput extends React.Component<Renderer.FileInput> {
-    state: {
-        value: string;
-    };
-    handleFilChanged: (e: any) => void;
-    render(): JSX.Element;
-}

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

@@ -1,32 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileInput = void 0;
-const react_1 = __importDefault(require("react"));
-class FileInput extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            value: ''
-        };
-        this.handleFilChanged = (e) => {
-            this.setState({ value: e.target.value.split(/(\\|\/)/g).pop() });
-            this.props.onFileChanged && this.props.onFileChanged(e);
-        };
-    }
-    render() {
-        return (react_1.default.createElement("div", { style: { position: 'relative' } },
-            react_1.default.createElement("input", { type: 'file', name: this.props.name, className: this.props.className, onChange: this.handleFilChanged, accept: this.props.accept, style: {
-                    position: 'absolute',
-                    top: 0,
-                    left: 0,
-                    opacity: 0,
-                    width: '100%',
-                    zIndex: 1
-                } }),
-            react_1.default.createElement("input", { type: 'text', tabIndex: -1, name: this.props.name + '_filename', className: this.props.className, onChange: () => { }, placeholder: this.props.placeholder, disabled: this.props.disabled, style: { position: 'relative', zIndex: -1 } })));
-    }
-}
-exports.FileInput = FileInput;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { Renderer } from '../../../typings';
-export declare const FileMessage: (props: Renderer.FileMessage) => JSX.Element | null;

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

@@ -1,53 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileMessage = void 0;
-const lite_1 = __importDefault(require("mime/lite"));
-const path_1 = __importDefault(require("path"));
-const react_1 = __importDefault(require("react"));
-const Text_1 = require("./Text");
-const FileMessage = (props) => {
-    if (!props.file) {
-        return null;
-    }
-    const { url, title, storage, text } = props.file;
-    let extension = '';
-    try {
-        const validUrl = new URL(url);
-        extension = validUrl.pathname;
-    }
-    catch (error) {
-        // Try using path.extname since url might be relative.
-        extension = path_1.default.extname(url);
-    }
-    const mime = lite_1.default.getType(extension);
-    if (text) {
-        return react_1.default.createElement(Text_1.Text, { text: text, markdown: true, escapeHTML: props.escapeTextHTML });
-    }
-    if (storage === 'local') {
-        return (react_1.default.createElement("div", { className: 'bpw-file-message' },
-            react_1.default.createElement("div", null,
-                title,
-                " (local)")));
-    }
-    if (mime.includes('image/')) {
-        return (react_1.default.createElement("a", { href: url, target: '_blank' },
-            react_1.default.createElement("img", { src: url, title: title })));
-    }
-    else if (mime.includes('audio/')) {
-        return (react_1.default.createElement("audio", { controls: true },
-            react_1.default.createElement("source", { src: url, type: mime })));
-    }
-    else if (mime.includes('video/')) {
-        return (react_1.default.createElement("video", { controls: true },
-            react_1.default.createElement("source", { src: url, type: mime })));
-    }
-    else {
-        return (react_1.default.createElement("div", null,
-            react_1.default.createElement("span", null, "File: "),
-            react_1.default.createElement("a", { href: url, target: '_blank' }, title || url)));
-    }
-};
-exports.FileMessage = FileMessage;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { InjectedIntlProps } from 'react-intl';
-import { Renderer } from '../../../typings';
-export declare const LoginPrompt: React.ComponentClass<Pick<Renderer.Message, keyof Renderer.Message>, any> & {
-    WrappedComponent: React.ComponentType<Renderer.Message & InjectedIntlProps>;
-};

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

@@ -1,98 +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.LoginPrompt = void 0;
-const react_1 = __importStar(require("react"));
-const react_intl_1 = require("react-intl");
-class LoginPromptClass extends react_1.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            username: '',
-            password: ''
-        };
-        this.handleInputChanged = (event) => this.setState({ [event.target.name]: event.target.value });
-        this.handleFormSubmit = (event) => {
-            var _a, _b;
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            (_b = (_a = this.props).onSendData) === null || _b === void 0 ? void 0 : _b.call(_a, {
-                type: 'login_prompt',
-                text: 'Provided login information',
-                username: this.state.username,
-                password: this.state.password,
-                sensitive: ['password']
-            });
-            event.preventDefault();
-        };
-    }
-    render_bot_active() {
-        const userName = this.props.intl.formatMessage({
-            id: 'loginForm.userName',
-            defaultMessage: 'Username'
-        });
-        const password = this.props.intl.formatMessage({
-            id: 'loginForm.password',
-            defaultMessage: 'Password'
-        });
-        const submit = this.props.intl.formatMessage({
-            id: 'loginForm.submit',
-            defaultMessage: 'Submit'
-        });
-        return (react_1.default.createElement("form", { className: 'bpw-form-container', onSubmit: this.handleFormSubmit },
-            react_1.default.createElement("label", null,
-                react_1.default.createElement("input", { id: "login_username", type: "input", name: "username", placeholder: userName, className: "bpw-input", onChange: this.handleInputChanged })),
-            react_1.default.createElement("label", null,
-                react_1.default.createElement("input", { id: "login_password", type: "password", name: "password", placeholder: password, className: "bpw-input", onChange: this.handleInputChanged })),
-            react_1.default.createElement("input", { id: "login_submit", className: 'bpw-button-alt', type: "submit", value: submit })));
-    }
-    render_bot_past() {
-        const formTitle = this.props.intl.formatMessage({
-            id: 'loginForm.formTitle',
-            defaultMessage: 'Login form'
-        });
-        return (react_1.default.createElement("div", { className: 'bpw-special-action' },
-            react_1.default.createElement("p", null,
-                "* ",
-                formTitle,
-                " *")));
-    }
-    render_user() {
-        const providedCredentials = this.props.intl.formatMessage({
-            id: 'loginForm.providedCredentials',
-            defaultMessage: 'Login form'
-        });
-        return (react_1.default.createElement("div", { className: 'bpw-special-action' },
-            react_1.default.createElement("p", null,
-                "* ",
-                providedCredentials,
-                " *")));
-    }
-    render() {
-        if (!this.props.isBotMessage) {
-            return this.render_user();
-        }
-        if (this.props.isLastMessage) {
-            return this.render_bot_active();
-        }
-        return this.render_bot_past();
-    }
-}
-exports.LoginPrompt = react_intl_1.injectIntl(LoginPromptClass);

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

@@ -1,18 +0,0 @@
-import { Component } from 'react';
-import { Renderer } from '../../../typings';
-/**
- * Displays an array of button, and handle when they are clicked
- *
- * @param {object} buttons The list of buttons to display (object with a label and a payload)
- * @param {function} onSendData Called with the required payload to answer the quick reply
- * @param {function} onFileUpload This is called when a file is uploaded
- *
- * @return onSendData is called with the reply
- */
-export declare class QuickReplies extends Component<Renderer.QuickReply> {
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    handleButtonClicked: (title: string, payload: any) => void;
-    renderKeyboard(buttons: Renderer.QuickReplyButton[]): JSX.Element[];
-    render(): JSX.Element;
-}

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

@@ -1,73 +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.QuickReplies = void 0;
-const react_1 = __importStar(require("react"));
-const Keyboard = __importStar(require("../../Keyboard"));
-const Button_1 = require("./Button");
-/**
- * Displays an array of button, and handle when they are clicked
- *
- * @param {object} buttons The list of buttons to display (object with a label and a payload)
- * @param {function} onSendData Called with the required payload to answer the quick reply
- * @param {function} onFileUpload This is called when a file is uploaded
- *
- * @return onSendData is called with the reply
- */
-class QuickReplies extends react_1.Component {
-    constructor() {
-        super(...arguments);
-        this.handleButtonClicked = (title, payload) => {
-            var _a, _b;
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            (_b = (_a = this.props).onSendData) === null || _b === void 0 ? void 0 : _b.call(_a, {
-                type: 'quick_reply',
-                text: title,
-                payload
-            });
-            this.props.store.composer.setLocked(false);
-        };
-    }
-    componentDidMount() {
-        this.props.isLastGroup &&
-            this.props.isLastOfGroup &&
-            this.props.store.composer.setLocked(this.props.disableFreeText);
-    }
-    componentWillUnmount() {
-        this.props.store.composer.setLocked(false);
-    }
-    renderKeyboard(buttons) {
-        return buttons.map((btn, idx) => {
-            if (Array.isArray(btn)) {
-                return react_1.default.createElement("div", null, this.renderKeyboard(btn));
-            }
-            else {
-                return (react_1.default.createElement(Button_1.Button, { key: idx, label: btn.label || btn.title, payload: btn.payload, preventDoubleClick: !btn.allowMultipleClick, onButtonClick: this.handleButtonClicked, onFileUpload: this.props.onFileUpload }));
-            }
-        });
-    }
-    render() {
-        const buttons = this.props.buttons || this.props.quick_replies;
-        const kbd = react_1.default.createElement("div", { className: 'bpw-keyboard-quick_reply' }, buttons && this.renderKeyboard(buttons));
-        return (react_1.default.createElement(Keyboard.Prepend, { keyboard: kbd, visible: this.props.isLastGroup && this.props.isLastOfGroup }, this.props.children));
-    }
-}
-exports.QuickReplies = QuickReplies;

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { Renderer } from '../../../typings';
-/**
- * A simple text element with optional markdown
- * @param {boolean} markdown Enable markdown parsing for the given text
- * @param {string} text The text to display
- * @param {boolean} escapeHTML Prevent unsafe HTML rendering when markdown is enabled
- * @param {number} maxLength Enables show more button when text overflows limit
- */
-export declare const Text: (props: Renderer.Text) => JSX.Element;
-export default Text;

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

@@ -1,71 +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 });
-exports.Text = void 0;
-const html_truncate_1 = __importDefault(require("html-truncate"));
-const react_1 = __importStar(require("react"));
-// @ts-ignore
-const react_linkify_1 = __importDefault(require("react-linkify"));
-const utils_1 = require("../../../utils");
-/**
- * A simple text element with optional markdown
- * @param {boolean} markdown Enable markdown parsing for the given text
- * @param {string} text The text to display
- * @param {boolean} escapeHTML Prevent unsafe HTML rendering when markdown is enabled
- * @param {number} maxLength Enables show more button when text overflows limit
- */
-const Text = (props) => {
-    const [showMore, setShowMore] = react_1.useState(false);
-    const { maxLength, markdown, escapeHTML, intl, text } = props;
-    let hasShowMore;
-    if (intl && maxLength && text.length > maxLength) {
-        hasShowMore = true;
-    }
-    const truncateIfRequired = (message) => {
-        return hasShowMore && !showMore ? html_truncate_1.default(message, maxLength) : message;
-    };
-    let message;
-    if (markdown) {
-        const html = utils_1.renderUnsafeHTML(text, escapeHTML);
-        message = react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: truncateIfRequired(html) } });
-    }
-    else {
-        message = react_1.default.createElement("p", null, truncateIfRequired(text));
-    }
-    return (react_1.default.createElement(react_linkify_1.default, { properties: { target: '_blank' } },
-        react_1.default.createElement("div", null, message),
-        hasShowMore && (react_1.default.createElement("button", { type: "button", onClick: (e) => setShowMore(!showMore), className: "bpw-message-read-more" },
-            showMore &&
-                intl.formatMessage({
-                    id: 'messages.showLess',
-                    defaultMessage: 'Show Less'
-                }),
-            !showMore &&
-                intl.formatMessage({
-                    id: 'messages.readMore',
-                    defaultMessage: 'Read More'
-                })))));
-};
-exports.Text = Text;
-exports.default = exports.Text;

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

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { Renderer } from '../../../typings';
-declare type Props = Renderer.VoiceMessage;
-export declare const VoiceMessage: FC<Props>;
-export {};

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

@@ -1,50 +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 });
-exports.VoiceMessage = void 0;
-const lite_1 = __importDefault(require("mime/lite"));
-const path_1 = __importDefault(require("path"));
-const react_1 = __importStar(require("react"));
-const VoiceMessage = (props) => {
-    const audioRef = react_1.useRef(null);
-    react_1.useEffect(() => {
-        audioRef.current.addEventListener('ended', props.onAudioEnded);
-        return () => audioRef.current.removeEventListener('ended', props.onAudioEnded);
-    }, []);
-    react_1.useEffect(() => {
-        // Simulate an autoplay by playing every voice messages of a single message group one after the other
-        if (props.file.autoPlay && props.shouldPlay) {
-            void audioRef.current.play();
-        }
-    }, [props.file.autoPlay, props.shouldPlay]);
-    if (!props.file) {
-        return null;
-    }
-    const { audio } = props.file;
-    const extension = path_1.default.extname(audio);
-    const mime = lite_1.default.getType(extension);
-    return (react_1.default.createElement("audio", { controls: true, ref: audioRef },
-        react_1.default.createElement("source", { src: audio, type: mime })));
-};
-exports.VoiceMessage = VoiceMessage;

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

@@ -1,8 +0,0 @@
-export { QuickReplies } from './QuickReplies';
-export { FileMessage } from './FileMessage';
-export { VoiceMessage } from './VoiceMessage';
-export { FileInput } from './FileInput';
-export { Carousel } from './Carousel';
-export { LoginPrompt } from './LoginPrompt';
-export { Text } from './Text';
-export { Button } from './Button';

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = exports.Text = exports.LoginPrompt = exports.Carousel = exports.FileInput = exports.VoiceMessage = exports.FileMessage = exports.QuickReplies = void 0;
-var QuickReplies_1 = require("./QuickReplies");
-Object.defineProperty(exports, "QuickReplies", { enumerable: true, get: function () { return QuickReplies_1.QuickReplies; } });
-var FileMessage_1 = require("./FileMessage");
-Object.defineProperty(exports, "FileMessage", { enumerable: true, get: function () { return FileMessage_1.FileMessage; } });
-var VoiceMessage_1 = require("./VoiceMessage");
-Object.defineProperty(exports, "VoiceMessage", { enumerable: true, get: function () { return VoiceMessage_1.VoiceMessage; } });
-var FileInput_1 = require("./FileInput");
-Object.defineProperty(exports, "FileInput", { enumerable: true, get: function () { return FileInput_1.FileInput; } });
-var Carousel_1 = require("./Carousel");
-Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return Carousel_1.Carousel; } });
-var LoginPrompt_1 = require("./LoginPrompt");
-Object.defineProperty(exports, "LoginPrompt", { enumerable: true, get: function () { return LoginPrompt_1.LoginPrompt; } });
-var Text_1 = require("./Text");
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
-var Button_1 = require("./Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });