@ethora/chat-component 25.10.5 → 25.11.1

package/dist/components/MainComponents/ChatRoom.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
+import { MessageProps } from '../../types/types';
 interface ChatRoomProps {
-    CustomMessageComponent?: any;
+    CustomMessageComponent?: React.ComponentType<MessageProps>;
     handleBackClick?: (value: boolean) => void;
 }
 declare const ChatRoom: React.FC<ChatRoomProps>;

package/dist/components/MainComponents/ChatWrapper.d.ts

@@ -1,5 +1,5 @@
 import { default as React, FC } from 'react';
-import { IConfig, IRoom, MessageProps } from '../../types/types';
+import { IConfig, IRoom } from '../../types/types';
 interface ChatWrapperProps {
     token?: string;
     room?: IRoom;
@@ -8,7 +8,6 @@ interface ChatWrapperProps {
         password: string;
     };
     MainComponentStyles?: React.CSSProperties;
-    CustomMessageComponent?: React.ComponentType<MessageProps>;
     config?: IConfig;
     roomJID?: string;
 }

package/dist/components/MainComponents/ConnectionBanner.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ConnectionBanner: React.FC;
+export default ConnectionBanner;

package/dist/components/MainComponents/LoginWrapper.d.ts

@@ -1,12 +1,12 @@
 import { default as React } from 'react';
-import { IConfig, MessageProps } from '../../types/types';
-interface LoginWrapperProps {
+import { IConfig } from '../../types/types';
+import { CustomComponentsContextValue } from '../../types/models/customComponents.model';
+interface LoginWrapperProps extends Partial<Pick<CustomComponentsContextValue, 'CustomMessageComponent' | 'CustomInputComponent' | 'CustomScrollableArea' | 'CustomDaySeparator'>> {
     user?: {
         email: string;
         password: string;
     };
     MainComponentStyles?: React.CSSProperties;
-    CustomMessageComponent?: React.ComponentType<MessageProps>;
     config?: IConfig;
     roomJID?: string;
 }

package/dist/components/MainComponents/ReduxWrapper.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
-import { ConfigUser, IConfig, MessageProps } from '../../types/types';
-interface ChatWrapperProps {
+import { ConfigUser, IConfig } from '../../types/types';
+import { CustomComponentsContextValue } from '../../types/models/customComponents.model';
+interface ChatWrapperProps extends Pick<CustomComponentsContextValue, 'CustomMessageComponent' | 'CustomInputComponent' | 'CustomScrollableArea' | 'CustomDaySeparator'> {
     token?: string;
     roomJID?: string;
     user?: ConfigUser;
@@ -9,7 +10,6 @@ interface ChatWrapperProps {
         password: string;
     };
     MainComponentStyles?: React.CSSProperties;
-    CustomMessageComponent?: React.ComponentType<MessageProps>;
     config?: IConfig;
 }
 export declare const ReduxWrapper: React.FC<ChatWrapperProps>;

package/dist/components/styled/SendInput.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 import { IConfig } from '../../types/types';
-interface SendInputProps {
+export interface SendInputProps {
     sendMessage: (message: string) => void;
+    sendMedia: (data: any, type: string) => void;
     isLoading: boolean;
     editMessage?: string;
-    sendMedia: (data: any, type: string) => void;
     config?: IConfig;
     onFocus?: () => void;
     onBlur?: () => void;
@@ -14,6 +14,9 @@ interface SendInputProps {
     inputHeight?: number;
     showPreview?: boolean;
     previewParser?: (text: string) => (string | JSX.Element)[];
+    onSendMessage?: (message: string) => void;
+    onSendMedia?: (data: any, type: string) => void;
+    placeholderText?: string;
 }
 declare const SendInput: React.FC<SendInputProps>;
 export default SendInput;

package/dist/context/CustomComponentsContext.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { CustomComponentsContextValue } from '../types/models/customComponents.model';
+interface CustomComponentsProviderProps extends CustomComponentsContextValue {
+    children: React.ReactNode;
+}
+export declare const CustomComponentsProvider: React.FC<CustomComponentsProviderProps>;
+export declare const useCustomComponents: () => CustomComponentsContextValue;
+export {};

package/dist/examples/customComponents/CustomChatInput.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { SendInputProps } from '../../components/styled/SendInput';
+type CustomChatInputProps = SendInputProps & {
+    onSendMessage?: (message: string) => void;
+    onSendMedia?: (data: any, type: string) => void;
+    placeholderText?: string;
+};
+declare const CustomChatInput: React.FC<CustomChatInputProps>;
+export default CustomChatInput;

package/dist/examples/customComponents/CustomDaySeparator.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DaySeparatorProps } from '../../types/models/customComponents.model';
+declare const CustomDaySeparator: React.FC<DaySeparatorProps>;
+export default CustomDaySeparator;

package/dist/examples/customComponents/CustomMessageBubble.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { MessageProps } from '../../types/types';
+declare const CustomMessageBubble: React.FC<MessageProps>;
+export default CustomMessageBubble;

package/dist/examples/customComponents/CustomScrollableArea.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CustomScrollableAreaProps } from '../../types/models/customComponents.model';
+declare const CustomScrollableArea: React.FC<CustomScrollableAreaProps>;
+export default CustomScrollableArea;

package/dist/hooks/useChatWrapperInit.d.ts

@@ -13,6 +13,7 @@ interface useChatWrapperInitResult {
     setShowModal: React.Dispatch<React.SetStateAction<boolean>>;
     client: XmppClient | null;
     setClient: React.Dispatch<React.SetStateAction<XmppClient | null>>;
+    isConnectionLost: boolean;
 }
 declare const useChatWrapperInit: ({ roomJID, wasAutoSelected, config, }: useChatWrapperInitProps) => useChatWrapperInitResult;
 export default useChatWrapperInit;