@droppii-org/chat-sdk 0.1.71 → 0.1.73

package/dist/src/hooks/canned-response/useFetchCannedResponse.js

@@ -0,0 +1,55 @@
+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 { PAGE_SIZE } from "../../constants";
+import { useMemo } from "react";
+export const useFetchCannedResponse = (payload) => {
+    const _a = useInfiniteQuery({
+        initialPageParam: 1,
+        queryKey: [QUERY_KEYS.GET_CANNED_RESPONSES, payload],
+        queryFn: async ({ pageParam = 1 }) => {
+            const params = Object.assign(Object.assign({ pageSize: (payload === null || payload === void 0 ? void 0 : payload.pageSize) || PAGE_SIZE.large }, payload), { page: pageParam });
+            const res = await apiInstance.get(ENDPOINTS.chatService.getCannedResponses, {
+                params,
+            });
+            return res.data;
+        },
+        getNextPageParam: (lastPage) => {
+            var _a, _b;
+            const pageSize = (payload === null || payload === void 0 ? void 0 : payload.pageSize) || PAGE_SIZE.large;
+            const dataLength = ((_a = lastPage === null || lastPage === void 0 ? void 0 : lastPage.data) === null || _a === void 0 ? void 0 : _a.length) || 0;
+            const currentPage = ((_b = lastPage === null || lastPage === void 0 ? void 0 : lastPage.pageable) === null || _b === void 0 ? void 0 : _b.pageNumber) || 1;
+            return dataLength < pageSize ? undefined : currentPage + 1;
+        },
+        enabled: (payload === null || payload === void 0 ? void 0 : payload.visibilityScope) === "PRIVATE" || !!(payload === null || payload === void 0 ? void 0 : payload.teamId),
+    }), { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = _a, rest = __rest(_a, ["data", "fetchNextPage", "hasNextPage", "isFetchingNextPage", "isLoading"]);
+    const { dataFlatten } = useMemo(() => {
+        var _a, _b;
+        if (!data)
+            return {
+                dataFlatten: [],
+            };
+        const allItems = ((_b = (_a = data === null || data === void 0 ? void 0 : data.pages) === null || _a === void 0 ? void 0 : _a.flatMap) === null || _b === void 0 ? void 0 : _b.call(_a, (page) => page.data)) || [];
+        return {
+            dataFlatten: allItems,
+        };
+    }, [data]);
+    return Object.assign({ data,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        isLoading,
+        dataFlatten }, rest);
+};

package/dist/src/hooks/common/useFetchUrlMetadata.d.ts

@@ -0,0 +1,9 @@
+export interface UrlMetadata {
+    title?: string;
+    description?: string;
+    image?: string;
+    url: string;
+}
+export declare const fetchUrlMetadata: (url: string) => Promise<UrlMetadata | null>;
+export declare const useFetchUrlMetadata: (url: string, enabled?: boolean) => import("@tanstack/react-query").UseQueryResult<UrlMetadata | null, Error>;
+//# sourceMappingURL=useFetchUrlMetadata.d.ts.map

package/dist/src/hooks/common/useFetchUrlMetadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchUrlMetadata.d.ts","sourceRoot":"","sources":["../../../../src/hooks/common/useFetchUrlMetadata.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,gBAAgB,GAAU,KAAK,MAAM,KAAG,OAAO,CAAC,WAAW,GAAG,IAAI,CAY9E,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,KAAK,MAAM,EAAE,iBAAc,8EAO3D,CAAC"}

package/dist/src/hooks/common/useFetchUrlMetadata.js

@@ -0,0 +1,21 @@
+import { useQuery } from "@tanstack/react-query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+export const fetchUrlMetadata = async (url) => {
+    var _a;
+    if (!url)
+        return null;
+    const response = await apiInstance.get(ENDPOINTS.chatService.getUrlMetadata, { params: { url } });
+    const data = (_a = response.data) === null || _a === void 0 ? void 0 : _a.data;
+    if (!data)
+        return null;
+    return Object.assign(Object.assign({}, data), { url });
+};
+export const useFetchUrlMetadata = (url, enabled = true) => useQuery({
+    queryKey: [QUERY_KEYS.FETCH_URL_METADATA, url],
+    queryFn: () => fetchUrlMetadata(url),
+    enabled: enabled && !!url,
+    retry: 0,
+    staleTime: 5 * 60 * 1000,
+});

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

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

