@webinex/chatify 2.0.1-alpha1 → 2.0.2-alpha2

package/dist/esm/types/core/api/baseApi.d.ts

@@ -11,5 +11,5 @@ export declare const __settings: ChatifyApiSettings;
 declare const TAG_TYPES: readonly ["chat", "account", "message", "thread", "thread-message"];
 export interface BaseApiEndpointBuilder extends EndpointBuilder<BaseQueryFn, (typeof TAG_TYPES)[number], 'chatify'> {
 }
-export declare const __baseApi: import("@reduxjs/toolkit/query/react").Api<BaseQueryFn, {}, "chatify", "chat" | "account" | "message" | "thread" | "thread-message", typeof import("@reduxjs/toolkit/query/react").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;
+export declare const __baseApi: import("@reduxjs/toolkit/query").Api<BaseQueryFn, {}, "chatify", "chat" | "account" | "message" | "thread" | "thread-message", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;
 export {};

package/dist/esm/types/ui/Conversation/Conversation.d.ts

@@ -9,6 +9,7 @@ import { MessageCustomizeValue } from './Message';
 import { SendingMessageCustomizeValue } from './SendingMessage';
 import { SystemMessageCustomizeValue } from './SystemMessage';
 import { CommonCustomizeValue } from '../common';
+import type { Flippo } from '@webinex/flippo';
 export interface ConversationProps extends Omit<ConversationContextValue, keyof ConversationValue> {
     value: ConversationValue;
 }
@@ -17,5 +18,6 @@ export interface ConversationCustomizeValue extends InputBoxCustomizeValue, Mess
     ConversationBody?: typeof ConversationBody.Component | null;
     ConversationHeader?: typeof ConversationHeader.Component | null;
     ConversationName?: typeof ConversationName.Component | null;
+    flippo?: Flippo;
 }
 export declare const Conversation: import("../customize").Customizable<import("react").ComponentType<ConversationProps>>;

