@botpress/webchat 0.2.3 → 0.3.0

package/dist/components/OverridableComponent.js

@@ -1,50 +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 mobx_react_1 = require("mobx-react");
-const react_1 = __importDefault(require("react"));
-class OverridableComponent extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            components: undefined
-        };
-        this.resolveComponents = () => {
-            var _a, _b;
-            return (_b = (_a = this.props.overrides) === null || _a === void 0 ? void 0 : _a[this.props.name]) === null || _b === void 0 ? void 0 : _b.map(({ module, component }) => {
-                var _a;
-                return ({
-                    key: `${module}:${component}`,
-                    element: (_a = window.botpress[module]) === null || _a === void 0 ? void 0 : _a[component]
-                });
-            }).filter((x) => x.element);
-        };
-    }
-    componentDidMount() {
-        this.loadComponents();
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.overrides !== this.props.overrides) {
-            this.loadComponents();
-        }
-    }
-    componentDidCatch(error, info) {
-        console.error(`Error in overridable component ${this.props.name}. Loading original component.`, error, info);
-        this.setState({ components: [{ key: 'original', element: this.props.original }] });
-    }
-    loadComponents() {
-        this.setState({ components: this.resolveComponents() || [{ key: 'original', element: this.props.original }] });
-    }
-    render() {
-        const { components } = this.state;
-        return components
-            ? components.map(({ element: Element, key }) => Element && react_1.default.createElement(Element, Object.assign({ key: key }, this.props)))
-            : null;
-    }
-}
-exports.default = (0, mobx_react_1.inject)(({ store }) => ({
-    store,
-    overrides: store.config.overrides
-}))(OverridableComponent);

package/dist/components/Stylesheet.js

@@ -1,7 +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"));
-exports.default = ({ href }) => react_1.default.createElement("link", { rel: "stylesheet", type: "text/css", href: href });

package/dist/components/common/Avatar.js