package/dist/src/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/src/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/src/hooks/conversation/useActiveConversation.d.ts

@@ -0,0 +1,3 @@
+import type { ConversationListItem } from "../../types/conversation";
+export declare const useActiveConversation: (conversationItems: ConversationListItem[]) => void;
+//# sourceMappingURL=useActiveConversation.d.ts.map

package/dist/src/hooks/conversation/useActiveConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveConversation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/conversation/useActiveConversation.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEjE,eAAO,MAAM,qBAAqB,GAChC,mBAAmB,oBAAoB,EAAE,SAuC1C,CAAC"}

package/dist/src/hooks/conversation/useActiveConversation.js

@@ -0,0 +1,31 @@
+"use client";
+import { useEffect } from "react";
+import { useSearchParams } from "next/navigation";
+import useConversationStore from "../../store/conversation";
+export const useActiveConversation = (conversationItems) => {
+    const searchParams = useSearchParams();
+    const threadId = searchParams.get("threadId");
+    const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
+    const setConversationData = useConversationStore((state) => state.setConversationData);
+    const clearSelectedConversation = useConversationStore((state) => state.clearSelectedConversation);
+    useEffect(() => {
+        if (!threadId) {
+            clearSelectedConversation();
+            return;
+        }
+        setSelectedConversationId(threadId);
+        const matchedThread = conversationItems.find((item) => item.conversationID === threadId);
+        if (!matchedThread)
+            return;
+        const currentData = useConversationStore.getState().conversationData;
+        if ((currentData === null || currentData === void 0 ? void 0 : currentData.conversationID) !== threadId) {
+            setConversationData(matchedThread);
+        }
+    }, [
+        threadId,
+        conversationItems,
+        setSelectedConversationId,
+        setConversationData,
+        clearSelectedConversation,
+    ]);
+};

package/dist/src/hooks/conversation/useBotConversationDetail.d.ts

@@ -0,0 +1,4 @@
+import type { BotConversationDetail } from "../../types/conversation";
+export declare const fetchBotConversationDetail: (conversationId: string) => Promise<BotConversationDetail>;
+export declare const useBotConversationDetail: (conversationId: string, enabled: boolean) => import("@tanstack/react-query").UseQueryResult<BotConversationDetail, Error>;
+//# sourceMappingURL=useBotConversationDetail.d.ts.map

package/dist/src/hooks/conversation/useBotConversationDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBotConversationDetail.d.ts","sourceRoot":"","sources":["../../../../src/hooks/conversation/useBotConversationDetail.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,eAAO,MAAM,0BAA0B,GACrC,gBAAgB,MAAM,KACrB,OAAO,CAAC,qBAAqB,CAK/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,gBAAgB,MAAM,EACtB,SAAS,OAAO,iFAUjB,CAAC"}

package/dist/src/hooks/conversation/useBotConversationDetail.js

@@ -0,0 +1,19 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+export const fetchBotConversationDetail = async (conversationId) => {
+    const res = await apiInstance.get(ENDPOINTS.chatService.getConversationDetail(conversationId));
+    return res.data.data;
+};
+export const useBotConversationDetail = (conversationId, enabled) => {
+    return useQuery({
+        queryKey: [QUERY_KEYS.GET_CONVERSATION_DETAIL, conversationId],
+        queryFn: () => fetchBotConversationDetail(conversationId),
+        enabled: enabled && !!conversationId,
+        staleTime: 0,
+        refetchOnWindowFocus: false,
+        refetchOnReconnect: false,
+    });
+};

package/dist/src/hooks/conversation/useBotDetail.d.ts

@@ -0,0 +1,3 @@
+import type { BotDetail } from "../../types/conversation";
+export declare const useBotDetail: (botId: string, enabled: boolean) => import("@tanstack/react-query").UseQueryResult<BotDetail, Error>;
+//# sourceMappingURL=useBotDetail.d.ts.map

