touchstudy-core 0.1.7 → 0.1.9

package/dist/components/Chats/ChatContainer.d.ts

@@ -0,0 +1,13 @@
+import { IChatListProps } from "./ChatList";
+import { IInputChatProps } from "./InputChat";
+import { IChatHeaderProps } from "./ChatHeader";
+import { FC } from "react";
+export interface IChatContainerProps {
+    chatHeaderProps: IChatHeaderProps;
+    chatListProps: IChatListProps;
+    inputProps: IInputChatProps;
+    height?: string;
+    onRead?: () => void;
+}
+declare const ChatContainer: FC<IChatContainerProps>;
+export default ChatContainer;

package/dist/components/Chats/ChatHeader.d.ts

@@ -0,0 +1,17 @@
+import { FC } from "react";
+import { Option } from "./configs/types";
+export interface IExamOption {
+    id: number;
+    code: string;
+    title: string;
+    createdAt: string;
+    startTime: string;
+}
+export interface IChatHeaderProps {
+    name: string;
+    avatar?: string;
+    options?: IExamOption[];
+    onChangeOption?: (value: Option) => void;
+}
+declare const ChatHeader: FC<IChatHeaderProps>;
+export default ChatHeader;

package/dist/components/Chats/ChatItem.d.ts

@@ -0,0 +1,39 @@
+import { FC } from "react";
+import React from "react";
+import { MessageStatus } from "./configs/types";
+export interface IChatItemProps {
+    id?: number;
+    isMe?: boolean;
+    name: string;
+    avatar?: string;
+    isSystemLog?: boolean;
+    content?: string;
+    createdAt: string;
+    isRead: boolean;
+    type?: ChatItemType;
+    examCode?: string;
+    examId?: number;
+    parentId?: number;
+    parentContent?: string;
+    showExamHeader?: boolean;
+    isFirst?: boolean;
+    isLast?: boolean;
+    actionLink?: string;
+    examTitle?: string;
+    selectedReplyMessageId?: number;
+    selectedReplyItemRef?: React.RefObject<HTMLLIElement>;
+    status: MessageStatus;
+    onToggleReply?: (id: number) => void;
+}
+export interface IChatItemWithActionProps extends IChatItemProps {
+    onAddExamMessage?: (examId: number, title: string) => void;
+    onReply?: (id: number, content: string, examId?: number) => void;
+    onReTrySendMessage?: () => void;
+}
+export declare enum ChatItemType {
+    Default = 0,
+    Exam = 1,
+    Class = 2
+}
+declare const ChatItem: FC<IChatItemWithActionProps>;
+export default ChatItem;

package/dist/components/Chats/ChatLeftItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { IChatItemWithActionProps } from "./ChatItem";
+declare const ChatLeftItem: FC<IChatItemWithActionProps>;
+export default ChatLeftItem;

package/dist/components/Chats/ChatList.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from "react";
+import { IChatItemProps } from "./ChatItem";
+export interface IChatListProps {
+    messages?: IChatItemProps[];
+    onAddExamMessage: (examId: number, examTitle: string) => void;
+    onReTrySendMessage?: () => void;
+    onReply?: (id: number, content: string, examId?: number) => void;
+}
+interface Props extends IChatListProps {
+    listItemRef: React.RefObject<HTMLUListElement>;
+}
+declare const ChatList: FC<Props>;
+export default ChatList;

package/dist/components/Chats/ChatRightItem.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { IChatItemWithActionProps } from "./ChatItem";
+import { MessageRequest } from "./configs/types";
+interface Props extends IChatItemWithActionProps {
+    onReTrySendMessage?: (req?: MessageRequest) => void;
+}
+declare const ChatRightItem: FC<Props>;
+export default ChatRightItem;

package/dist/components/Chats/InputChat.d.ts

@@ -0,0 +1,14 @@
+import React, { FC } from "react";
+export interface IInputChatProps {
+    text: string;
+    parentText?: string;
+    examTitle?: string;
+    onSubmit: () => void;
+    onChangeInput: (text: string) => void;
+    onClearReply?: () => void;
+}
+interface Props extends IInputChatProps {
+    inputRef: React.RefObject<HTMLInputElement>;
+}
+declare const InputChat: FC<Props>;
+export default InputChat;

package/dist/components/Chats/apiClient/conversationService.d.ts

