@droppii-org/chat-sdk 0.0.30 → 0.0.32

package/dist/constants/images.js

@@ -0,0 +1,7 @@
+const conversationBg = new URL("../assets/images/conversationBg.png", import.meta.url).href;
+const imageFailed = new URL("../assets/images/imageFailed.png", import.meta.url)
+    .href;
+export const images = {
+    conversationBg,
+    imageFailed,
+};

package/dist/context/ChatContext.d.ts

@@ -1,5 +1,6 @@
+import "../styles/global.css";
 import { ChatContextType, ChatProviderProps } from "../types/chat";
 export declare const ChatContext: import("react").Context<ChatContextType>;
 export declare const useChatContext: () => ChatContextType;
-export declare const ChatProvider: ({ children, config, refetchToken, }: ChatProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatProvider: ({ children, config }: ChatProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatContext.d.ts.map

package/dist/context/ChatContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,eAAe,EACf,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAIvB,eAAO,MAAM,WAAW,0CAOtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,qCAI1B,iBAAiB,4CAoEnB,CAAC"}
+{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,EACL,eAAe,EACf,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAQvB,eAAO,MAAM,WAAW,0CAOtB,CAAC;AAEH,eAAO,MAAM,cAAc,uBAAgC,CAAC;AAE5D,eAAO,MAAM,YAAY,GAAI,sBAAsB,iBAAiB,4CAsDnE,CAAC"}

package/dist/context/ChatContext.js

@@ -1,23 +1,28 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import "../styles/global.css";
 import { createContext, useContext, useEffect, useState } from "react";
 import { ConnectStatus, SyncStatus, } from "../types/chat";
 import { DChatSDK } from "../constants/sdk";
 import MainLayout from "../layout";
+import useAuthStore from "../store/auth";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+const queryClient = new QueryClient();
 export const ChatContext = createContext({
     user: null,
     connectStatus: ConnectStatus.Disconnected,
     syncStatus: SyncStatus.Success,
-    userTokenHandler: () => { },
+    getSelfUserInfo: () => { },
     updateConnectStatus: () => { },
     updateSyncStatus: () => { },
 });
 export const useChatContext = () => useContext(ChatContext);
-export const ChatProvider = ({ children, config, refetchToken, }) => {
+export const ChatProvider = ({ children, config }) => {
     const [connectStatus, setConnectStatus] = useState(ConnectStatus.Disconnected);
     const [syncStatus, setSyncStatus] = useState(SyncStatus.Success);
     const [user, setUser] = useState(null);
-    const getUserInfo = () => {
+    const initAuthStore = useAuthStore((state) => state.initAuthStore);
+    const getSelfUserInfo = () => {
         DChatSDK.getSelfUserInfo()
             .then(({ data }) => {
             setUser(data);
@@ -26,24 +31,6 @@ export const ChatProvider = ({ children, config, refetchToken, }) => {
             console.error("getSelfUserInfo", errCode, errMsg);
         });
     };
-    const handleLogin = (newToken) => {
-        if (config) {
-            DChatSDK.login(Object.assign(Object.assign({}, config), { token: newToken || config.token }))
-                .then((res) => {
-                getUserInfo();
-            })
-                .catch(({ errCode, errMsg }) => {
-                console.error("handleLogin", errCode, errMsg);
-            });
-        }
-    };
-    const userTokenHandler = () => {
-        refetchToken().then((token) => {
-            if (!!token) {
-                handleLogin(token);
-            }
-        });
-    };
     const updateConnectStatus = (status) => {
         setConnectStatus(status);
     };
@@ -52,15 +39,21 @@ export const ChatProvider = ({ children, config, refetchToken, }) => {
     };
     useEffect(() => {
         if (config) {
-            handleLogin();
+            initAuthStore({
+                accessToken: config.accessToken,
+                apiAddress: config.apiAddr,
+                platformID: config.platformID,
+                userID: config.userID,
+                wsAddress: config.wsAddr,
+            });
         }
     }, [config]);
     return (_jsx(ChatContext.Provider, { value: {
             user,
             connectStatus,
             syncStatus,
-            userTokenHandler,
+            getSelfUserInfo,
             updateConnectStatus,
             updateSyncStatus,
-        }, children: _jsx(MainLayout, { children: children }) }));
+        }, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(MainLayout, { children: children }) }) }));
 };