package/dist/src/hooks/conversation/useBotDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBotDetail.d.ts","sourceRoot":"","sources":["../../../../src/hooks/conversation/useBotDetail.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,EAAE,SAAS,OAAO,qEAc3D,CAAC"}

package/dist/src/hooks/conversation/useBotDetail.js

@@ -0,0 +1,18 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+export const useBotDetail = (botId, enabled) => {
+    return useQuery({
+        queryKey: [QUERY_KEYS.GET_BOT_DETAIL, botId],
+        queryFn: async () => {
+            const res = await apiInstance.get(ENDPOINTS.chatService.getBotDetail(botId));
+            return res.data.data;
+        },
+        enabled: enabled && !!botId,
+        staleTime: 0,
+        refetchOnWindowFocus: false,
+        refetchOnReconnect: false,
+    });
+};

package/dist/src/hooks/conversation/useBotFlow.d.ts

@@ -0,0 +1,19 @@
+import { type BotInputButtonsBlock } from "../../types/conversation";
+export type BotFlowStatus = "running" | "not_started";
+interface UseBotFlowParams {
+    conversationId: string;
+    isBotThread: boolean;
+}
+export declare const useBotFlow: ({ conversationId, isBotThread, }: UseBotFlowParams) => {
+    status: BotFlowStatus;
+    flowIsEnd: boolean;
+    isBotInactive: boolean;
+    isProcessing: boolean;
+    shouldShowButtons: boolean;
+    currentButtonsBlock: BotInputButtonsBlock | null;
+    start: () => Promise<void>;
+    selectButton: (actionId: string) => Promise<void>;
+    restart: () => Promise<void>;
+};
+export {};
+//# sourceMappingURL=useBotFlow.d.ts.map

package/dist/src/hooks/conversation/useBotFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBotFlow.d.ts","sourceRoot":"","sources":["../../../../src/hooks/conversation/useBotFlow.ts"],"names":[],"mappings":"AAKA,OAAO,EAKL,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAa9B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,CAAC;AAEtD,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB;AAsBD,eAAO,MAAM,UAAU,GAAI,kCAGxB,gBAAgB;;;;;;;;6BAmHqB,MAAM;;CAkD7C,CAAC"}

package/dist/src/hooks/conversation/useBotFlow.js

