@botpress/webchat 0.5.1 → 1.0.1

package/dist/services/clipboard.d.ts

@@ -0,0 +1 @@
+export declare function copyToClipboard(value: string, description?: string): Promise<string>;

package/dist/services/images.d.ts

@@ -0,0 +1,2 @@
+import { Dimensions, Options } from '../types';
+export declare const getImageSize: (url: string, options?: Options) => Promise<Dimensions>;

package/dist/services/index.d.ts

@@ -0,0 +1,3 @@
+export * from './clipboard';
+export * from './images';
+export * from './toast';

package/dist/services/toast.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+type ToastType = ToastProps['type'] | CustomToastProps['type'];
+type CustomToastProps = {
+    type: 'custom';
+    content?: ReactNode;
+};
+type ToastProps = {
+    type?: 'success' | 'error' | 'neutral';
+    title: string;
+    icon?: FC<{
+        className?: string;
+        type?: ToastType;
+    }>;
+    description?: string;
+};
+export declare function showToast(props: ToastProps | CustomToastProps): string;
+export {};

package/dist/themes/dawn.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../schemas';
+export declare function buildDawnTheme(color: string): Theme;

package/dist/themes/duskTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../schemas';
+export declare const duskTheme: Theme;

package/dist/themes/eggplant.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../schemas';
+export declare const eggplantTheme: Theme;

package/dist/themes/galaxy.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../schemas';
+export declare const galaxyTheme: Theme;

package/dist/themes/index.d.ts

@@ -0,0 +1,6 @@
+export * from './dawn';
+export * from './midnight';
+export * from './duskTheme';
+export * from './eggplant';
+export * from './galaxy';
+export * from './prism';

package/dist/themes/midnight.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../schemas';
+export declare function buildMidnightTheme(color: string): Theme;

package/dist/themes/prism.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../schemas';
+export declare const prismTheme: Theme;

package/dist/twind.config.d.ts

@@ -0,0 +1,9 @@
+export declare const config: import("@twind/core").TwindConfig<import("@twind/core").BaseTheme & import("@twind/preset-tailwind").TailwindTheme & import("@twind/preset-container-queries").ContainerQueriesTheme & {
+    fontFamily: {
+        sans: string[];
+        rubik: string[];
+        plex: string[];
+        mono: string[];
+    };
+    extend: never;
+}>;

package/dist/types/block-type.d.ts

@@ -0,0 +1,93 @@
+import type { Theme } from '../schemas';
+export declare const blockTypes: readonly ["button", "text", "image", "audio", "video", "file", "location", "column", "row", "bubble", "carousel", "dropdown"];
+export declare const markdownTypes: readonly ["heading1", "heading2", "heading3", "text", "horizontalRule", "link", "italic", "bold", "orderedList", "unorderedList", "listItem", "lineBreak", "pre"];
+export type MarkdownTypes = (typeof markdownTypes)[number];
+export type BlockTypes = (typeof blockTypes)[number];
+export type BlockStyles = NonNullable<Theme['message']>['blocks'];
+export type BlockObject = DropdownBlock | ButtonBlock | TextBlock | ImageBlock | AudioBlock | VideoBlock | FileBlock | LocationBlock | ColumnBlock | RowBlock | BubbleBlock | CarouselBlock;
+export type Sender = {
+    name: string;
+    avatar?: string;
+};
+export type MessageObject = {
+    direction: 'incoming' | 'outgoing' | 'system';
+    disableInput?: boolean;
+    sender: Sender;
+    timestamp: Date;
+    block: BlockObject;
+};
+export type ButtonBlock = {
+    type: 'button';
+    variant: 'action' | 'link';
+    reusable?: boolean;
+    groupId?: string;
+    text: string;
+    buttonValue: string;
+};
+export type TextBlock = {
+    type: 'text';
+    text: string;
+};
+export type ImageBlock = {
+    type: 'image';
+    orientation?: 'portrait' | 'landscape' | 'square' | 'auto';
+    url: string;
+};
+export type AudioBlock = {
+    type: 'audio';
+    url: string;
+};
+export type VideoBlock = {
+    type: 'video';
+    url: string;
+};
+export type FileBlock = {
+    type: 'file';
+    url: string;
+    title?: string;
+};
+type DropdownChoice = {
+    label: string;
+    value: string;
+};
+export type DropdownBlock = {
+    label?: string;
+    type: 'dropdown';
+    reusable?: boolean;
+    options: DropdownChoice[];
+};
+export type LocationBlock = {
+    type: 'location';
+    latitude: number;
+    longitude: number;
+    title?: string;
+};
+export type ColumnBlock = {
+    type: 'column';
+    blocks: BlockObject[];
+    horizontalAlignment?: 'left' | 'center' | 'right';
+    verticalAlignment?: 'top' | 'center' | 'bottom' | 'stretch';
+};
+export type RowBlock = {
+    type: 'row';
+    blocks: BlockObject[];
+    horizontalAlignment?: 'left' | 'center' | 'right' | 'stretch';
+    verticalAlignment?: 'top' | 'center' | 'bottom';
+};
+export type CarouselBlock = {
+    type: 'carousel';
+    blocks: BlockObject[];
+};
+export type BubbleBlock = {
+    type: 'bubble';
+    block: BlockObject;
+};
+export type CommonBlockProps = {
+    styles?: BlockStyles;
+};
+export type BlockMap<P extends BlockObject = BlockObject> = {
+    [T in P['type']]: Extract<P, {
+        type: T;
+    }>;
+};
+export {};