package/dist/hooks/collection/useMediaCollection.d.ts

@@ -0,0 +1,229 @@
+import { MessageType } from "@openim/wasm-client-sdk";
+import { MediaCollectionItem, MediaCollectionResponse } from "../../types/dto";
+export declare const useMediaCollection: ({ recvID, contentType, }: {
+    recvID: string;
+    contentType: MessageType;
+}) => {
+    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<MediaCollectionResponse, 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<MediaCollectionResponse, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown>>;
+    data: import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown> | undefined;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    groupedData: Record<string, MediaCollectionItem[]>;
+    dataFlatten: MediaCollectionItem[];
+} | {
+    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<MediaCollectionResponse, 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<MediaCollectionResponse, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown>>;
+    data: import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown> | undefined;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    groupedData: Record<string, MediaCollectionItem[]>;
+    dataFlatten: MediaCollectionItem[];
+} | {
+    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<MediaCollectionResponse, 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<MediaCollectionResponse, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown>>;
+    data: import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown> | undefined;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    groupedData: Record<string, MediaCollectionItem[]>;
+    dataFlatten: MediaCollectionItem[];
+} | {
+    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<MediaCollectionResponse, 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<MediaCollectionResponse, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown>>;
+    data: import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown> | undefined;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    groupedData: Record<string, MediaCollectionItem[]>;
+    dataFlatten: MediaCollectionItem[];
+} | {
+    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<MediaCollectionResponse, 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<MediaCollectionResponse, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown>>;
+    data: import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown> | undefined;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    groupedData: Record<string, MediaCollectionItem[]>;
+    dataFlatten: MediaCollectionItem[];
+} | {
+    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<MediaCollectionResponse, 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<MediaCollectionResponse, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown>>;
+    data: import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown> | undefined;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<MediaCollectionResponse, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    groupedData: Record<string, MediaCollectionItem[]>;
+    dataFlatten: MediaCollectionItem[];
+};
+//# sourceMappingURL=useMediaCollection.d.ts.map

package/dist/hooks/collection/useMediaCollection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaCollection.d.ts","sourceRoot":"","sources":["../../../src/hooks/collection/useMediaCollection.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,OAAO,EACL,mBAAmB,EAEnB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAIzB,eAAO,MAAM,kBAAkB,GAAI,0BAGhC;IACD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEA,CAAC"}

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/conversation/useConversation.js

@@ -62,7 +62,7 @@ export const useConversationDisplayData = (conversation) => {
                 ? `${userInfo === null || userInfo === void 0 ? void 0 : userInfo.nickname}${((_c = (_b = exUserInfo === null || exUserInfo === void 0 ? void 0 : exUserInfo.userInfo) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.username)
                     ? ` (${(_e = (_d = exUserInfo === null || exUserInfo === void 0 ? void 0 : exUserInfo.userInfo) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.username})`
                     : ""}`
-                : conversation === null || conversation === void 0 ? void 0 : conversation.showName,
+                : (conversation === null || conversation === void 0 ? void 0 : conversation.showName) || "",
         };
     }, [conversation, userInfo]);
     return Object.assign({}, conversationDisplayData);

package/dist/hooks/conversation/useConversationStore.d.ts

@@ -1,6 +1,7 @@
+import { ConversationItem } from "@openim/wasm-client-sdk";
 interface ConversationStore {
-    conversationData: any;
-    setConversationData: (data: any) => void;
+    conversationData: ConversationItem | null;
+    setConversationData: (data: ConversationItem) => void;
     selectedThreadId: string;
     selectedSourceId: string;
     setSelectedThreadId: (threadId: string) => void;

package/dist/hooks/conversation/useConversationStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConversationStore.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useConversationStore.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,gBAAgB,EAAE,GAAG,CAAC;IACtB,mBAAmB,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACzC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,QAAA,MAAM,oBAAoB,gFAOvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"useConversationStore.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useConversationStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,UAAU,iBAAiB;IACzB,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,mBAAmB,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,QAAA,MAAM,oBAAoB,gFAOvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}

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"}