@@ -0,0 +1,7 @@
+import { ConversationFilter, MessageFilter, MessageRequest } from "../configs/types";
+export declare const getListConversation: (query: ConversationFilter) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const createConversation: (studentId: number) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const apiAddMessage: (conversationId: number, message: MessageRequest) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const getMessagesByConversation: (conversationId: number, filter: MessageFilter) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const apiMarkReadMessage: (conversationId: number, messageId: number) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const apiGetConversationByUserId: (userId: number) => Promise<import("axios").AxiosResponse<any, any>>;

package/dist/components/Chats/apiClient/examService.d.ts

@@ -0,0 +1 @@
+export declare const getListExamApi: (query: any) => Promise<import("axios").AxiosResponse<any, any>>;

package/dist/components/Chats/apiClient/studentStatusService.d.ts

@@ -0,0 +1,2 @@
+import { ConversationFilter } from "../configs/types";
+export declare const getStudentConversationListApi: (query: ConversationFilter) => Promise<import("axios").AxiosResponse<any, any>>;

package/dist/components/Chats/configs/constants.d.ts

@@ -0,0 +1,9 @@
+import { ConversationFilter, MessageFilter } from "./types";
+export declare enum ExamStatus {
+    Default = "Default",
+    Pending = "Pending",
+    Inprogress = "Inprogress",
+    Completed = "Completed"
+}
+export declare const CONVERSATION_DEFAULT_FILTER: ConversationFilter;
+export declare const MESSAGE_DEFAULT_FILTER: MessageFilter;

package/dist/components/Chats/configs/types.d.ts

@@ -0,0 +1,97 @@
+import { ExamStatus } from "./constants";
+export declare type ConversationResponse = {
+    id: number;
+    student: UserResponse;
+    teacher: UserResponse;
+    lastMessage: MessageResponse;
+    totalUnReadMessage: number;
+};
+export declare type UserResponse = {
+    id: number;
+    displayName: string;
+    avatar: string;
+};
+export declare type ConversationFilter = {
+    currentPage: number;
+    pageSize: number;
+    textSearch: string;
+};
+export declare type MessageFilter = {
+    currentPage?: number;
+    pageSize?: number;
+    textSearch?: string;
+    sortColumnDirection?: OrderBy;
+    sortColumnName?: MessageSortBy;
+    examId?: number;
+};
+export declare enum MessageSortBy {
+    CreatedAt = "CreatedAt"
+}
+export declare enum OrderBy {
+    ASC = "ASC",
+    DESC = "DESC"
+}
+export declare enum StudentSortBy {
+    CreatedAt = "CreatedAt",
+    DisplayName = "DisplayName"
+}
+export declare enum StudentOrderBy {
+    ASC = "ASC",
+    DESC = "DESC"
+}
+export declare type MessageResponse = {
+    id?: number;
+    isStudent: boolean;
+    conversationId?: number;
+    content: string;
+    isRead: boolean;
+    readAt?: string;
+    examId?: number;
+    createdAt: string;
+    exam?: ExamResponse;
+    action?: MessageAction;
+    isSystemLog?: boolean;
+    type?: MessageSourceType;
+    parentId?: number;
+    parentContent?: string;
+};
+export declare type ExamResponse = {
+    id: number;
+    title: string;
+    code: string;
+    startTime: string;
+    createdAt: string;
+};
+export declare type MessageRequest = {
+    content: string;
+    examId?: number;
+    parentId?: number;
+    parentContent?: string;
+    examTitle?: string;
+};
+export declare enum MessageAction {
+    Default = 0,
+    Took = 1
+}
+export declare enum MessageSourceType {
+    Default = 0,
+    Exam = 1,
+    Class = 2
+}
+export declare type ExamFilter = {
+    currentPage: number;
+    pageSize: number;
+    sortColumnName: string;
+    textSearch: string;
+    sortColumnDirection: string;
+    statuses?: ExamStatus[];
+};
+export declare type Option = {
+    value: number;
+    label: string;
+};
+export declare enum MessageStatus {
+    Default = "Sent",
+    Sending = "Sending...",
+    SentError = "Sent fail, Retry"
+}