@@ -1,29 +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 });
-const React = __importStar(require("react"));
-const Avatar = ({ name, avatarUrl, height, width }) => {
-    return (React.createElement("div", { className: 'bpw-bot-avatar' },
-        avatarUrl && React.createElement("img", { height: height, width: width, src: avatarUrl }),
-        !avatarUrl && (React.createElement("svg", { width: width, height: width },
-            React.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.js

@@ -1,110 +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 mobx_react_1 = require("mobx-react");
-const React = __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.createElement("div", { className: 'bpw-botinfo-cover-picture-wrapper' },
-    React.createElement("img", { className: 'bpw-botinfo-cover-picture', src: (botInfo.details && botInfo.details.coverPictureUrl) ||
-            `https://via.placeholder.com/400x175?text=${botInfo.name}` })));
-class BotInfoPage extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.changeLanguage = (e) => __awaiter(this, void 0, void 0, function* () {
-            const lang = e.target.value;
-            yield 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.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.createElement("div", { className: (0, classnames_1.default)('bpw-botinfo-container', {
-                'bpw-rtl': this.props.rtl
-            }) },
-            React.createElement(CoverPicture, { botInfo: botInfo }),
-            React.createElement("div", { className: 'bpw-botinfo-summary' },
-                React.createElement(Avatar_1.default, { name: botName, avatarUrl: avatarUrl, height: 64, width: 64 }),
-                React.createElement("h3", null, botName),
-                this.renderDescription(botInfo.description)),
-            botInfo.details && (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: 'bpw-botinfo-links' },
-                    botInfo.details.phoneNumber && (React.createElement("div", { className: 'bpw-botinfo-link' },
-                        React.createElement("i", null,
-                            React.createElement(Phone_1.default, null)),
-                        React.createElement("a", { target: '_blank', href: `tel:${botInfo.details.phoneNumber}` }, botInfo.details.phoneNumber))),
-                    botInfo.details.website && (React.createElement("div", { className: 'bpw-botinfo-link' },
-                        React.createElement("i", null,
-                            React.createElement(Website_1.default, null)),
-                        React.createElement("a", { target: '_blank', href: botInfo.details.website }, botInfo.details.website))),
-                    botInfo.details.emailAddress && (React.createElement("div", { className: 'bpw-botinfo-link' },
-                        React.createElement("i", null,
-                            React.createElement(Email_1.default, null)),
-                        React.createElement("a", { target: '_blank', href: `mailto:${botInfo.details.emailAddress}` }, botInfo.details.emailAddress)))),
-                botInfo.details.termsConditions && (React.createElement("div", { className: 'bpw-botinfo-terms' },
-                    React.createElement("a", { target: '_blank', href: botInfo.details.termsConditions },
-                        React.createElement(react_intl_1.FormattedMessage, { id: 'botInfo.termsAndConditions' })))),
-                botInfo.details.privacyPolicy && (React.createElement("div", { className: 'bpw-botinfo-terms' },
-                    React.createElement("a", { target: '_blank', href: botInfo.details.privacyPolicy },
-                        React.createElement(react_intl_1.FormattedMessage, { id: 'botInfo.privacyPolicy' })))))),
-            botInfo.languages.length > 1 && (React.createElement("div", { className: 'bpw-botinfo-preferred-language' },
-                React.createElement(react_intl_1.FormattedMessage, { id: 'botInfo.preferredLanguage' }),
-                React.createElement("select", { value: this.props.preferredLanguage, onChange: this.changeLanguage }, botInfo.languages.map((lang) => (React.createElement("option", { key: lang, value: lang }, lang.toUpperCase())))))),
-            React.createElement("button", { tabIndex: 1, ref: (el) => (this.btnEl = el), className: 'bpw-botinfo-start-button', onClick: onDismiss.bind(this, undefined) }, this.props.isConversationStarted ? (React.createElement(react_intl_1.FormattedMessage, { id: 'botInfo.backToConversation' })) : (React.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/icons/CloseChat.d.ts

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

package/dist/icons/CloseChat.js

@@ -1,9 +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"));
-exports.default = ({ height = 17, width = 17 }) => (react_1.default.createElement("i", null,
-    react_1.default.createElement("svg", { width: width, height: height, viewBox: "0 0 17 17", xmlns: "http://www.w3.org/2000/svg" },
-        react_1.default.createElement("path", { d: "M16.726 15.402c.365.366.365.96 0 1.324-.178.178-.416.274-.663.274-.246 0-.484-.096-.663-.274L8.323 9.648h.353L1.6 16.726c-.177.178-.416.274-.663.274-.246 0-.484-.096-.663-.274-.365-.365-.365-.958 0-1.324L7.35 8.324v.35L.275 1.6C-.09 1.233-.09.64.274.274c.367-.365.96-.365 1.326 0l7.076 7.078h-.353L15.4.274c.366-.365.96-.365 1.326 0 .365.366.365.958 0 1.324L9.65 8.675v-.35l7.076 7.077z", fill: "#FFF", fillRule: "evenodd" }))));

package/dist/icons/Send.d.ts

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

package/dist/icons/Send.js

@@ -1,8 +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"));
-exports.default = ({ height = 16, width = 16 }) => (react_1.default.createElement("svg", { width: width, height: height, xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("path", { d: "M15.398 9.01l-13.87 6.865c-.536.267-1.176.081-1.422-.427A.953.953 0 010 15v-4.838l8.67-2.168L0 5.923V1.001C0 .47.407 0 1.004 0c.169 0 .416.04.567.116L15.403 7.07a1.084 1.084 0 01-.005 1.939z", fill: "#000", fillRule: "evenodd" })));

package/dist/utils.d.ts

@@ -1,8 +0,0 @@
-export declare const isIE: boolean;
-export declare const downloadFile: (name: string, blob: Blob) => void;
-export declare const checkLocationOrigin: () => void;
-export declare const initializeAnalytics: () => void;
-export declare const trackMessage: (direction: 'sent' | 'received') => void;
-export declare const trackWebchatState: (state: 'show' | 'hide' | 'toggle') => void;
-export declare const renderUnsafeHTML: (message: string | undefined, escaped: boolean) => string;
-export declare const isRTLLocale: (locale: string | undefined | null) => boolean;

package/dist/utils.js

@@ -1,111 +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.isRTLLocale = exports.renderUnsafeHTML = exports.trackWebchatState = exports.trackMessage = exports.initializeAnalytics = exports.checkLocationOrigin = exports.downloadFile = exports.isIE = void 0;
-const react_ga_1 = __importDefault(require("react-ga"));
-const snarkdown_1 = __importDefault(require("snarkdown"));
-exports.isIE = window.navigator.userAgent.match(/MSIE|Trident/) !== null;
-const downloadFile = (name, blob) => {
-    const url = window.URL.createObjectURL(blob);
-    const link = document.createElement('a');
-    link.href = url;
-    link.setAttribute('download', name);
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    window.URL.revokeObjectURL(url);
-};
-exports.downloadFile = downloadFile;
-const checkLocationOrigin = () => {
-    if (!window.location.origin) {
-        const { protocol, hostname, port } = window.location;
-        // @ts-ignore
-        window.location.origin = `${protocol}//${hostname}${port && `:${port}`}`;
-    }
-};
-exports.checkLocationOrigin = checkLocationOrigin;
-// TODO: does analytics stil work?
-const initializeAnalytics = () => {
-    if (window.SEND_USAGE_STATS) {
-        try {
-            // @ts-ignore
-            react_ga_1.default.initialize('UA-90044826-2', {
-                gaOptions: {
-                    // @ts-ignore
-                    userId: window.UUID
-                }
-            });
-            // @ts-ignore
-            react_ga_1.default.pageview(window.location.pathname + window.location.search);
-        }
-        catch (err) {
-            console.error('Error init analytics', err);
-        }
-    }
-};
-exports.initializeAnalytics = initializeAnalytics;
-const trackMessage = (direction) => {
-    if (window.SEND_USAGE_STATS) {
-        try {
-            react_ga_1.default.event({ category: 'Interactions', action: `message ${direction}` });
-        }
-        finally {
-        }
-    }
-};
-exports.trackMessage = trackMessage;
-const trackWebchatState = (state) => {
-    if (window.SEND_USAGE_STATS) {
-        try {
-            react_ga_1.default.event({ category: 'Display', action: state });
-        }
-        finally {
-        }
-    }
-};
-exports.trackWebchatState = trackWebchatState;
-const renderUnsafeHTML = (message = '', escaped) => {
-    if (escaped) {
-        message = message.replace(/</g, '&lt;').replace(/>/g, '&gt;');
-    }
-    const html = (0, snarkdown_1.default)(message);
-    return html.replace(/<a href/gi, '<a target="_blank" href');
-};
-exports.renderUnsafeHTML = renderUnsafeHTML;
-const rtlLocales = [
-    'ae' /* Avestan */,
-    'ar' /* 'العربية', Arabic */,
-    'arc' /* Aramaic */,
-    'bcc' /* 'بلوچی مکرانی', Southern Balochi */,
-    'bqi' /* 'بختياري', Bakthiari */,
-    'ckb' /* 'Soranî / کوردی', Sorani */,
-    'dv' /* Dhivehi */,
-    'fa' /* 'فارسی', Persian */,
-    'glk' /* 'گیلکی', Gilaki */,
-    'he' /* 'עברית', Hebrew */,
-    'ku' /* 'Kurdî / كوردی', Kurdish */,
-    'mzn' /* 'مازِرونی', Mazanderani */,
-    'nqo' /* N'Ko */,
-    'pnb' /* 'پنجابی', Western Punjabi */,
-    'ps' /* 'پښتو', Pashto, */,
-    'sd' /* 'سنڌي', Sindhi */,
-    'ug' /* 'Uyghurche / ئۇيغۇرچە', Uyghur */,
-    'ur' /* 'اردو', Urdu */,
-    'yi' /* 'ייִדיש', Yiddish */
-];
-// 'en-US' becomes ['en', '-us'] 'en' becomes ['en']
-const localeRegex = /^([a-zA-Z]*)([_\-a-zA-Z]*)$/;
-const isRTLLocale = (locale) => {
-    if (!locale) {
-        return false;
-    }
-    locale = locale.toLowerCase();
-    const matches = localeRegex.exec(locale);
-    if (!matches) {
-        return false;
-    }
-    return rtlLocales.includes(matches[1]);
-};
-exports.isRTLLocale = isRTLLocale;