@botpress/webchat 0.2.4 → 0.3.1

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.d.ts

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

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/MoreOptions/index.d.ts

@@ -1,21 +0,0 @@
-import { IconName } from '@blueprintjs/core';
-import { FC } from 'react';
-interface MoreOptionsProps {
-    show: boolean;
-    onToggle: (value: boolean) => void;
-    children?: any;
-    className?: string;
-    element?: JSX.Element;
-    items: MoreOptionsItems[];
-}
-export interface MoreOptionsItems {
-    icon?: IconName;
-    label: string;
-    className?: string;
-    selected?: boolean;
-    content?: JSX.Element;
-    action?: () => void;
-    type?: 'delete';
-}
-declare const MoreOptions: FC<MoreOptionsProps>;
-export default MoreOptions;

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

@@ -1,60 +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 classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importStar(require("react"));
-const Overlay_1 = __importDefault(require("../Overlay"));
-const style = __importStar(require("./style.module.scss"));
-const MoreOptions = (props) => {
-    const { show, onToggle, className, items, element } = props;
-    const handleToggle = (e) => {
-        e.stopPropagation();
-        onToggle(!show);
-    };
-    const onAction = (e, action) => {
-        e.stopPropagation();
-        onToggle(false);
-        action();
-    };
-    return (react_1.default.createElement(react_1.Fragment, null,
-        !element && (react_1.default.createElement("button", { onClick: handleToggle, type: "button", className: (0, classnames_1.default)(style.moreBtn, 'more-options-btn', { [style.active]: show }) },
-            react_1.default.createElement("span", { className: style.moreBtnDots }))),
-        element,
-        show && (react_1.default.createElement("ul", { className: (0, classnames_1.default)(style.moreMenu, 'more-options-more-menu', className) }, items.map((item, index) => {
-            const { action, className, content, icon, label, type, selected } = item;
-            return (react_1.default.createElement("li", { key: index, className: className }, content ? (content) : (react_1.default.createElement(react_1.Fragment, null,
-                action && (react_1.default.createElement(core_1.Button, { icon: icon, minimal: true, className: (0, classnames_1.default)(style.moreMenuItem, {
-                        [style.delete]: type === 'delete',
-                        ['more-options-selected-option']: selected
-                    }), onClick: (e) => onAction(e, action) },
-                    label,
-                    selected && react_1.default.createElement(core_1.Icon, { icon: "tick", iconSize: 12 }))),
-                !action && (react_1.default.createElement("span", { className: (0, classnames_1.default)(style.moreMenuItem, style.noHover, { [style.delete]: type === 'delete' }) },
-                    react_1.default.createElement(core_1.Icon, { icon: icon, iconSize: 16 }),
-                    label))))));
-        }))),
-        show && react_1.default.createElement(Overlay_1.default, { onClick: handleToggle })));
-};
-exports.default = MoreOptions;

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

@@ -1,7 +0,0 @@
-import React, { FC } from 'react';
-export interface OverlayProps {
-    onClick: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    onContextMenu?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-}
-declare const Overlay: FC<OverlayProps>;
-export default Overlay;

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

@@ -1,36 +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 react_1 = __importDefault(require("react"));
-const style = __importStar(require("./style.module.scss"));
-const Overlay = ({ onClick, onContextMenu }) => (react_1.default.createElement("div", { onContextMenu: (e) => {
-        e.preventDefault();
-        e.persist();
-        if (!onContextMenu) {
-            onClick(e);
-            return;
-        }
-        onContextMenu(e);
-    }, className: style.overlay, onClick: onClick }));
-exports.default = Overlay;

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 still 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;