@@ -0,0 +1,160 @@
+"use client";
+import { useEffect, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { BotBlockType, BotFlowNodeType, BotStatus, } from "../../types/conversation";
+import { BOT_DEFAULT_BUTTON_ID } from "../../constants/botFlow";
+import { useSendMessage } from "../../hooks/message/useSendMessage";
+import useAuthStore from "../../store/auth";
+import useConversationStore from "../../store/conversation";
+import emitter from "../../utils/events";
+import { resolveConversationBotId } from "../../utils/conversation";
+import { useBotConversationDetail } from "./useBotConversationDetail";
+import { useBotDetail } from "./useBotDetail";
+import { useRunBotFlow } from "./useRunBotFlow";
+import { useResetBotFlow } from "./useResetBotFlow";
+const INITIAL_BOT_FLOW_STATE = {
+    conversationId: "",
+    flowCurrentStep: null,
+    flowIsEnd: false,
+};
+const parseMessageFlowGroupId = (ex) => {
+    var _a;
+    try {
+        return (_a = JSON.parse(ex || "{}").flow) === null || _a === void 0 ? void 0 : _a.groupId;
+    }
+    catch (_b) {
+        return undefined;
+    }
+};
+export const useBotFlow = ({ conversationId, isBotThread, }) => {
+    var _a, _b;
+    const [botFlowState, setBotFlowState] = useState(INITIAL_BOT_FLOW_STATE);
+    const { conversationId: storedConversationId, flowCurrentStep } = botFlowState;
+    const isActiveConversation = storedConversationId === conversationId;
+    const flowIsEnd = isActiveConversation && botFlowState.flowIsEnd;
+    const [pendingGroupId, setPendingGroupId] = useState(null);
+    const latestBotFlowGroupIdRef = useRef(null);
+    const authUserID = useAuthStore((state) => state.userID);
+    const { t } = useTranslation("conversation-inbox");
+    const conversationData = useConversationStore((state) => state.conversationData);
+    const botId = conversationData
+        ? resolveConversationBotId(conversationData)
+        : "";
+    const detailQuery = useBotConversationDetail(conversationId, isBotThread);
+    const botDetailQuery = useBotDetail(botId, isBotThread);
+    const isBotInactive = ((_a = botDetailQuery.data) === null || _a === void 0 ? void 0 : _a.status) === BotStatus.INACTIVE;
+    const runMutation = useRunBotFlow();
+    const resetMutation = useResetBotFlow();
+    const { sendMergeMessage } = useSendMessage({
+        scrollEvent: "CONVERSATION_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM",
+    });
+    useEffect(() => {
+        if (!isBotThread) {
+            setBotFlowState(INITIAL_BOT_FLOW_STATE);
+            setPendingGroupId(null);
+            latestBotFlowGroupIdRef.current = null;
+            return;
+        }
+        if (detailQuery.data) {
+            setBotFlowState({
+                conversationId,
+                flowCurrentStep: detailQuery.data.flowCurrentStep,
+                flowIsEnd: detailQuery.data.flowIsEnd,
+            });
+            setPendingGroupId(null);
+            latestBotFlowGroupIdRef.current = null;
+        }
+    }, [isBotThread, conversationId, detailQuery.data]);
+    useEffect(() => {
+        const handleNewMessage = (message) => {
+            if (message.sendID === authUserID)
+                return;
+            const groupId = parseMessageFlowGroupId(message.ex);
+            if (!groupId)
+                return;
+            latestBotFlowGroupIdRef.current = groupId;
+            setPendingGroupId((currentGroupId) => currentGroupId === groupId ? null : currentGroupId);
+        };
+        emitter.on("PUSH_NEW_MSG", handleNewMessage);
+        return () => {
+            emitter.off("PUSH_NEW_MSG", handleNewMessage);
+        };
+    }, [authUserID]);
+    const activeStep = storedConversationId === conversationId ? flowCurrentStep : null;
+    const currentButtonsBlock = (_b = activeStep === null || activeStep === void 0 ? void 0 : activeStep.data.children.find((child) => child.type === BotBlockType.InputButtons)) !== null && _b !== void 0 ? _b : null;
+    const isProcessing = runMutation.isPending || resetMutation.isPending;
+    const shouldShowButtons = !!currentButtonsBlock && !isProcessing && !pendingGroupId;
+    const status = (activeStep === null || activeStep === void 0 ? void 0 : activeStep.type) === BotFlowNodeType.Start ? "not_started" : "running";
+    const runStep = async (step, actionId = null) => {
+        var _a;
+        latestBotFlowGroupIdRef.current = null;
+        const result = await runMutation.mutateAsync({
+            conversationId,
+            groupId: step.id,
+            childId: null,
+            actionId,
+        });
+        setBotFlowState({
+            conversationId,
+            flowCurrentStep: result.flowNextStep,
+            flowIsEnd: result.isEnd,
+        });
+        const nextGroupId = (_a = result.flowNextStep) === null || _a === void 0 ? void 0 : _a.id;
+        setPendingGroupId(result.havingBotMessage &&
+            nextGroupId &&
+            latestBotFlowGroupIdRef.current !== nextGroupId
+            ? nextGroupId
+            : null);
+    };
+    const start = async () => {
+        if (!activeStep)
+            return;
+        await runStep(activeStep);
+    };
+    const selectButton = async (actionId) => {
+        if (!activeStep)
+            return;
+        const flow = {
+            groupId: activeStep.id,
+            childId: null,
+            actionId,
+        };
+        const selectedButton = currentButtonsBlock === null || currentButtonsBlock === void 0 ? void 0 : currentButtonsBlock.data.buttons.find((button) => button.id === actionId);
+        if (selectedButton) {
+            await sendMergeMessage({
+                plainText: selectedButton.label,
+                richText: "",
+                isInternal: false,
+                flow,
+            });
+        }
+        await runStep(activeStep, actionId);
+    };
+    const restart = async () => {
+        var _a;
+        const flow = {
+            groupId: (_a = activeStep === null || activeStep === void 0 ? void 0 : activeStep.id) !== null && _a !== void 0 ? _a : "",
+            childId: null,
+            actionId: BOT_DEFAULT_BUTTON_ID,
+        };
+        await sendMergeMessage({
+            plainText: t("thread_detail.bot.restart"),
+            richText: "",
+            isInternal: false,
+            flow,
+        });
+        const resetDetail = await resetMutation.mutateAsync(conversationId);
+        await runStep(resetDetail.flowCurrentStep);
+    };
+    return {
+        status,
+        flowIsEnd,
+        isBotInactive,
+        isProcessing,
+        shouldShowButtons,
+        currentButtonsBlock,
+        start,
+        selectButton,
+        restart,
+    };
+};

package/dist/src/hooks/conversation/useBotMainMenu.d.ts

@@ -0,0 +1,3 @@
+import type { BotMainMenuItem } from "../../types/conversation";
+export declare const fetchBotMainMenu: (conversationId: string) => Promise<BotMainMenuItem[]>;
+//# sourceMappingURL=useBotMainMenu.d.ts.map

package/dist/src/hooks/conversation/useBotMainMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBotMainMenu.d.ts","sourceRoot":"","sources":["../../../../src/hooks/conversation/useBotMainMenu.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,eAAO,MAAM,gBAAgB,GAC3B,gBAAgB,MAAM,KACrB,OAAO,CAAC,eAAe,EAAE,CAK3B,CAAC"}

package/dist/src/hooks/conversation/useBotMainMenu.js

@@ -0,0 +1,6 @@
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+export const fetchBotMainMenu = async (conversationId) => {
+    const res = await apiInstance.get(ENDPOINTS.chatService.getBotMainMenu(conversationId));
+    return res.data.data || [];
+};

package/dist/src/hooks/conversation/useConversation.d.ts

@@ -0,0 +1,13 @@
+import { ConversationItem, SessionType } from "@openim/wasm-client-sdk";
+export declare const markConversationMessageAsRead: (conversationId: string) => void;
+export declare const useConversationDetail: ({ sourceID, sessionType, }: {
+    sourceID: string;
+    sessionType: SessionType;
+}) => {
+    conversationDetail: ConversationItem | null;
+};
+export declare const useConversationDisplayData: (conversation: ConversationItem | null) => {
+    avatar?: string | undefined;
+    displayName?: string | undefined;
+};
+//# sourceMappingURL=useConversation.d.ts.map

package/dist/src/hooks/conversation/useConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConversation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/conversation/useConversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQxE,eAAO,MAAM,6BAA6B,GAAI,gBAAgB,MAAM,SAOnE,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,4BAGnC;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;CAC1B;;CAuBA,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,cAAc,gBAAgB,GAAG,IAAI;;;CA4CtC,CAAC"}

package/dist/src/hooks/conversation/useConversation.js

@@ -0,0 +1,69 @@
+import { SessionType } from "@openim/wasm-client-sdk";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { DChatSDK } from "../../constants/sdk";
+import useUsersInfoStore from "../../store/usersInfo";
+import { extractUserIdsFromConversations } from "../../hooks/user/useUsersInfo";
+import { useChatContext } from "../../context/ChatContext";
+export const markConversationMessageAsRead = (conversationId) => {
+    if (!conversationId)
+        return;
+    DChatSDK.markConversationMessageAsRead(conversationId)
+        .then()
+        .catch(({ errCode, errMsg }) => {
+        console.error("markConversationMessageAsRead", errCode, errMsg);
+    });
+};
+export const useConversationDetail = ({ sourceID, sessionType, }) => {
+    const [conversationDetail, setConversationDetail] = useState(null);
+    const getConversationDetail = useCallback(async () => {
+        DChatSDK.getOneConversation({
+            sourceID,
+            sessionType,
+        })
+            .then(({ data }) => {
+            setConversationDetail(data);
+        })
+            .catch((err) => {
+            console.error("getOneConversation", err);
+        });
+    }, [sourceID, sessionType]);
+    useEffect(() => {
+        getConversationDetail();
+    }, [getConversationDetail]);
+    return {
+        conversationDetail,
+    };
+};
+export const useConversationDisplayData = (conversation) => {
+    const { user } = useChatContext();
+    const usersInfo = useUsersInfoStore((state) => state.usersInfo);
+    const userInfo = useMemo(() => {
+        var _a;
+        if (!conversation)
+            return null;
+        const userId = (_a = extractUserIdsFromConversations([conversation])) === null || _a === void 0 ? void 0 : _a[0];
+        return usersInfo === null || usersInfo === void 0 ? void 0 : usersInfo[userId];
+    }, [conversation, usersInfo]);
+    const conversationDisplayData = useMemo(() => {
+        var _a, _b, _c, _d, _e;
+        if (!conversation)
+            return null;
+        const exConversationInfo = JSON.parse(conversation.ex || "{}");
+        const sessionInfo = exConversationInfo === null || exConversationInfo === void 0 ? void 0 : exConversationInfo.sessionInfo;
+        const isSupportGroup = conversation.conversationType === SessionType.Group &&
+            !!(sessionInfo === null || sessionInfo === void 0 ? void 0 : sessionInfo.data);
+        const isOwnerGroup = isSupportGroup && ((_a = sessionInfo === null || sessionInfo === void 0 ? void 0 : sessionInfo.data) === null || _a === void 0 ? void 0 : _a.ownerId) === (user === null || user === void 0 ? void 0 : user.userID);
+        const exUserInfo = JSON.parse((userInfo === null || userInfo === void 0 ? void 0 : userInfo.ex) || "{}");
+        return {
+            avatar: isSupportGroup && !isOwnerGroup
+                ? userInfo === null || userInfo === void 0 ? void 0 : userInfo.faceURL
+                : conversation === null || conversation === void 0 ? void 0 : conversation.faceURL,
+            displayName: isSupportGroup && !isOwnerGroup
+                ? `${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, userInfo]);
+    return Object.assign({}, conversationDisplayData);
+};

package/dist/src/hooks/conversation/useConversationAvatarUrl.d.ts

@@ -0,0 +1,3 @@
+import type { ConversationItem } from "@openim/wasm-client-sdk";
+export declare const useConversationAvatarUrl: (conversation: ConversationItem) => string | null;
+//# sourceMappingURL=useConversationAvatarUrl.d.ts.map

package/dist/src/hooks/conversation/useConversationAvatarUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConversationAvatarUrl.d.ts","sourceRoot":"","sources":["../../../../src/hooks/conversation/useConversationAvatarUrl.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAQhE,eAAO,MAAM,wBAAwB,GACnC,cAAc,gBAAgB,KAC7B,MAAM,GAAG,IASX,CAAC"}

package/dist/src/hooks/conversation/useConversationAvatarUrl.js

@@ -0,0 +1,11 @@
+"use client";
+import { isBotPeer, resolveConversationAvatarUrl, resolveConversationBotId, } from "../../utils/conversation";
+import { useBotDetail } from "./useBotDetail";
+export const useConversationAvatarUrl = (conversation) => {
+    var _a, _b;
+    const isBotThread = isBotPeer(conversation);
+    const botId = isBotThread ? resolveConversationBotId(conversation) : "";
+    const botDetailQuery = useBotDetail(botId, isBotThread);
+    return (((_b = (_a = botDetailQuery.data) === null || _a === void 0 ? void 0 : _a.avatar) === null || _b === void 0 ? void 0 : _b.fullUrl) ||
+        resolveConversationAvatarUrl(conversation));
+};

package/dist/src/hooks/conversation/useConversationList.d.ts

@@ -0,0 +1,15 @@
+import { ChatCategory, type ConversationListItem } from "../../types/conversation";
+interface UseConversationListParams {
+    enabled: boolean;
+    chatCategory?: ChatCategory;
+}
+interface UseConversationListResult {
+    items: ConversationListItem[];
+    isLoading: boolean;
+    isFetchingNextPage: boolean;
+    hasNextPage: boolean;
+    fetchNextPage: () => void;
+}
+export declare const useConversationList: (params: UseConversationListParams) => UseConversationListResult;
+export {};
+//# sourceMappingURL=useConversationList.d.ts.map

package/dist/src/hooks/conversation/useConversationList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConversationList.d.ts","sourceRoot":"","sources":["../../../../src/hooks/conversation/useConversationList.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAI/E,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,UAAU,yBAAyB;IACjC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AASD,eAAO,MAAM,mBAAmB,GAC9B,QAAQ,yBAAyB,KAChC,yBAuFF,CAAC"}

package/dist/src/hooks/conversation/useConversationList.js

@@ -0,0 +1,70 @@
+"use client";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { CbEvents, } from "@openim/wasm-client-sdk";
+import { DChatSDK } from "../../constants/sdk";
+import { useChatContext } from "../../context/ChatContext";
+import { ConnectStatus, DChatApplicationType } from "../../types/chat";
+import useAuthStore from "../../store/auth";
+import useConversationStore from "../../store/conversation";
+const toConversationListItem = (conversation) => (Object.assign(Object.assign({}, conversation), { peerType: conversation.peerType }));
+export const useConversationList = (params) => {
+    const { enabled, chatCategory } = params;
+    const { connectStatus } = useChatContext();
+    const applicationType = useAuthStore((state) => state.applicationType);
+    const conversationList = useConversationStore((state) => state.conversationList);
+    const getConversationListByReq = useConversationStore((state) => state.getConversationListByReq);
+    const updateConversationList = useConversationStore((state) => state.updateConversationList);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isFetchingNextPage, setIsFetchingNextPage] = useState(false);
+    const [hasNextPage, setHasNextPage] = useState(false);
+    const isApplicationTypeValid = Object.values(DChatApplicationType).includes(applicationType);
+    const queryEnabled = enabled &&
+        isApplicationTypeValid &&
+        connectStatus === ConnectStatus.Connected;
+    const appParams = useMemo(() => ({ applicationType, chatCategory }), [applicationType, chatCategory]);
+    const loadInitial = useCallback(async () => {
+        setIsLoading(true);
+        try {
+            const hasMore = await getConversationListByReq(false, appParams);
+            setHasNextPage(hasMore);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [getConversationListByReq, appParams]);
+    const fetchNextPage = useCallback(() => {
+        if (!hasNextPage || isFetchingNextPage)
+            return;
+        setIsFetchingNextPage(true);
+        void getConversationListByReq(true, appParams)
+            .then((hasMore) => setHasNextPage(hasMore))
+            .finally(() => setIsFetchingNextPage(false));
+    }, [hasNextPage, isFetchingNextPage, getConversationListByReq, appParams]);
+    useEffect(() => {
+        if (!queryEnabled)
+            return;
+        void loadInitial();
+        const onSyncFinish = () => {
+            void loadInitial();
+        };
+        const conversationChangeHandler = ({ data, }) => {
+            updateConversationList(data, "push");
+        };
+        DChatSDK.on(CbEvents.OnSyncServerFinish, onSyncFinish);
+        DChatSDK.on(CbEvents.OnConversationChanged, conversationChangeHandler);
+        DChatSDK.on(CbEvents.OnNewConversation, conversationChangeHandler);
+        return () => {
+            DChatSDK.off(CbEvents.OnSyncServerFinish, onSyncFinish);
+            DChatSDK.off(CbEvents.OnConversationChanged, conversationChangeHandler);
+            DChatSDK.off(CbEvents.OnNewConversation, conversationChangeHandler);
+        };
+    }, [queryEnabled, loadInitial, updateConversationList]);
+    const items = useMemo(() => conversationList.map(toConversationListItem), [conversationList]);
+    return {
+        items,
+        isLoading,
+        isFetchingNextPage,
+        hasNextPage,
+        fetchNextPage,
+    };
+};

package/dist/src/hooks/conversation/useCreateConversation.d.ts

@@ -0,0 +1,8 @@
+import type { ChatCategory, ChatType, CreateConversationData } from "../../types/conversation";
+export interface CreateConversationInput {
+    peerUserId: string;
+    chatCategory: ChatCategory;
+    chatType: ChatType;
+}
+export declare const useCreateConversation: () => import("@tanstack/react-query").UseMutationResult<CreateConversationData, Error, CreateConversationInput, unknown>;
+//# sourceMappingURL=useCreateConversation.d.ts.map

package/dist/src/hooks/conversation/useCreateConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateConversation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/conversation/useCreateConversation.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,YAAY,EACZ,QAAQ,EACR,sBAAsB,EACvB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,0HAejC,CAAC"}