vrfi-design-system 1.1.54 → 1.1.56

package/dist/index.d.ts

@@ -136,7 +136,9 @@ import { default as useForm } from '../hooks/useForm';
 import { UseFormProps } from 'react-hook-form';
 import { useFormProps } from '../hooks/useForm';
 import { UseFormReturn } from 'react-hook-form';
-import { UserType } from '../../../enums/userTypes.enum';
+import { UserType } from '../../enums/userTypes.enum';
+import { UserType as UserType_2 } from '../../../enums/userTypes.enum';
+import { UserType as UserType_3 } from '../../../../enums/userTypes.enum';
 import { VerificationTypes } from '../../enums/verificationTypes.enum';
 import { VerificationTypes as VerificationTypes_2 } from '../../../enums/verificationTypes.enum';
 import * as Yup from 'yup';
@@ -293,6 +295,24 @@ export declare interface CardWithIconAndTextProps {
     subHeading: string;
 }
 
+export declare const ChatDetails: default_2.FC<ChatDetailsProps>;
+
+declare interface ChatDetailsProps {
+    selectedChat: LooseChat | null;
+    newMessage: string;
+    onMessageChange: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
+    onSendMessage: () => void;
+    userType: UserType_3;
+}
+
+export declare const ChatList: <T extends GenericChatShape>({ chats, onChatClick, selectedChat, }: ChatListProps<T>) => default_2.JSX.Element;
+
+declare interface ChatListProps<T extends GenericChatShape> {
+    chats: T[];
+    onChatClick: (chat: T) => void | Promise<void>;
+    selectedChat: T | null;
+}
+
 export declare const Checkbox: ({ children, group, options, disabled, indeterminate, defaultChecked, onChange, label, isBlock, checked, maxRows }: CheckboxProps) => default_2.JSX.Element;
 
 export declare const CheckboxGroup: ({ label, name, isBlock, className, options, maxRows, ...props }: CheckboxGroupProps) => default_2.JSX.Element;
@@ -591,6 +611,20 @@ export { GenderProfileEnum }
 
 export { GenderValueEnum }
 
+declare interface GenericChatShape {
+    id?: string | number;
+    newChatId?: string | number;
+    updatedAt?: string;
+    unreadCount?: number;
+    lastMessage?: {
+        body?: string;
+    };
+    participantDetails?: {
+        name?: string;
+        profileUrl?: string;
+    };
+}
+
 export { HtmlButtonType }
 
 export { Icons }
@@ -689,6 +723,21 @@ export declare interface LoaderProps {
     tip?: string;
 }
 
+declare interface LooseChat {
+    participantDetails?: {
+        name?: string;
+        profileUrl?: string;
+    };
+    messages?: LooseMessage[];
+}
+
+declare interface LooseMessage {
+    id?: number;
+    senderType?: string;
+    body?: string;
+    createdAt?: string;
+}
+
 export declare type MenuItem = Required<MenuProps>["items"][number];
 
 export { MobileInputValue }
@@ -876,7 +925,7 @@ export declare interface ProfileDetailProps {
     verificationType?: string;
     verificationDocument?: string;
     verificationExpiryDate?: string;
-    userType?: UserType;
+    userType?: UserType_2;
     userAttachment?: PreviewCardProps;
     textImage?: boolean;
 }
@@ -1211,6 +1260,8 @@ export declare type UserStatusProps = {
     userStatus: StatusTypes_2;
 };
 
+export { UserType }
+
 export declare interface ValidationRuleProps {
     test: (val: string) => boolean;
     message: string;