package/dist/esm/types/ui/Conversation/ConversationContext.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { MessageBase, MessageBody } from '../../core';
+import type { Flippo } from '@webinex/flippo';
 export interface ConversationValue {
     id: string;
     name: string;
@@ -15,6 +16,7 @@ export interface ConversationContextValue extends ConversationValue {
     onNext: () => void;
     onSend: (message: MessageBody) => void;
     onRead: (id: string) => void;
+    flippo?: Flippo;
 }
 export declare const ConversationContext: React.Context<ConversationContextValue>;
 export declare function useConversation(): ConversationContextValue;

package/dist/esm/types/ui/Conversation/InputBox/InputBoxFile.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { File } from '../../../core';
+export interface InputBoxFileProps {
+    file: File;
+    disabled?: boolean;
+    onDelete: (file: File) => void;
+}
+export declare const InputBoxFile: import("../../customize").Customizable<import("react").ComponentType<InputBoxFileProps>>;

package/dist/esm/types/ui/Conversation/InputBox/InputBoxFileList.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { File } from '../../../core';
+export interface InputBoxFileListProps {
+    files: File[];
+    disabled?: boolean;
+    onDelete: (file: File) => void;
+}
+export declare const InputBoxFileList: import("../../customize").Customizable<import("react").ComponentType<InputBoxFileListProps>>;

package/dist/esm/types/ui/Conversation/InputBox/InputFilesBox.d.ts

@@ -1,2 +1,12 @@
 /// <reference types="react" />
-export declare const InputFilesBox: import("../../customize").Customizable<import("react").ComponentType<unknown>>;
+import { File } from '../../../core';
+export interface InputFilesBoxProps {
+    value: File[];
+    accept?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    onAddedClick?: () => void;
+    onUpload: (value: globalThis.File[]) => void;
+}
+export declare const InputFileButton: import("../../customize").Customizable<import("react").ComponentType<InputFilesBoxProps>>;
+export declare const InputFilesBox: import("../../customize").Customizable<import("react").ComponentType<InputFilesBoxProps>>;

package/dist/esm/types/ui/Conversation/InputBox/InputSubmitButtonBox.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 export interface InputSubmitButtonBoxProps {
     onSubmit: () => void;
+    disabled?: boolean;
+    loading?: boolean;
 }
 export declare const InputSubmitButtonBox: import("../../customize").Customizable<import("react").ComponentType<InputSubmitButtonBoxProps>>;

package/dist/esm/types/ui/Conversation/InputBox/InputTextBox.d.ts

@@ -3,6 +3,7 @@ export interface TextInputBoxProps {
     value: string;
     onChange: (value: string) => void;
     onSend: (value: string) => void;
+    disabled?: boolean;
     inputRef?: RefObject<HTMLTextAreaElement>;
 }
 export declare const InputTextBox: import("../../customize").Customizable<import("react").ComponentType<TextInputBoxProps>>;

package/dist/esm/types/ui/Conversation/InputBox/index.d.ts

@@ -1,14 +1,21 @@
 import { InputBox } from './InputBox';
-import { InputFilesBox } from './InputFilesBox';
+import { InputBoxFile } from './InputBoxFile';
+import { InputBoxFileList } from './InputBoxFileList';
+import { InputFileButton, InputFilesBox } from './InputFilesBox';
 import { InputSubmitButtonBox } from './InputSubmitButtonBox';
 import { InputTextBox } from './InputTextBox';
 export * from './InputBox';
 export * from './InputFilesBox';
 export * from './InputSubmitButtonBox';
 export * from './InputTextBox';
+export * from './InputBoxFileList';
+export * from './InputBoxFile';
 export interface InputBoxCustomizeValue {
     InputBox?: typeof InputBox.Component | null;
     InputTextBox?: typeof InputTextBox.Component | null;
     InputFilesBox?: typeof InputFilesBox.Component | null;
     InputSubmitButtonBox?: typeof InputSubmitButtonBox.Component | null;
+    InputBoxFileList?: typeof InputBoxFileList.Component | null;
+    InputBoxFile?: typeof InputBoxFile.Component | null;
+    InputFileButton?: typeof InputFileButton.Component | null;
 }

package/dist/esm/types/ui/Conversation/Message/MessageFile.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { File } from '../../../core';
+export interface MessageFileProps {
+    file: File;
+}
+export declare const MessageFile: import("../../customize").Customizable<import("react").ComponentType<MessageFileProps>>;

package/dist/esm/types/ui/Conversation/Message/MessageFileList.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageFileList: import("../../customize").Customizable<import("react").ComponentType<MessageBoxProps>>;

package/dist/esm/types/ui/Conversation/Message/index.d.ts

@@ -1,6 +1,8 @@
 import { MessageAuthor } from './MessageAuthor';
 import { MessageBox } from './MessageBox';
 import { MessageContent } from './MessageContent';
+import { MessageFile } from './MessageFile';
+import { MessageFileList } from './MessageFileList';
 import { MessageInfoBox } from './MessageInfoBox';
 import { MessageRow } from './MessageRow';
 import { MessageText } from './MessageText';
@@ -10,6 +12,8 @@ export * from './MessageContent';
 export * from './MessageInfoBox';
 export * from './MessageRow';
 export * from './MessageText';
+export * from './MessageFileList';
+export * from './MessageFile';
 export interface MessageCustomizeValue {
     MessageAuthor?: typeof MessageAuthor.Component | null;
     MessageBox?: typeof MessageBox.Component | null;
@@ -17,4 +21,6 @@ export interface MessageCustomizeValue {
     MessageInfoBox?: typeof MessageInfoBox.Component | null;
     MessageRow?: typeof MessageRow.Component | null;
     MessageText?: typeof MessageText.Component | null;
+    MessageFileList?: typeof MessageFileList.Component | null;
+    MessageFile?: typeof MessageFile.Component | null;
 }

package/dist/esm/types/ui/common/Icon.d.ts

@@ -16,5 +16,7 @@ export declare const ICONS: {
     chat: import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     watch: import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
     unwatch: import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    'delete-file': import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    'open-file': import("react").ForwardRefExoticComponent<Omit<import("@ant-design/icons/lib/components/AntdIcon").AntdIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
 };
 export declare const Icon: import("../customize").Customizable<import("react").ComponentType<IconProps>>;

package/dist/esm/types/ui/customize.d.ts

@@ -3,7 +3,7 @@ export type Customizable<TComponent extends React.ComponentType<any>> = TCompone
     Component: TComponent;
     key: string;
 };
-export declare const CustomizeContext: React.Context<Record<string, React.ComponentType<any> | null | undefined>>;
-export declare function useCustomizeContext(): Record<string, React.ComponentType<any> | null | undefined>;
+export declare const CustomizeContext: React.Context<Record<string, any>>;
+export declare function useCustomizeContext<TValue>(): TValue;
 export declare function useCustomize<TCustom extends Customizable<React.ComponentType<any>>>(custom: TCustom): TCustom["Component"] | null;
 export declare function customize<TComponent extends React.ComponentType<any>>(key: string, Component: TComponent): TComponent extends React.ComponentType<infer X> ? Customizable<React.ComponentType<X>> : never;

package/dist/esm/types/ui/localizer.d.ts

@@ -29,6 +29,11 @@ export interface Localizer {
     settings: {
         members: () => string;
     };
+    size: {
+        bytes: (value: number) => string;
+        kb: (value: number) => string;
+        mb: (value: number) => string;
+    };
 }
 export declare const LocalizerContext: React.Context<Localizer>;
 export declare function useLocalizer(): Localizer;

package/dist/esm/types/ui/useFormatter.d.ts

@@ -0,0 +1,3 @@
+export declare function useFormatter(): {
+    size: (value: number) => string;
+};