package/dist/components/Chats/hooks/useChatContainer.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { IChatItemProps } from "../ChatItem";
+import { ConversationResponse, MessageResponse, MessageRequest, MessageStatus } from "../configs/types";
+interface Props {
+    conversation?: ConversationResponse;
+    userId?: number;
+    onUpdateLastMessage?: (message: MessageResponse) => void;
+    onUpdateConversation?: (conversation: ConversationResponse) => void;
+    onCreateConversationSuccess?: Function;
+    onGetMessagesSuccess?: Function;
+    examId?: number;
+}
+declare const useChatContainer: (props: Props) => {
+    chatHeaderProps: {
+        name: string;
+        avatar: string;
+        options: import("../configs/types").ExamResponse[] | undefined;
+        onChangeOption: (val: any) => void;
+    };
+    chatListProps: {
+        messages: IChatItemProps[];
+        onAddExamMessage: (examId: number, title: string) => void;
+        onReply: (parentId: number, content: string, examId?: number | undefined) => void;
+        onReTrySendMessage: () => Promise<void>;
+    };
+    inputProps: {
+        text: string;
+        parentText: string | undefined;
+        examTitle: string | undefined;
+        onChangeInput: (text: string) => void;
+        onSubmit: () => Promise<void>;
+        onClearReply: (() => void) | undefined;
+    };
+    exams: import("../configs/types").ExamResponse[] | undefined;
+    messageList: IChatItemProps[];
+    selectedConversation: ConversationResponse | undefined;
+    messageStatus: MessageStatus;
+    messageFilter: import("../configs/types").MessageFilter;
+    getMessageList: (conversationId: number, examId?: number | undefined) => Promise<void>;
+    handleFilterExam: (val: any) => void;
+    setMessage: import("react").Dispatch<import("react").SetStateAction<MessageRequest | undefined>>;
+    resetMessages: () => void;
+    getMessageConversation: () => Promise<void>;
+    handleMarkRead: () => Promise<void>;
+};
+export default useChatContainer;

package/dist/components/Chats/hooks/useConversationList.d.ts

@@ -0,0 +1,20 @@
+import { ChangeEvent } from "react";
+import { ConversationFilter, ConversationResponse, MessageResponse } from "../configs/types";
+declare const useConversationList: () => {
+    isStudent: any;
+    conversationFilter: ConversationFilter;
+    selectedConversation: ConversationResponse | undefined;
+    conversations: ConversationResponse[];
+    handleUpdateTotalUnreadMessage: () => void;
+    handleChangeFilter: (filter: ConversationFilter) => void;
+    handleChangeSelectedConversation: (val: ConversationResponse) => void;
+    handleChangeTextSearch: (e: ChangeEvent<HTMLInputElement>) => void;
+    setSelectedConversation: import("react").Dispatch<import("react").SetStateAction<ConversationResponse | undefined>>;
+    handleUpdateLastMessage: (lastMessage: MessageResponse) => void;
+    getConversationList: () => Promise<void>;
+    formatConversationLastMessageContent: (conversation: ConversationResponse) => string;
+    handleNewMessageConversation: (val: ConversationResponse) => void;
+    handleCreateConversationSuccess: (id: number) => Promise<void>;
+    handleMessageReadConversation: (id: number, totalUnread: number) => void;
+};
+export default useConversationList;

package/dist/components/Chats/hooks/useExamList.d.ts

@@ -0,0 +1,6 @@
+import { ExamResponse } from "../configs/types";
+declare const useExamList: (isStudent?: boolean) => {
+    getListExam: (userId?: number | undefined) => Promise<void>;
+    exams: ExamResponse[] | undefined;
+};
+export default useExamList;

package/dist/components/Chats/hooks/useMessageList.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { MessageResponse, MessageFilter } from "../configs/types";
+declare const useMessageList: (userId?: number | undefined, getListExamOptions?: Function | undefined) => {
+    messageFilter: MessageFilter;
+    messages: MessageResponse[];
+    getMessageList: (conversationId: number, examId?: number | undefined) => Promise<void>;
+    setMessages: import("react").Dispatch<import("react").SetStateAction<MessageResponse[]>>;
+    resetMessages: () => void;
+    handleChangeMessageFilter: (filter: MessageFilter) => void;
+    handleChangeExamId: (value: any) => void;
+    handleMarkReadMessage: (conversationId: number, messageId: number) => Promise<void>;
+};
+export default useMessageList;

package/dist/components/Chats/hooks/usePusherConversation.d.ts