package/dist/types/image.d.ts

@@ -0,0 +1,11 @@
+export type Options = {
+    timeout?: number;
+};
+export type Dimensions = {
+    width: number;
+    height: number;
+};
+export type UseImageSizeResult = [Dimensions | null, {
+    loading: boolean;
+    error: string | null;
+}];

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './block-type';
+export * from './image';

package/package.json

@@ -1,55 +1,67 @@
 {
   "name": "@botpress/webchat",
-  "version": "0.5.1",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "source": "src/index.tsx",
-  "license": "AGPL-3.0",
-  "scripts": {
-    "build": "yarn && yarn run -T tsc --build",
-    "watch": "yarn && yarn run -T tsc --build --watch",
-    "dev": "yarn run -T parcel test/index.html",
-    "copy:scss": "yarn run -T copyfiles -u 1 ./src/**/*.scss dist",
-    "prepublish": "yarn run -T rimraf dist && yarn --immutable && yarn run -T tsc --build && yarn run -T rimraf dist/.tsbuildinfo && yarn copy:scss"
+  "version": "1.0.1",
+  "type": "module",
+  "license": "MIT",
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    }
   },
-  "files": [
-    "dist",
-    "assets"
-  ],
-  "devDependencies": {
-    "@types/crypto-js": "^4.1.1",
-    "@types/js-cookie": "^3.0.1",
-    "@types/lodash": "^4.14.178",
-    "@types/mime": "^2.0.3",
-    "@types/node": "^16.11.13",
-    "@types/react": "^17.0.38",
-    "@types/react-dom": "^17.0.11",
-    "@types/uuid": "^8.3.4",
-    "prop-types": "^15.8.1"
+  "scripts": {
+    "type:check": "tsc --noEmit",
+    "dev": "vite",
+    "build": "pnpm type:check && vite build",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
   },
   "dependencies": {
-    "@blueprintjs/core": "^3.23.1",
-    "@botpress/messaging-components": "0.4.3",
-    "@botpress/messaging-socket": "1.2.0",
-    "@formatjs/intl-pluralrules": "^4.1.6",
-    "@formatjs/intl-utils": "^3.8.4",
-    "@juggle/resize-observer": "^3.0.2",
-    "axios": "^0.25.0",
-    "classnames": "^2.3.1",
-    "crypto-js": "^4.1.1",
-    "date-fns": "^1.30.1",
-    "js-cookie": "^3.0.1",
-    "lodash": "^4.17.21",
-    "mime": "^3.0.0",
-    "mobx": "5.15.7",
-    "mobx-react": "^6.2.1",
-    "query-string": "^7.1.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-ga": "^2.7.0",
-    "react-intl": "^3.12.1",
-    "react-scroll-to-bottom": "^4.2.0",
-    "snarkdown": "^2.0.0",
-    "uuid": "^8.3.2"
+    "@botpress/messaging-socket": "^1.2.0",
+    "@floating-ui/react": "^0.25.4",
+    "@headlessui/react": "1.7.11",
+    "@heroicons/react": "^2.0.18",
+    "@material/material-color-utilities": "^0.2.7",
+    "@radix-ui/react-avatar": "^1.0.3",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-dialog": "^1.0.4",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "@twind/core": "^1.1.3",
+    "@twind/intellisense": "^1.1.3",
+    "@twind/preset-autoprefix": "^1.0.7",
+    "@twind/preset-container-queries": "^1.0.7",
+    "@twind/preset-tailwind": "^1.1.4",
+    "@twind/with-react": "^1.1.3",
+    "@types/color-convert": "^2.0.1",
+    "@types/uuid": "^9.0.3",
+    "classnames": "^2.3.2",
+    "clsx": "^2.0.0",
+    "color-convert": "^2.0.1",
+    "embla-carousel-react": "8.0.0-rc11",
+    "google-map-react": "^2.2.1",
+    "react": "^18.2.0",
+    "react-colorful": "^5.6.1",
+    "react-dom": "^18.2.0",
+    "react-hot-toast": "^2.4.1",
+    "react-markdown": "^8.0.7",
+    "react-use": "^17.4.0",
+    "tailwind-scrollbar": "^3.0.4",
+    "uuid": "^9.0.0",
+    "vite-plugin-svgr": "^3.2.0",
+    "zod": "^3.21.4",
+    "zustand": "^4.4.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.37",
+    "@types/react-dom": "^18.0.11",
+    "@vitejs/plugin-react-swc": "^3.0.0",
+    "autoprefixer": "^10.4.14",
+    "tailwindcss": "^3.3.2",
+    "typescript": "^5.0.2",
+    "vite": "^4.3.9",
+    "vite-plugin-dts": "^3.5.4"
   }
-}
+}

