@droppii-org/chat-sdk 0.0.29 → 0.0.31

package/dist/hooks/collection/useMediaCollection.js

@@ -0,0 +1,66 @@
+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 { QUERY_KEYS } from "../../services/query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { useMemo } from "react";
+import dayjs from "dayjs";
+export const useMediaCollection = ({ recvID, contentType, }) => {
+    const _a = useInfiniteQuery({
+        initialPageParam: 1,
+        queryKey: [QUERY_KEYS.GET_IMAGE_COLLECTION, recvID, contentType],
+        queryFn: async ({ pageParam = 1 }) => {
+            const params = {
+                contentType,
+                recvID,
+                page: pageParam,
+                pageSize: 50,
+            };
+            const res = await apiInstance.post(ENDPOINTS.chatService.getMediaCollection, params);
+            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;
+            const totalPages = (_b = lastPage === null || lastPage === void 0 ? void 0 : lastPage.pageable) === null || _b === void 0 ? void 0 : _b.totalPages;
+            return currentPage + 1 < totalPages ? currentPage + 1 : undefined;
+        },
+        enabled: !!recvID,
+    }), { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = _a, rest = __rest(_a, ["data", "fetchNextPage", "hasNextPage", "isFetchingNextPage", "isLoading"]);
+    const { groupedData, dataFlatten } = useMemo(() => {
+        if (!data)
+            return {
+                groupedData: {},
+                dataFlatten: [],
+            };
+        const allItems = data.pages.flatMap((page) => page.data);
+        const mGroupeddata = allItems.reduce((acc, item) => {
+            const dateKey = dayjs(item.chatLog.sendTime).format("YYYY-MM-DD");
+            if (!acc[dateKey])
+                acc[dateKey] = [];
+            acc[dateKey].push(item);
+            return acc;
+        }, {});
+        return {
+            groupedData: mGroupeddata,
+            dataFlatten: allItems,
+        };
+    }, [data]);
+    return Object.assign({ data,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        isLoading,
+        groupedData,
+        dataFlatten }, rest);
+};

package/dist/hooks/common/useIsMobile.d.ts

@@ -0,0 +1,2 @@
+export declare const useIsMobile: (breakpoint?: number) => boolean;
+//# sourceMappingURL=useIsMobile.d.ts.map

package/dist/hooks/common/useIsMobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMobile.d.ts","sourceRoot":"","sources":["../../../src/hooks/common/useIsMobile.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,GAAI,aAAY,MAAY,YAanD,CAAC"}

package/dist/hooks/common/useIsMobile.js

@@ -0,0 +1,15 @@
+"use client";
+import { useEffect, useState } from "react";
+export const useIsMobile = (breakpoint = 768) => {
+    const [isMobile, setIsMobile] = useState(() => {
+        if (typeof window === "undefined")
+            return false;
+        return window.innerWidth < breakpoint;
+    });
+    useEffect(() => {
+        const handleResize = () => setIsMobile(window.innerWidth < breakpoint);
+        window.addEventListener("resize", handleResize);
+        return () => window.removeEventListener("resize", handleResize);
+    }, [breakpoint]);
+    return isMobile;
+};

package/dist/hooks/global/useGlobalEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,cAAc,YAmK1B,CAAC"}
+{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,cAAc,YA0N1B,CAAC"}

package/dist/hooks/global/useGlobalEvent.js

@@ -5,12 +5,17 @@ import { ConnectStatus, CustomType, SyncStatus } from "../../types/chat";
 import { pushNewMessage, updateOneMessage } from "../message/useMessage";
 import { useChatContext } from "../../context/ChatContext";
 import useConversationStore from "../../store/conversation";
+import useAuthStore from "../../store/auth";
+import { useRefetchChatToken } from "../../hooks/init/useChatToken";
 const notPushType = [MessageType.TypingMessage, MessageType.RevokeMessage];
 export const useGlobalEvent = () => {
     const { user } = useChatContext();
-    const { updateConnectStatus, updateSyncStatus } = useChatContext();
+    const { updateConnectStatus, updateSyncStatus, getSelfUserInfo } = useChatContext();
     const updateConversationList = useConversationStore((state) => state.updateConversationList);
     const getConversationListByReq = useConversationStore((state) => state.getConversationListByReq);
+    const { mutate: refetchChatToken } = useRefetchChatToken();
+    const accessToken = useAuthStore((state) => state.accessToken);
+    const chatToken = useAuthStore((state) => state.chatToken);
     const revokedMessageHandler = ({ data }) => {
         updateOneMessage({
             clientMsgID: data.clientMsgID,
@@ -52,8 +57,46 @@ export const useGlobalEvent = () => {
     const newMessageHandler = ({ data }) => {
         data.map((message) => handleNewMessage(message));
     };
+    const userTokenHandler = () => {
+        refetchChatToken(undefined, {
+            onSettled(data) {
+                var _a;
+                if (data) {
+                    useAuthStore.getState().setChatToken((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.token);
+                }
+            },
+        });
+    };
+    const initStore = () => {
+        getSelfUserInfo();
+        getConversationListByReq(false);
+    };
+    const tryLogin = async () => {
+        const { userID, chatToken, platformID, apiAddress, wsAddress } = useAuthStore.getState();
+        try {
+            await DChatSDK.login({
+                userID,
+                token: chatToken,
+                platformID,
+                apiAddr: `${apiAddress}/chat-service`,
+                wsAddr: `${wsAddress}/chat-service/ws`,
+            });
+            initStore();
+        }
+        catch (error) {
+            console.error(error);
+            if (error.errCode !== 10102) {
+                //user has logged in
+            }
+        }
+    };
     const loginCheck = async () => {
-        // check openIM token and user info
+        const chatToken = useAuthStore.getState().chatToken;
+        const userID = useAuthStore.getState().userID;
+        if (!chatToken || !userID) {
+            return;
+        }
+        tryLogin();
     };
     const connectingHandler = () => {
         updateConnectStatus(ConnectStatus.Connecting);
@@ -64,9 +107,6 @@ export const useGlobalEvent = () => {
     const connectFailedHandler = () => {
         updateConnectStatus(ConnectStatus.Disconnected);
     };
-    const userTokenHandler = () => {
-        useChatContext().userTokenHandler();
-    };
     const syncStartHandler = ({ data }) => {
         updateSyncStatus(SyncStatus.Loading);
     };
@@ -126,7 +166,6 @@ export const useGlobalEvent = () => {
     };
     /** LIFE CYCLE */
     useEffect(() => {
-        loginCheck();
         setIMListener();
         window.addEventListener("online", () => {
             DChatSDK.networkStatusChanged();
@@ -138,4 +177,14 @@ export const useGlobalEvent = () => {
             disposeIMListener();
         };
     }, []);
+    useEffect(() => {
+        if (!!accessToken) {
+            userTokenHandler();
+        }
+    }, [accessToken]);
+    useEffect(() => {
+        if (!!chatToken) {
+            loginCheck();
+        }
+    }, [chatToken]);
 };

package/dist/hooks/init/useChatToken.d.ts

@@ -0,0 +1,2 @@
+export declare const useRefetchChatToken: () => import("@tanstack/react-query").UseMutationResult<any, Error, void, unknown>;
+//# sourceMappingURL=useChatToken.d.ts.map

package/dist/hooks/init/useChatToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatToken.d.ts","sourceRoot":"","sources":["../../../src/hooks/init/useChatToken.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB,oFAS5B,CAAC"}

package/dist/hooks/init/useChatToken.js

@@ -0,0 +1,11 @@
+import { useMutation } from "@tanstack/react-query";
+import { QUERY_KEYS } from "../../services/query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+export const useRefetchChatToken = () => useMutation({
+    mutationKey: [QUERY_KEYS.REFRESH_CHAT_TOKEN],
+    mutationFn: async () => {
+        const res = await apiInstance.post(ENDPOINTS.chatService.getChatToken);
+        return res.data;
+    },
+});

package/dist/hooks/message/useSendMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAO1B,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIlC,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,gCAanD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,iBAAiB,eAAe,gCAazE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAU,MAAM,mBAAmB,gCAatE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,cAAc,WAAW;gDAiCjD;QACD,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KAClB;wDAwBE;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,UAAU,EAAE,CAAC;KACrB;CAwIJ,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,2CAIvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,KAoBM,iBACN,CAAC"}
+{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAO1B,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIlC,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,gCAanD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,iBAAiB,eAAe,gCAazE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAU,MAAM,mBAAmB,gCAatE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,cAAc,WAAW;gDAiCjD;QACD,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KAClB;wDAwBE;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,UAAU,EAAE,CAAC;KACrB;CA+IJ,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,2CAIvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,KAoBM,iBACN,CAAC"}

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/index.d.ts

@@ -1,13 +1,15 @@
+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 { DChatInitAndLoginConfig } from "./types/chat";
 export { ChatProvider, useChatContext } from "./context/ChatContext";
 export { DChatDeskMessage, DChatBubble, Icon };
 export { useDChatAuth } from "./hooks/user/useAuth";
 export { useUserStore, useConversationStore };
 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;AAGxD,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,CAAC;AAI9C,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,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EAEZ,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,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,oBAAoB,EAAE,CAAC;AAI9C,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,3 +1,4 @@
+import "./locales/i18n";
 import DChatDeskMessage from "./screens/deskMessage";
 import DChatBubble from "./screens/chatBubble";
 import { Platform, LogLevel, SessionType, } from "@openim/wasm-client-sdk";

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,9 @@
+{
+  "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"
+}

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":"AAOA,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,mDAgC3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/screens/chatBubble/index.js

@@ -1,12 +1,13 @@
 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";
 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);
@@ -21,6 +22,6 @@ const DChatBubble = (props) => {
         setSelectedConversationId(conversation.conversationID);
         setConversationData(conversation);
     }, [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

@@ -5,11 +5,11 @@ import DeskConversationList from "../../components/conversation/DeskConversation
 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";
 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(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 }) })) }));
 };
 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"}

package/dist/services/api.js

@@ -0,0 +1,16 @@
+import axios from "axios";
+import useAuthStore from "../store/auth";
+const TIMEOUT = 90000;
+export const apiInstance = axios.create({
+    headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+    },
+    timeout: TIMEOUT,
+});
+apiInstance.interceptors.request.use((config) => {
+    return Object.assign(Object.assign({}, config), { baseURL: useAuthStore.getState().apiAddress, headers: Object.assign(Object.assign({}, config.headers), { Authorization: `Bearer ${useAuthStore.getState().accessToken}`, token: useAuthStore.getState().chatToken }) });
+}, (error) => {
+    // Handle errors globally
+    return Promise.reject(error);
+});

package/dist/services/query.d.ts

@@ -0,0 +1,5 @@
+export declare const QUERY_KEYS: {
+    REFRESH_CHAT_TOKEN: string;
+    GET_IMAGE_COLLECTION: string;
+};
+//# sourceMappingURL=query.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../../src/services/query.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;CAGtB,CAAC"}

package/dist/services/query.js

@@ -0,0 +1,4 @@
+export const QUERY_KEYS = {
+    REFRESH_CHAT_TOKEN: "REFRESH_CHAT_TOKEN",
+    GET_IMAGE_COLLECTION: "GET_IMAGE_COLLECTION",
+};

package/dist/services/routes.d.ts

@@ -0,0 +1,15 @@
+export declare const ENDPOINTS: {
+    chatService: {
+        getChatToken: string;
+        getSessionSummary: string;
+        getSessionsByStatus: string;
+        getMediaCollection: string;
+    };
+    identityService: {
+        getToken: string;
+    };
+    userService: {
+        getCurrentUserInfo: string;
+    };
+};
+//# sourceMappingURL=routes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../src/services/routes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAC"}

package/dist/services/routes.js

@@ -0,0 +1,14 @@
+export const ENDPOINTS = {
+    chatService: {
+        getChatToken: "/chat-service/v1/auth/token",
+        getSessionSummary: "chat-service/v1/crm/sessions/assigned/summary",
+        getSessionsByStatus: "chat-service/v1/crm/sessions/assigned/query",
+        getMediaCollection: "chat-service/v1/messages/search/media",
+    },
+    identityService: {
+        getToken: "/identity-service/v1/identity/get-token",
+    },
+    userService: {
+        getCurrentUserInfo: "/user-service/v1/app/user",
+    },
+};

package/dist/store/auth.d.ts

@@ -0,0 +1,4 @@
+import { AuthStore } from "./type";
+declare const useAuthStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AuthStore>>;
+export default useAuthStore;
+//# sourceMappingURL=auth.d.ts.map

package/dist/store/auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/store/auth.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGnC,QAAA,MAAM,YAAY,wEAmBf,CAAC;AAEJ,eAAe,YAAY,CAAC"}

package/dist/store/auth.js

@@ -0,0 +1,16 @@
+import { create } from "zustand";
+import { Platform } from "@openim/wasm-client-sdk";
+const useAuthStore = create((set, get) => ({
+    accessToken: "",
+    chatToken: "",
+    apiAddress: "",
+    wsAddress: "",
+    platformID: Platform.Web,
+    userID: "",
+    setAccessToken: (token) => set({ accessToken: token }),
+    setChatToken: (token) => set({ chatToken: token }),
+    initAuthStore: ({ accessToken, chatToken, apiAddress, wsAddress, platformID, userID, }) => {
+        set({ accessToken, chatToken, apiAddress, wsAddress, platformID, userID });
+    },
+}));
+export default useAuthStore;

package/dist/store/conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/store/conversation.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAmC,MAAM,QAAQ,CAAC;AAO5E,QAAA,MAAM,oBAAoB,gFA+IvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/store/conversation.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAmC,MAAM,QAAQ,CAAC;AAQ5E,QAAA,MAAM,oBAAoB,gFAiJvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}

package/dist/store/conversation.js

@@ -4,6 +4,7 @@ import { DChatSDK } from "../constants/sdk";
 import { conversationSort, isGroupSession } from "../utils/imCommon";
 import useUserStore from "./user";
 import { markConversationMessageAsRead } from "../hooks/conversation/useConversation";
+import { SESSION_STATUS_ENUM } from "../constants";
 const CONVERSATION_SPLIT_COUNT = 500;
 const useConversationStore = create((set, get) => ({
     conversationData: null,
@@ -20,10 +21,12 @@ const useConversationStore = create((set, get) => ({
     summary: null,
     setSummary: (summary) => set({ summary }),
     filterSummary: {
-        status: undefined,
+        status: SESSION_STATUS_ENUM.UNASSIGNED,
         tag: undefined,
     },
     setFilterSummary: (filterSummary) => set({ filterSummary }),
+    assignedSessionList: [],
+    setAssignedSessionList: (list) => set({ assignedSessionList: list }),
     // conversation
     conversationList: [],
     currentConversation: undefined,