@@ -0,0 +1,3 @@
+import { ConversationResponse } from "../configs/types";
+declare const usePusherConversation: (onNewMessageConversation?: ((data: ConversationResponse) => void) | undefined, onReadMessageConversation?: ((id: number, total: number) => void) | undefined) => {};
+export default usePusherConversation;

package/dist/index.css

@@ -122,3 +122,51 @@
 ._1krbH ._CzNMi {
   background-color: #f1faff;
   color: #009ef7; }
+
+._2oGcJ {
+  width: 48px;
+  height: 48px;
+  -o-object-fit: cover;
+     object-fit: cover; }
+
+._2y2XV {
+  width: 200px; }
+
+._ntGyI {
+  overflow-y: auto; }
+
+._m7Fwt {
+  list-style-type: none; }
+  ._3BM8N {
+    width: calc(100% + 2rem);
+    margin-inline: -1rem; }
+  ._1ReOK {
+    width: 100%;
+    height: 100%;
+    -o-object-fit: cover;
+       object-fit: cover; }
+  ._2qbld {
+    width: 32px;
+    min-width: 32px;
+    aspect-ratio: 1; }
+  ._3s01i {
+    width: -moz-fit-content;
+    width: fit-content;
+    border-radius: 20px; }
+    ._2Qxi3 {
+      border-radius: 20px 20px 20px 0;
+      font-size: 14px; }
+    ._34Vx4 {
+      border-radius: 20px 20px 0px 20px;
+      font-size: 14px; }
+    ._3uheq {
+      border-radius: 0 20px 20px 20px; }
+    ._2iBr7 {
+      border-radius: 20px 0px 20px 20px; }
+
+._3ZPjO {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical; }

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import store from "./store";
 import NotFound from "./components/Commons/NotFound";
 import Loading from "./components/Loading/Loading";
 import LayoutContext from "./layouts/LayoutContext";
-import { api } from "./services/api";
+import { api } from "./configs/api";
 import { ConfirmDialog } from "./components/Dialogs/ConfirmDialog";
 import CommonDialog from "./components/Dialogs/CommonDialog";
 import CommonAlert from "./components/Alerts/CommonAlert";
@@ -24,4 +24,12 @@ import toISOString from "./utils/toISOString";
 import canAccessRoute from "./utils/canAccessRoute";
 import CustomSelect from "./components/Selects/CustomSelect";
 import getAccessToken from "./utils/getAccessToken";
-export { diffFromNow, formatTime, utcToLocalTime, setLoading, BASE_URL, ACCESS_TOKEN, Login, store, historyCore, setAlert, setUser, Loading, NotFound, LayoutContext, api, ConfirmDialog, CommonDialog, CommonAlert, CustomPagination, useGoogleSignOut, PUSHER_CONFIG, ExamEvent, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, setLanguage, i18n, TheLanguageDropdown, useTranslation, I18nextProvider, DATE_MIN_VALUE, minutesToTimeSpan, toISOString, canAccessRoute, CustomSelect, getAccessToken };
+import ChatContainer, { IChatContainerProps } from "./components/Chats/ChatContainer";
+import { ChatItemType, IChatItemProps } from "./components/Chats/ChatItem";
+import { IChatHeaderProps } from "./components/Chats/ChatHeader";
+import { IInputChatProps } from "./components/Chats/InputChat";
+import useChatContainer from "./components/Chats/hooks/useChatContainer";
+import useConversationList from "./components/Chats/hooks/useConversationList";
+import { ConversationResponse, ExamResponse } from "./components/Chats/configs/types";
+import usePusherConversation from "./components/Chats/hooks/usePusherConversation";
+export { diffFromNow, formatTime, utcToLocalTime, setLoading, BASE_URL, ACCESS_TOKEN, Login, store, historyCore, setAlert, setUser, Loading, NotFound, LayoutContext, api, ConfirmDialog, CommonDialog, CommonAlert, CustomPagination, useGoogleSignOut, PUSHER_CONFIG, ExamEvent, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, setLanguage, i18n, TheLanguageDropdown, useTranslation, I18nextProvider, DATE_MIN_VALUE, minutesToTimeSpan, toISOString, canAccessRoute, CustomSelect, getAccessToken, ChatContainer, IChatContainerProps, IChatItemProps, IChatHeaderProps, IInputChatProps, ChatItemType, useChatContainer, useConversationList, ConversationResponse, ExamResponse, usePusherConversation };