@droppii-org/chat-sdk 0.0.30 → 0.0.32

package/dist/hooks/message/useSendMessage.js

@@ -136,7 +136,10 @@ export const useSendMessage = (lastMessage) => {
                     messageList.push(Object.assign(Object.assign({}, imageMessage), { ex: JSON.stringify(extendMessageInfo) || "{}" }));
                 }
                 else if (isVideo) {
-                    const videoBaseInfo = await createVideoBaseInfoFromFile(file);
+                    const videoBaseInfo = await createVideoInfoWithThumbnail(file);
+                    const thumbFile = new File([videoBaseInfo.thumbnail], file.name + "-thumb.jpg", {
+                        type: "image/jpeg",
+                    });
                     const videoMessage = await createVideoMessageByFile({
                         videoPath: "",
                         duration: videoBaseInfo.duration,
@@ -152,7 +155,7 @@ export const useSendMessage = (lastMessage) => {
                         snapshotHeight: videoBaseInfo.height,
                         snapShotType: file.type,
                         videoFile: file,
-                        snapshotFile: file,
+                        snapshotFile: thumbFile,
                     });
                     if (!videoMessage)
                         continue;
@@ -238,23 +241,39 @@ const createPicBaseInfoFromFile = (file) => new Promise((resolve, reject) => {
     };
     img.src = _URL.createObjectURL(file);
 });
-function createVideoBaseInfoFromFile(file) {
+function createVideoInfoWithThumbnail(file) {
     return new Promise((resolve, reject) => {
         try {
             const video = document.createElement("video");
             video.preload = "metadata";
+            video.src = URL.createObjectURL(file);
             video.onloadedmetadata = () => {
-                URL.revokeObjectURL(video.src);
-                resolve({
-                    duration: Math.floor(video.duration * 1000), // ms
-                    width: video.videoWidth,
-                    height: video.videoHeight,
-                });
+                const duration = Math.floor(video.duration * 1000);
+                const width = video.videoWidth;
+                const height = video.videoHeight;
+                // Seek tới giây 1 (nếu video dài hơn 1s) để lấy frame đẹp hơn
+                video.currentTime = Math.min(1, video.duration / 2);
             };
-            video.onerror = (err) => {
-                reject(err);
+            video.onseeked = () => {
+                const canvas = document.createElement("canvas");
+                canvas.width = video.videoWidth;
+                canvas.height = video.videoHeight;
+                const ctx = canvas.getContext("2d");
+                if (!ctx)
+                    return reject("Canvas not supported");
+                ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+                canvas.toBlob((blob) => {
+                    if (!blob)
+                        return reject("Thumbnail capture failed");
+                    resolve({
+                        duration: Math.floor(video.duration * 1000),
+                        width: video.videoWidth,
+                        height: video.videoHeight,
+                        thumbnail: blob,
+                    });
+                }, "image/jpeg", 0.85);
             };
-            video.src = URL.createObjectURL(file);
+            video.onerror = (err) => reject(err);
         }
         catch (e) {
             reject(e);

package/dist/hooks/search/useSearchConversation.d.ts

@@ -0,0 +1,2 @@
+export declare const useSearchConversationAsUsers: () => void;
+//# sourceMappingURL=useSearchConversation.d.ts.map

package/dist/hooks/search/useSearchConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/search/useSearchConversation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,YAAW,CAAC"}

package/dist/hooks/search/useSearchConversation.js

@@ -0,0 +1 @@
+export const useSearchConversationAsUsers = () => { };

package/dist/hooks/session/useGetSessionByTagOrStatus.d.ts

@@ -0,0 +1,220 @@
+import { BaseResponse } from "../../types/dto";
+import { IFilterSummary, ISessionByStatus } from "../../store/type";
+export declare const useGetSessionByTagOrStatus: (filter: IFilterSummary) => {
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    hasPreviousPage: boolean;
+    isFetchNextPageError: boolean;
+    isFetchPreviousPageError: boolean;
+    isFetchingPreviousPage: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>>;
+    data: import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown> | undefined;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    dataFlatten: ISessionByStatus[];
+} | {
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isFetchNextPageError: false;
+    isFetchPreviousPageError: false;
+    isSuccess: true;
+    isPlaceholderData: false;
+    status: "success";
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    hasPreviousPage: boolean;
+    isFetchingPreviousPage: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>>;
+    data: import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown> | undefined;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    dataFlatten: ISessionByStatus[];
+} | {
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isFetchNextPageError: false;
+    isFetchPreviousPageError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    hasPreviousPage: boolean;
+    isFetchingPreviousPage: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>>;
+    data: import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown> | undefined;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    dataFlatten: ISessionByStatus[];
+} | {
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isFetchNextPageError: false;
+    isFetchPreviousPageError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    hasPreviousPage: boolean;
+    isFetchingPreviousPage: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>>;
+    data: import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown> | undefined;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    dataFlatten: ISessionByStatus[];
+} | {
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isFetchNextPageError: false;
+    isFetchPreviousPageError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    hasPreviousPage: boolean;
+    isFetchingPreviousPage: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>>;
+    data: import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown> | undefined;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    dataFlatten: ISessionByStatus[];
+} | {
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    isFetchNextPageError: false;
+    isFetchPreviousPageError: false;
+    status: "success";
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    hasPreviousPage: boolean;
+    isFetchingPreviousPage: boolean;
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>>;
+    data: import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown> | undefined;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<ISessionByStatus[]>, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    dataFlatten: ISessionByStatus[];
+};
+//# sourceMappingURL=useGetSessionByTagOrStatus.d.ts.map

package/dist/hooks/session/useGetSessionByTagOrStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetSessionByTagOrStatus.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useGetSessionByTagOrStatus.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAA+B,MAAM,iBAAiB,CAAC;AAE5E,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKpE,eAAO,MAAM,0BAA0B,GAAI,QAAQ,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0EhE,CAAC"}

package/dist/hooks/session/useGetSessionByTagOrStatus.js

@@ -0,0 +1,72 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+import { useMemo } from "react";
+import useConversationStore from "../../store/conversation";
+import { DChatSDK } from "../../constants/sdk";
+export const useGetSessionByTagOrStatus = (filter) => {
+    const _a = useInfiniteQuery({
+        initialPageParam: 1,
+        queryKey: [QUERY_KEYS.GET_SESSION_BY_TAG_OR_STATUS, filter],
+        queryFn: async ({ pageParam = 1 }) => {
+            var _a, _b;
+            const params = {
+                applicationType: "OBEFE",
+                tag: filter.tag,
+                status: filter.status,
+                page: pageParam,
+                pageSize: 100,
+            };
+            const res = await apiInstance.post(ENDPOINTS.chatService.getSessionsByTagOrStatus, params);
+            //FIND NEW CONVERSATIONS
+            const conversationList = useConversationStore.getState().conversationList;
+            const newConversations = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.filter((session) => {
+                return !conversationList.some((conversation) => conversation.conversationID === session.conversationId);
+            });
+            if (newConversations === null || newConversations === void 0 ? void 0 : newConversations.length) {
+                DChatSDK.getMultipleConversation(newConversations.map((session) => session.conversationId)).then((res) => {
+                    useConversationStore
+                        .getState()
+                        .updateConversationList(res.data, "filter");
+                });
+            }
+            return res.data;
+        },
+        getNextPageParam: (lastPage) => {
+            var _a, _b;
+            const currentPage = ((_a = lastPage === null || lastPage === void 0 ? void 0 : lastPage.pageable) === null || _a === void 0 ? void 0 : _a.pageNumber) || 1;
+            const totalPages = ((_b = lastPage === null || lastPage === void 0 ? void 0 : lastPage.pageable) === null || _b === void 0 ? void 0 : _b.totalPages) || 1;
+            return currentPage + 1 < totalPages ? currentPage + 1 : undefined;
+        },
+        enabled: !!filter.tag || !!filter.status,
+    }), { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = _a, rest = __rest(_a, ["data", "fetchNextPage", "hasNextPage", "isFetchingNextPage", "isLoading"]);
+    const { dataFlatten } = useMemo(() => {
+        if (!data)
+            return {
+                dataFlatten: [],
+            };
+        const allItems = data.pages.flatMap((page) => page.data);
+        return {
+            dataFlatten: allItems,
+        };
+    }, [data]);
+    return Object.assign({ data,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        isLoading,
+        dataFlatten }, rest);
+};

package/dist/hooks/session/useGetSessionSummary.d.ts

@@ -0,0 +1,3 @@
+import { ISessionSummaryResponse } from "../../types/dto";
+export declare const useGetSessionSummary: () => import("@tanstack/react-query").UseQueryResult<ISessionSummaryResponse, Error>;
+//# sourceMappingURL=useGetSessionSummary.d.ts.map

package/dist/hooks/session/useGetSessionSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetSessionSummary.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useGetSessionSummary.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAExE,eAAO,MAAM,oBAAoB,sFAY7B,CAAC"}

package/dist/hooks/session/useGetSessionSummary.js

@@ -0,0 +1,14 @@
+import { useQuery } from "@tanstack/react-query";
+import { QUERY_KEYS } from "../../services/query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+export const useGetSessionSummary = () => useQuery({
+    queryKey: [QUERY_KEYS.GET_SESSION_SUMMARY],
+    queryFn: async () => {
+        var _a;
+        const res = await apiInstance.post(ENDPOINTS.chatService.getSessionSummary, {
+            applicationType: "OBEFE",
+        });
+        return (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data;
+    },
+});

package/dist/index.d.ts

@@ -1,14 +1,14 @@
+import "./locales/i18n";
 import DChatDeskMessage from "./screens/deskMessage";
 import DChatBubble from "./screens/chatBubble";
-import { Platform, LogLevel, SessionType, InitAndLoginConfig } from "@openim/wasm-client-sdk";
+import { Platform, LogLevel, SessionType } from "@openim/wasm-client-sdk";
 import { Icon } from "./components/icon";
 import useUserStore from "./store/user";
-import useConversationStore from "./store/conversation";
-import { initStore } from "./utils/imCommon";
+import { DChatInitAndLoginConfig } from "./types/chat";
 export { ChatProvider, useChatContext } from "./context/ChatContext";
 export { DChatDeskMessage, DChatBubble, Icon };
 export { useDChatAuth } from "./hooks/user/useAuth";
-export { useUserStore, useConversationStore, initStore };
+export { useUserStore };
 export { Platform as DChatPlatform, LogLevel as DChatLogLevel, SessionType as DChatSessionType, };
-export type { InitAndLoginConfig as DChatInitAndLoginConfig };
+export type { DChatInitAndLoginConfig };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,kBAAkB,EACnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,oBAAoB,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,CAAC;AAIzD,OAAO,EACL,QAAQ,IAAI,aAAa,EACzB,QAAQ,IAAI,aAAa,EACzB,WAAW,IAAI,gBAAgB,GAChC,CAAC;AAEF,YAAY,EAAE,kBAAkB,IAAI,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,CAAC;AAIxB,OAAO,EACL,QAAQ,IAAI,aAAa,EACzB,QAAQ,IAAI,aAAa,EACzB,WAAW,IAAI,gBAAgB,GAChC,CAAC;AAEF,YAAY,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/index.js

@@ -1,10 +1,9 @@
+import "./locales/i18n";
 import DChatDeskMessage from "./screens/deskMessage";
 import DChatBubble from "./screens/chatBubble";
-import { Platform, LogLevel, SessionType, } from "@openim/wasm-client-sdk";
+import { Platform, LogLevel, SessionType } from "@openim/wasm-client-sdk";
 import { Icon } from "./components/icon";
 import useUserStore from "./store/user";
-import useConversationStore from "./store/conversation";
-import { initStore } from "./utils/imCommon";
 // Main exports for the SDK
 export { ChatProvider, useChatContext } from "./context/ChatContext";
 //Components
@@ -12,6 +11,6 @@ export { DChatDeskMessage, DChatBubble, Icon };
 //Hooks
 export { useDChatAuth } from "./hooks/user/useAuth";
 //Store
-export { useUserStore, useConversationStore, initStore };
+export { useUserStore };
 // export * from "./types/sdk";
 export { Platform as DChatPlatform, LogLevel as DChatLogLevel, SessionType as DChatSessionType, };

package/dist/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.tsx"],"names":[],"mappings":"AAKA,OAAO,iBAAiB,CAAC;AAOzB,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,QAAA,MAAM,UAAU,GAAI,cAAc,eAAe,4CAehD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.tsx"],"names":[],"mappings":"AAKA,OAAO,iBAAiB,CAAC;AAOzB,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,QAAA,MAAM,UAAU,GAAI,cAAc,eAAe,4CAMhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/layout/index.js

@@ -1,18 +1,15 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Spin } from "antd";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useGlobalEvent } from "../hooks/global/useGlobalEvent";
 import dayjs from "dayjs";
 import "dayjs/locale/vi";
 import { useChatContext } from "../context/ChatContext";
-import { ConnectStatus, SyncStatus } from "../types/chat";
 import { useSyncUsersInfo } from "../hooks/user/useUsersInfo";
 dayjs.locale("vi");
 const MainLayout = ({ children }) => {
     const { syncStatus, connectStatus } = useChatContext();
     useGlobalEvent();
     useSyncUsersInfo();
-    return (_jsx(Spin, { spinning: syncStatus === SyncStatus.Loading &&
-            connectStatus === ConnectStatus.Connected, children: children }));
+    return _jsx(_Fragment, { children: children });
 };
 export default MainLayout;

package/dist/locales/i18n.d.ts

@@ -0,0 +1,3 @@
+import i18n from "i18next";
+export default i18n;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/locales/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/locales/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,SAAS,CAAC;AAiB3B,eAAe,IAAI,CAAC"}

package/dist/locales/i18n.js

@@ -0,0 +1,16 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import vi from "./vi/common.json";
+if (!i18n.isInitialized) {
+    i18n.use(initReactI18next).init({
+        resources: {
+            vi: { common: vi },
+        },
+        lng: "vi", // default
+        fallbackLng: "vi",
+        interpolation: { escapeValue: false },
+        ns: ["common"],
+        defaultNS: "common",
+    });
+}
+export default i18n;

package/dist/locales/i18n.ts

@@ -0,0 +1,18 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import vi from "./vi/common.json";
+
+if (!i18n.isInitialized) {
+  i18n.use(initReactI18next).init({
+    resources: {
+      vi: { common: vi },
+    },
+    lng: "vi", // default
+    fallbackLng: "vi",
+    interpolation: { escapeValue: false },
+    ns: ["common"],
+    defaultNS: "common",
+  });
+}
+
+export default i18n;

package/dist/locales/vi/common.json

@@ -0,0 +1,24 @@
+{
+  "library": "Thư viện",
+  "image": "Ảnh",
+  "video": "Video",
+  "file": "Tập tin",
+  "link": "Liên kết",
+  "no_conversation_data": "Vui lòng chọn một cuộc trò chuyện",
+  "no_media_files": "Không có tập tin phương tiện",
+  "search": "Tìm kiếm",
+  "all": "Tất cả",
+  "users": "Người dùng",
+  "messages": "Tin nhắn",
+  "no_conversation": "Không tìm thấy cuộc trò chuyện",
+  "download": "Tải xuống",
+  "active_sessions": "Đang mở",
+  "closed_sessions": "Đã đóng",
+  "unassigned": "Chưa phân công",
+  "waiting_process": "Chờ xử lý",
+  "in_process": "Đang xử lý",
+  "completed": "Đã đóng",
+  "awaiting_reply": "Chưa trả lời",
+  "slow_processing": "Chậm xử lý",
+  "temporarily_paused": "Tạm chờ"
+}

package/dist/screens/chatBubble/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/chatBubble/index.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,mDA4B3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/chatBubble/index.tsx"],"names":[],"mappings":"AAQA,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,mDA2C3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/screens/chatBubble/index.js

@@ -1,26 +1,36 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import ChatBubble from "../../components/chatBubble/ChatBubble";
 import { useChatContext } from "../../context/ChatContext";
-import { ConnectStatus } from "../../types/chat";
+import { ConnectStatus, SyncStatus } from "../../types/chat";
 import { useEffect } from "react";
 import useConversationStore from "../../store/conversation";
+import { Spin } from "antd";
+import { DChatSDK } from "../../constants/sdk";
 const DChatBubble = (props) => {
     const { conversationID, className } = props;
-    const { connectStatus } = useChatContext();
+    const { connectStatus, syncStatus } = useChatContext();
     if (connectStatus !== ConnectStatus.Connected)
         return null;
     const conversationList = useConversationStore((state) => state.conversationList);
     const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
     const setConversationData = useConversationStore((state) => state.setConversationData);
+    const updateConversationList = useConversationStore((state) => state.updateConversationList);
     useEffect(() => {
-        if (!conversationList)
-            return;
-        const conversation = conversationList.find((item) => item.conversationID === conversationID);
-        if (!conversation)
-            return;
-        setSelectedConversationId(conversation.conversationID);
-        setConversationData(conversation);
+        const conversation = conversationList === null || conversationList === void 0 ? void 0 : conversationList.find((item) => item.conversationID === conversationID);
+        if (conversation) {
+            setSelectedConversationId(conversation.conversationID);
+            setConversationData(conversation);
+        }
+        else {
+            DChatSDK.getMultipleConversation([conversationID]).then((res) => {
+                if (res.data.length > 0) {
+                    setSelectedConversationId(conversationID);
+                    setConversationData(res.data[0]);
+                    updateConversationList(res.data, "filter");
+                }
+            });
+        }
     }, [conversationList, conversationID]);
-    return _jsx(ChatBubble, { className: className });
+    return (_jsx(Spin, { spinning: syncStatus === SyncStatus.Loading, children: _jsx(ChatBubble, { className: className }) }));
 };
 export default DChatBubble;

package/dist/screens/deskMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/deskMessage/index.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,gBAAgB,+CAqBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/deskMessage/index.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,gBAAgB,+CAuBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/screens/deskMessage/index.js

@@ -2,14 +2,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import MessageList from "../../components/message/MessageList";
 import DeskConversationList from "../../components/conversation/DeskConversationList";
-import AssignedSessionFilter from "../../components/session/AssignedSessionFilter";
 import { useChatContext } from "../../context/ChatContext";
 import { Spin } from "antd";
-import { ConnectStatus } from "../../types/chat";
+import { ConnectStatus, SyncStatus } from "../../types/chat";
 import useConversationStore from "../../store/conversation";
+import DeskAssignedSession from "../../components/session/DeskAssignedSession";
 const DChatDeskMessage = () => {
     const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
-    const { connectStatus } = useChatContext();
-    return (_jsx(_Fragment, { children: connectStatus === ConnectStatus.Connected ? (_jsxs("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: [_jsx(AssignedSessionFilter, {}), _jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: selectedConversationId })] })) : (_jsx("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: connectStatus === ConnectStatus.Connecting && _jsx(Spin, { fullscreen: true }) })) }));
+    const { connectStatus, syncStatus } = useChatContext();
+    return (_jsx(_Fragment, { children: connectStatus === ConnectStatus.Connected ? (_jsx(Spin, { spinning: syncStatus === SyncStatus.Loading, children: _jsxs("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: [_jsx(DeskAssignedSession, {}), _jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: selectedConversationId })] }) })) : (_jsx("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: connectStatus === ConnectStatus.Connecting && _jsx(Spin, { fullscreen: true }) })) }));
 };
 export default DChatDeskMessage;

package/dist/services/api.d.ts

@@ -0,0 +1,2 @@
+export declare const apiInstance: import("axios").AxiosInstance;
+//# sourceMappingURL=api.d.ts.map

package/dist/services/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/services/api.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,+BAMtB,CAAC"}