@rolder/kit 3.0.0-alpha.3 → 3.0.0-alpha.30

package/dist/ai/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ui';
+export * from './utils';

package/dist/ai/index.js

@@ -0,0 +1,2 @@
+export * from "./ui/index.js";
+export * from "./utils/index.js";

package/dist/ai/ui/{conversation → chat}/Empty.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Stack, Text } from "@mantine/core";
-import { useConversation } from "./ConversationContext.js";
+import { useIsEmpty } from "./store/index.js";
 const Empty = ()=>{
-    const { empty } = useConversation();
-    return empty ? null : /*#__PURE__*/ jsxs(Stack, {
+    const isEmpty = useIsEmpty();
+    console.log('Empty render');
+    return isEmpty ? null : /*#__PURE__*/ jsxs(Stack, {
         align: "center",
         gap: 0,
         children: [

package/dist/ai/ui/chat/File.d.ts

@@ -0,0 +1,3 @@
+export declare const File: ({ messageId }: {
+    messageId: string;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/ai/ui/{conversation → chat}/File.js

@@ -1,10 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { Image, Paper } from "@mantine/core";
 import { FileIcon } from "./FileIcon.js";
-const File = ({ message })=>{
-    const textFileType = message.id.split('-')[1];
-    const fileParts = message.parts?.filter((i)=>'file' === i.type);
-    const lastFilePart = fileParts[fileParts.length - 1];
+import { useChatMessagePart } from "./store/index.js";
+const File = ({ messageId })=>{
+    const part = useChatMessagePart(messageId, 'file');
+    const textFileType = messageId.split('-')[1];
+    console.log('File render');
     const FileComponent = ()=>{
         switch(textFileType){
             case 'excel':
@@ -20,17 +21,18 @@ const File = ({ message })=>{
                     mimeType: "powerpoint"
                 });
         }
-        if (lastFilePart.mediaType.includes('image/')) return /*#__PURE__*/ jsx(Image, {
+        if (!part) return null;
+        if (part.mediaType.includes('image/')) return /*#__PURE__*/ jsx(Image, {
             radius: "md",
             h: 128,
-            src: lastFilePart.url,
+            src: part.url,
             alt: "Image Preview"
         });
         return /*#__PURE__*/ jsx(FileIcon, {
-            mimeType: lastFilePart.mediaType
+            mimeType: part.mediaType
         });
     };
-    return textFileType || lastFilePart ? /*#__PURE__*/ jsx(Paper, {
+    return textFileType || part ? /*#__PURE__*/ jsx(Paper, {
         radius: "md",
         px: "md",
         py: "sm",

package/dist/ai/ui/chat/FileIcon.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import { IconFile, IconFileTypeDoc, IconFileTypePdf, IconFileTypePpt, IconFileTypeXls, IconPhoto } from "@tabler/icons-react";
+const FileIcon = ({ mimeType })=>{
+    switch(true){
+        case mimeType.includes('image/'):
+            return /*#__PURE__*/ jsx(IconPhoto, {
+                size: 36,
+                stroke: 1.5,
+                color: "var(--mantine-color-text)"
+            });
+        case mimeType.includes('application/pdf'):
+            return /*#__PURE__*/ jsx(IconFileTypePdf, {
+                size: 36,
+                stroke: 1.5,
+                color: "var(--mantine-color-text)"
+            });
+        case 'word' === mimeType:
+            return /*#__PURE__*/ jsx(IconFileTypeDoc, {
+                size: 36,
+                stroke: 1.5,
+                color: "var(--mantine-color-text)"
+            });
+        case 'excel' === mimeType:
+            return /*#__PURE__*/ jsx(IconFileTypeXls, {
+                size: 36,
+                stroke: 1.5,
+                color: "var(--mantine-color-text)"
+            });
+        case 'powerpoint' === mimeType:
+            return /*#__PURE__*/ jsx(IconFileTypePpt, {
+                size: 36,
+                stroke: 1.5,
+                color: "var(--mantine-color-text)"
+            });
+        default:
+            return /*#__PURE__*/ jsx(IconFile, {
+                size: 36,
+                stroke: 1.5,
+                color: "var(--mantine-color-text)"
+            });
+    }
+};
+export { FileIcon };

package/dist/ai/ui/{conversation → chat}/Loader.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { Loader } from "@mantine/core";
-import { useConversation } from "./ConversationContext.js";
+import { useIsLoading } from "./store/index.js";
 const Loader_Loader = (props)=>{
-    const { loading } = useConversation();
-    return loading ? /*#__PURE__*/ jsx(Loader, {
+    const isLoading = useIsLoading();
+    console.log('Loader render');
+    return isLoading ? /*#__PURE__*/ jsx(Loader, {
         size: 28,
         type: "dots",
         ...props

package/dist/ai/ui/chat/Message.d.ts

@@ -0,0 +1,3 @@
+export declare const Message: ({ messageId }: {
+    messageId: string;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/ai/ui/chat/Message.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { Paper } from "@mantine/core";
+import { Streamdown } from "streamdown";
+import { useChatMessage, useChatMessagePart, useIsStreaming } from "./store/index.js";
+const Message = ({ messageId })=>{
+    const message = useChatMessage(messageId);
+    const part = useChatMessagePart(messageId, 'text');
+    const isStreaming = useIsStreaming();
+    console.log('Message render');
+    return part ? /*#__PURE__*/ jsx(Paper, {
+        radius: "md",
+        px: "md",
+        py: "sm",
+        maw: "80%",
+        ml: 'user' === message.role ? 'auto' : void 0,
+        bg: 'user' === message.role ? 'var(--mantine-color-default-hover)' : 'var(--mantine-primary-color-light)',
+        fz: "sm",
+        children: /*#__PURE__*/ jsx(Streamdown, {
+            isAnimating: isStreaming && 'assistant' === message.role,
+            children: part?.text
+        })
+    }) : null;
+};
+export { Message };

package/dist/ai/ui/chat/Messages.d.ts

@@ -0,0 +1,2 @@
+import { type StackProps } from '@mantine/core';
+export declare const Messages: ({ children, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element[];

package/dist/ai/ui/chat/Messages.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Stack } from "@mantine/core";
+import { useChatMessageIds } from "./store/index.js";
+const Messages = ({ children, ...props })=>{
+    const messageIds = useChatMessageIds();
+    console.log('Messages render');
+    return messageIds.map((messageId)=>/*#__PURE__*/ jsx(Stack, {
+            ...props,
+            children: children
+        }, messageId));
+};
+export { Messages };

package/dist/ai/ui/chat/Root.d.ts

@@ -0,0 +1,8 @@
+import { type PaperProps } from '@mantine/core';
+import { type ScrollAreaProps } from '../../../ui';
+export interface ConversationRootProps extends PaperProps {
+    children?: React.ReactNode;
+    scrollAreaProps?: ScrollAreaProps;
+    withScrollButton?: boolean;
+}
+export declare const Root: ({ children, scrollAreaProps, withScrollButton, ...props }: ConversationRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/chat/Root.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Paper } from "@mantine/core";
+import { ScrollArea } from "../../../ui/index.js";
+const Root = ({ children, scrollAreaProps, withScrollButton = true, ...props })=>{
+    console.log('Root render');
+    return /*#__PURE__*/ jsx(Paper, {
+        withBorder: true,
+        radius: "md",
+        ...props,
+        children: /*#__PURE__*/ jsxs(ScrollArea, {
+            autoScroll: true,
+            scrollToBottomOnInit: true,
+            p: "md",
+            ...scrollAreaProps,
+            children: [
+                children,
+                withScrollButton && /*#__PURE__*/ jsx(ScrollArea.ScrollButton, {})
+            ]
+        })
+    });
+};
+export { Root };

package/dist/ai/ui/chat/chatInput/File.js

@@ -0,0 +1,72 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ActionIcon, FileButton, Tooltip } from "@mantine/core";
+import { IconPaperclip, IconTrash } from "@tabler/icons-react";
+import { useRef } from "react";
+import { useIsLoading } from "../store/index.js";
+import { FileIcon } from "./FileIcon.js";
+import { getAccept, setFile, useFile, useIsUploading } from "./store.js";
+const File = (props)=>{
+    const resetRef = useRef(null);
+    const isLoading = useIsLoading();
+    const isUploading = useIsUploading();
+    const file = useFile();
+    console.log('Input File render');
+    return /*#__PURE__*/ jsx(FileButton, {
+        resetRef: resetRef,
+        onChange: async (file)=>{
+            if (file) setFile(file);
+        },
+        accept: getAccept(),
+        disabled: isLoading || isUploading,
+        ...props,
+        children: (props)=>/*#__PURE__*/ jsxs(ActionIcon.Group, {
+                children: [
+                    /*#__PURE__*/ jsx(ActionIcon, {
+                        size: "lg",
+                        variant: "default",
+                        disabled: isLoading,
+                        loading: isUploading,
+                        classNames: {
+                            root: 'rolder-chat-input-file-action-action'
+                        },
+                        ...props,
+                        children: /*#__PURE__*/ jsx(IconPaperclip, {
+                            size: 24,
+                            stroke: 1.5
+                        })
+                    }),
+                    file && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(Tooltip, {
+                                label: file.name,
+                                openDelay: 500,
+                                children: /*#__PURE__*/ jsx(ActionIcon.GroupSection, {
+                                    variant: "default",
+                                    size: "lg",
+                                    children: /*#__PURE__*/ jsx(FileIcon, {
+                                        mimeType: file.type
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(ActionIcon, {
+                                size: "lg",
+                                variant: "default",
+                                classNames: {
+                                    root: 'rolder-chat-input-file-action-action'
+                                },
+                                onClick: ()=>{
+                                    resetRef.current?.();
+                                    setFile(null);
+                                },
+                                children: /*#__PURE__*/ jsx(IconTrash, {
+                                    size: 24,
+                                    stroke: 1.5
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+};
+export { File };

package/dist/ai/ui/chat/chatInput/FileIcon.js

@@ -0,0 +1,43 @@
+import { jsx } from "react/jsx-runtime";
+import { IconFile, IconFileTypeDoc, IconFileTypePdf, IconFileTypePpt, IconFileTypeXls, IconPhoto } from "@tabler/icons-react";
+const FileIcon = ({ mimeType })=>{
+    switch(true){
+        case mimeType.includes('image/'):
+            return /*#__PURE__*/ jsx(IconPhoto, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        case mimeType.includes('application/pdf'):
+            return /*#__PURE__*/ jsx(IconFileTypePdf, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        case mimeType.includes('application/vnd.openxmlformats-officedocument.wordprocessingml.document'):
+            return /*#__PURE__*/ jsx(IconFileTypeDoc, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        case mimeType.includes('application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'):
+            return /*#__PURE__*/ jsx(IconFileTypeXls, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        case mimeType.includes('application/vnd.openxmlformats-officedocument.presentationml.presentation'):
+            return /*#__PURE__*/ jsx(IconFileTypePpt, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+        default:
+            return /*#__PURE__*/ jsx(IconFile, {
+                size: 24,
+                stroke: 1.5,
+                color: "var(--mantine-color-dimmed)"
+            });
+    }
+};
+export { FileIcon };

package/dist/ai/ui/{promptInput → chat/chatInput}/Footer.js

@@ -1,8 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { Group } from "@mantine/core";
-const Footer = (props)=>/*#__PURE__*/ jsx(Group, {
+const Footer = (props)=>{
+    console.log('Input Footer render');
+    return /*#__PURE__*/ jsx(Group, {
         justify: "space-between",
         p: "xs",
         ...props
     });
+};
 export { Footer };

package/dist/ai/ui/chat/chatInput/Root.d.ts

@@ -0,0 +1,9 @@
+import { type PaperProps } from '@mantine/core';
+import { type Accept } from './store';
+export interface ChatInputRootProps extends PaperProps {
+    children?: React.ReactNode;
+    onSubmit?: () => void;
+    isUploading?: boolean;
+    accept?: Accept;
+}
+export declare const Root: ({ children, className, onSubmit, isUploading, accept, ...props }: ChatInputRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/chat/chatInput/Root.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { Paper } from "@mantine/core";
+import clsx from "clsx";
+import { useEffect } from "react";
+import { setAccept, setIsUploading, setOnSubmit } from "./store.js";
+const Root = ({ children, className, onSubmit, isUploading, accept, ...props })=>{
+    useEffect(()=>{
+        if (onSubmit) setOnSubmit(onSubmit);
+        setIsUploading(isUploading || false);
+        if (accept) setAccept(accept);
+    }, [
+        onSubmit,
+        isUploading,
+        accept
+    ]);
+    console.log('Input root render');
+    return /*#__PURE__*/ jsx(Paper, {
+        radius: "md",
+        withBorder: true,
+        className: clsx('rolder-chat-input-root', className),
+        ...props,
+        children: children
+    });
+};
+export { Root };

package/dist/ai/ui/chat/chatInput/Submit.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { ActionIcon } from "@mantine/core";
+import { IconArrowBigUp } from "@tabler/icons-react";
+import { useIsLoading } from "../store/index.js";
+import { getOnSubmit, useIsUploading } from "./store.js";
+const Submit = ({ children, ...props })=>{
+    const Icon = /*#__PURE__*/ jsx(IconArrowBigUp, {
+        strokeWidth: 1.5
+    });
+    const isLoading = useIsLoading();
+    const isUploading = useIsUploading();
+    console.log('Input submit render');
+    return /*#__PURE__*/ jsx(ActionIcon, {
+        "aria-label": "Submit",
+        variant: "light",
+        size: "lg",
+        onClick: getOnSubmit(),
+        disabled: isUploading,
+        loading: isLoading,
+        ...props,
+        children: children ?? Icon
+    });
+};
+export { Submit };

package/dist/ai/ui/{promptInput → chat/chatInput}/Textarea.js

@@ -1,16 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import { Textarea } from "@mantine/core";
-import { useState } from "react";
-import { usePromptInput } from "./PromptInputContext.js";
+import { useIsLoading } from "../store/index.js";
+import { getIsComposing, getOnSubmit, setIsComposing, setText, useIsUploading, useText } from "./store.js";
 const Textarea_Textarea = (props)=>{
-    const { text, setText, onSubmit, submiting, uploading } = usePromptInput();
-    const [isComposing, setIsComposing] = useState(false);
+    const text = useText();
+    const isLoading = useIsLoading();
+    const isUploading = useIsUploading();
+    console.log('Input textarea render');
     const handleKeyDown = (e)=>{
         if ('Enter' === e.key) {
-            if (isComposing || e.nativeEvent.isComposing) return;
+            if (getIsComposing() || e.nativeEvent.isComposing) return;
             if (e.shiftKey) return;
             e.preventDefault();
-            onSubmit();
+            getOnSubmit()();
         }
     };
     return /*#__PURE__*/ jsx(Textarea, {
@@ -18,7 +20,7 @@ const Textarea_Textarea = (props)=>{
         size: "md",
         rows: 3,
         classNames: {
-            input: 'rolder-prompt-input-textarea'
+            input: 'rolder-chat-input-textarea'
         },
         placeholder: "Напишите сообщение",
         onCompositionEnd: ()=>setIsComposing(false),
@@ -26,7 +28,7 @@ const Textarea_Textarea = (props)=>{
         onKeyDown: handleKeyDown,
         value: text,
         onChange: (e)=>setText(e.target.value),
-        disabled: submiting || uploading,
+        disabled: isLoading || isUploading,
         ...props
     });
 };

package/dist/ai/ui/{promptInput → chat/chatInput}/index.d.ts

@@ -1,6 +1,5 @@
-export type { Accept, PromptInputProps } from './types';
-export declare const PromptInput: {
-    Root: ({ className, onSubmit, submiting, uploading, accept, ...props }: import("@mantine/core").PaperProps & import("./types").PromptInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: {
+    Root: ({ children, className, onSubmit, isUploading, accept, ...props }: import("./Root").ChatInputRootProps) => import("react/jsx-runtime").JSX.Element;
     Textarea: (props: import("@mantine/core").TextareaProps) => import("react/jsx-runtime").JSX.Element;
     Footer: (props: import("@mantine/core").GroupProps) => import("react/jsx-runtime").JSX.Element;
     Submit: ({ children, ...props }: import("@mantine/core").ActionIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/{promptInput → chat/chatInput}/index.js

@@ -3,11 +3,11 @@ import { Footer } from "./Footer.js";
 import { Root } from "./Root.js";
 import { Submit } from "./Submit.js";
 import { Textarea } from "./Textarea.js";
-const PromptInput = {
+const Input = {
     Root: Root,
     Textarea: Textarea,
     Footer: Footer,
     Submit: Submit,
     File: File
 };
-export { PromptInput };
+export { Input };

package/dist/ai/ui/chat/chatInput/store.d.ts

@@ -0,0 +1,13 @@
+export declare const setText: (text: string) => void;
+export declare const useText: () => string;
+export declare const getIsComposing: () => boolean;
+export declare const setIsComposing: (isComposing: boolean) => void;
+export declare const useIsUploading: () => boolean;
+export declare const setIsUploading: (isUploading: boolean) => void;
+export declare const useFile: () => File | null;
+export declare const setFile: (file: File | null) => void;
+export declare const getOnSubmit: () => () => void;
+export declare const setOnSubmit: (onSubmit: () => void) => void;
+export type Accept = ('text' | 'image' | 'pdf' | 'word' | 'excel')[];
+export declare const getAccept: () => string;
+export declare const setAccept: (accept: Accept) => void;

package/dist/ai/ui/chat/chatInput/store.js

@@ -0,0 +1,40 @@
+import { useStore } from "@nanostores/react";
+import { atom } from "nanostores";
+const $text = atom('');
+const setText = (text)=>$text.set(text);
+const useText = ()=>useStore($text);
+const $isComposing = atom(false);
+const getIsComposing = ()=>$isComposing.get();
+const setIsComposing = (isComposing)=>$isComposing.set(isComposing);
+const $isUploading = atom(false);
+const useIsUploading = ()=>useStore($isUploading);
+const setIsUploading = (isUploading)=>$isUploading.set(isUploading);
+const $file = atom(null);
+const useFile = ()=>useStore($file);
+const setFile = (file)=>$file.set(file);
+const $onSubmit = atom(()=>()=>{});
+const getOnSubmit = ()=>$onSubmit.get();
+const setOnSubmit = (onSubmit)=>$onSubmit.set(onSubmit);
+const $accept = atom([
+    'text',
+    'image',
+    'pdf'
+]);
+const getAccept = ()=>$accept.get().map((type)=>{
+        switch(type){
+            case 'text':
+                return 'text/plain';
+            case 'image':
+                return 'image/*';
+            case 'pdf':
+                return 'application/pdf';
+            case 'excel':
+                return 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
+            case 'word':
+                return 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
+            default:
+                return type;
+        }
+    }).join(',');
+const setAccept = (accept)=>$accept.set(accept);
+export { getAccept, getIsComposing, getOnSubmit, setAccept, setFile, setIsComposing, setIsUploading, setOnSubmit, setText, useFile, useIsUploading, useText };

package/dist/ai/ui/chat/index.d.ts

@@ -0,0 +1,13 @@
+export declare const Chat: {
+    Root: ({ children, scrollAreaProps, withScrollButton, ...props }: import("./Root").ConversationRootProps) => import("react/jsx-runtime").JSX.Element;
+    Messages: ({ children, ...props }: import("@mantine/core").StackProps) => import("react/jsx-runtime").JSX.Element[];
+    Message: ({ messageId }: {
+        messageId: string;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    File: ({ messageId }: {
+        messageId: string;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    Loader: (props: import("@mantine/core").LoaderProps) => import("react/jsx-runtime").JSX.Element | null;
+    Empty: () => import("react/jsx-runtime").JSX.Element | null;
+};
+export { Input } from './chatInput';

package/dist/ai/ui/{conversation → chat}/index.js

@@ -2,13 +2,15 @@ import { Empty } from "./Empty.js";
 import { File } from "./File.js";
 import { Loader } from "./Loader.js";
 import { Message } from "./Message.js";
+import { Messages } from "./Messages.js";
 import { Root } from "./Root.js";
-import { useChatMessage } from "./useChatMessage.js";
-const Conversation = {
+import { Input } from "./chatInput/index.js";
+const Chat = {
     Root: Root,
+    Messages: Messages,
     Message: Message,
     File: File,
     Loader: Loader,
     Empty: Empty
 };
-export { Conversation, useChatMessage };
+export { Chat, Input };

package/dist/ai/ui/chat/store/index.d.ts

@@ -0,0 +1,2 @@
+export * from './messages';
+export * from './states';

package/dist/ai/ui/chat/store/index.js

@@ -0,0 +1,2 @@
+export * from "./messages.js";
+export * from "./states.js";

package/dist/ai/ui/chat/store/messages.d.ts

@@ -0,0 +1,17 @@
+import { type UseChatOptions } from '@ai-sdk/react';
+import type { ChatInit, FileUIPart, UIDataTypes, UIMessage, UIMessagePart, UITools } from 'ai';
+export declare const $chatMessageIds: import("nanostores").PreinitializedWritableAtom<string[]> & object;
+export declare const $chatMessages: import("nanostores").PreinitializedMapStore<Record<string, UIMessage<unknown, UIDataTypes, UITools>>> & object;
+export declare const getChatMessage: (messageId: string) => UIMessage<unknown, UIDataTypes, UITools>;
+export declare const getChatMessages: <T extends UIMessage>() => T[];
+export declare const setChatMessages: <T extends UIMessage>(messages: T[]) => void;
+export declare const getIsEmpty: () => boolean;
+export declare const useIsEmpty: () => boolean;
+export declare const useChatMessageIds: <T extends UIMessage>(props?: UseChatOptions<T> & ChatInit<T>) => string[];
+export declare const useChatMessage: <T extends UIMessage>(messageId: string) => T;
+export declare const useChatMessagePart: <M extends UIMessage, T extends UIMessagePart<UIDataTypes, UITools>>(messageId: string, type?: T["type"]) => T | undefined;
+export type SendMessage = ({ text, file }: {
+    text: string;
+    file?: FileUIPart;
+}, data?: Record<string, unknown>) => Promise<void>;
+export declare const sendMessage: SendMessage;