package/README.md

@@ -1,41 +0,0 @@
-# Webchat
-
-### Sending
-
-| Channels | Webchat | Details |
-| -------- | :-----: | :------ |
-| Text     |   ✅    |         |
-| Image    |   ✅    |         |
-| Choice   |   ✅    |         |
-| Dropdown |   ✅    |         |
-| Card     |   ✅    |         |
-| Carousel |   ✅    |         |
-| File     |   ✅    |         |
-| Audio    |   ✅    |         |
-| Video    |   ✅    |         |
-| Location |   ✅    |         |
-
-### Receiving
-
-| Channels      | Webchat | Details |
-| ------------- | :-----: | :------ |
-| Text          |   ✅    |         |
-| Quick Reply   |   ✅    |         |
-| Postback      |   ✅    |         |
-| Say Something |   ✅    |         |
-| Voice         |   ✅    |         |
-| Image         |   ❌    |         |
-| File          |   ❌    |         |
-| Audio         |   ❌    |         |
-| Video         |   ❌    |         |
-| Location      |   ❌    |         |
-
-## Development
-
-When working on the webchat, to see changes made to the codebase, you will need to follow the steps detailed [here](../inject/README.md). The inject script is the part that links any web page to a webchat. This is the easiest way to manually test the webchat.
-
-## Tests
-
-To run automated E2E tests, simply run the command `yarn test:chat [--browser <chromium | firefox | edge | electron>]` (for the list of supported browsers see: https://docs.cypress.io/guides/guides/launching-browsers#Browsers).
-
-Tests can be found in `tests/e2e` and uses Cypress as the test framework. Configurations for Cypress can be found in the `cypress.json` file at the root of the repository.

package/assets/fonts/roboto.css

@@ -1,128 +0,0 @@
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local('Roboto'), local('Roboto-Regular'), url(roboto/roboto.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local('Roboto'), local('Roboto-Regular'), url(roboto/roboto.woff2) format('woff2');
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local('Roboto'), local('Roboto-Regular'), url(roboto/roboto.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local('Roboto'), local('Roboto-Regular'), url(roboto/roboto.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local('Roboto'), local('Roboto-Regular'), url(roboto/roboto.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local('Roboto'), local('Roboto-Regular'), url(roboto/roboto.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local('Roboto'), local('Roboto-Regular'), url(roboto/roboto.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
-    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/roboto500.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/roboto500.woff2) format('woff2');
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/roboto500.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/roboto500.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/roboto500.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/roboto500.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: local('Roboto Medium'), local('Roboto-Medium'), url(roboto/roboto500.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
-    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}

package/dist/components/Composer.js

@@ -1,118 +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 react_intl_1 = require("react-intl");
-const ToolTip_1 = __importDefault(require("./common/ToolTip"));
-const VoiceRecorder_1 = __importDefault(require("./VoiceRecorder"));
-class Composer extends react_1.default.Component {
-    constructor(props) {
-        super(props);
-        this.focus = () => {
-            setTimeout(() => {
-                var _a;
-                (_a = this.textInput.current) === null || _a === void 0 ? void 0 : _a.focus();
-            }, 50);
-        };
-        this.handleKeyPress = (e) => __awaiter(this, void 0, void 0, function* () {
-            if (e.key === 'Enter') {
-                e.preventDefault();
-                yield this.props.sendMessage();
-            }
-        });
-        this.handleKeyDown = (e) => {
-            if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
-                this.props.recallHistory(e.key);
-            }
-        };
-        this.handleMessageChanged = (e) => this.props.updateMessage(e.target.value);
-        this.isLastMessageFromBot = () => {
-            var _a, _b, _c, _d;
-            return ((_d = (_c = (_b = (_a = this.props.currentConversation) === null || _a === void 0 ? void 0 : _a.messages) === null || _b === void 0 ? void 0 : _b.slice(-1)) === null || _c === void 0 ? void 0 : _c.pop()) === null || _d === void 0 ? void 0 : _d.authorId) === undefined;
-        };
-        this.onVoiceStart = () => {
-            this.setState({ isRecording: true });
-        };
-        this.onVoiceEnd = (voice, ext) => __awaiter(this, void 0, void 0, function* () {
-            this.setState({ isRecording: false });
-            yield this.props.sendVoiceMessage(voice, ext);
-        });
-        this.onVoiceNotAvailable = () => {
-            console.warn('Voice input is not available on this browser. Please check https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder for compatibility');
-        };
-        this.textInput = react_1.default.createRef();
-        this.state = { isRecording: false };
-    }
-    componentDidMount() {
-        this.focus();
-        (0, mobx_1.observe)(this.props.focusedArea, (focus) => {
-            var _a;
-            focus.newValue === 'input' && ((_a = this.textInput.current) === null || _a === void 0 ? void 0 : _a.focus());
-        });
-    }
-    componentWillReceiveProps(newProps) {
-        // Focus on the composer when it's unlocked
-        if (this.props.composerLocked === true && newProps.composerLocked === false) {
-            this.focus();
-        }
-    }
-    render() {
-        if (this.props.composerHidden) {
-            return null;
-        }
-        const placeholder = this.props.composerPlaceholder ||
-            this.props.intl.formatMessage({
-                id: this.isLastMessageFromBot() ? 'composer.placeholder' : 'composer.placeholderInit'
-            }, { name: this.props.botName });
-        return (react_1.default.createElement("div", { role: "region", className: 'bpw-composer' },
-            react_1.default.createElement("div", { className: 'bpw-composer-inner' },
-                react_1.default.createElement("textarea", { ref: this.textInput, id: "input-message", onFocus: this.props.setFocus.bind(this, 'input'), placeholder: placeholder, onChange: this.handleMessageChanged, value: this.props.message, onKeyPress: this.handleKeyPress, onKeyDown: this.handleKeyDown, "aria-label": this.props.intl.formatMessage({
-                        id: 'composer.message',
-                        defaultMessage: 'Message to send'
-                    }), disabled: this.props.composerLocked }),
-                react_1.default.createElement("label", { htmlFor: "input-message", style: { display: 'none' } }, placeholder),
-                react_1.default.createElement("div", { className: 'bpw-send-buttons' },
-                    this.props.enableVoiceComposer && (react_1.default.createElement(VoiceRecorder_1.default, { onStart: this.onVoiceStart, onDone: this.onVoiceEnd, onNotAvailable: this.onVoiceNotAvailable })),
-                    react_1.default.createElement(ToolTip_1.default, { childId: "btn-send", content: this.props.intl.formatMessage({
-                            id: 'composer.sendMessage',
-                            defaultMessage: 'Send Message'
-                        }) },
-                        react_1.default.createElement("button", { className: 'bpw-send-button', disabled: !this.props.message.length || this.props.composerLocked || this.state.isRecording, onClick: this.props.sendMessage.bind(this, undefined), "aria-label": this.props.intl.formatMessage({
-                                id: 'composer.send',
-                                defaultMessage: 'Send'
-                            }), id: "btn-send" },
-                            react_1.default.createElement(react_intl_1.FormattedMessage, { id: 'composer.send' })))))));
-    }
-}
-exports.default = (0, mobx_react_1.inject)(({ store }) => ({
-    enableVoiceComposer: store.config.enableVoiceComposer,
-    message: store.composer.message,
-    composerLocked: store.composer.locked,
-    composerHidden: store.composer.hidden,
-    composerPlaceholder: store.composer.composerPlaceholder,
-    updateMessage: store.composer.updateMessage,
-    recallHistory: store.composer.recallHistory,
-    intl: store.intl,
-    sendMessage: store.sendMessage,
-    sendVoiceMessage: store.sendVoiceMessage,
-    botName: store.botName,
-    setFocus: store.view.setFocus,
-    focusedArea: store.view.focusedArea,
-    focusPrevious: store.view.focusPrevious,
-    focusNext: store.view.focusNext,
-    currentConversation: store.currentConversation,
-    preferredLanguage: store.preferredLanguage
-}))((0, react_intl_1.injectIntl)((0, mobx_react_1.observer)(Composer)));