@droppii-org/chat-sdk 0.1.19 → 0.1.21

package/dist/components/thread/ManualAssignPopover.js

@@ -1,30 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { Popover, Input, Avatar, Spin, Badge } from "antd";
+import { Popover, Input, Avatar, Spin, Badge, Divider } from "antd";
 import { useTranslation } from "react-i18next";
 import clsx from "clsx";
 import { Icon } from "../icon";
 import { useGetTeamSupporters } from "../../hooks/session/useGetTeamSupporters";
-import { useAssignSession } from "../../hooks/session/useAssignSession";
-import { useQueryClient } from "@tanstack/react-query";
+import { useAssignSession, useAutoAssignSession, } from "../../hooks/session/useAssignSession";
 import { message as antdMessage } from "antd";
-import { invalidateSessionQueries } from "../../utils/queryHelpers";
 import AssignConfirmModal from "./AssignConfirmModal";
 import { useDebounce } from "ahooks";
 import useAuthStore from "../../store/auth";
 const SEARCH_DEBOUNCE_WAIT = 300;
-const SupporterItem = ({ supporter, onClick, isCurrentAssignee, isCurrentUser, }) => {
+const SupporterItem = ({ supporter, onClick, isCurrentUser, }) => {
     var _a;
     const { t } = useTranslation();
     const isOnline = supporter.status === "ONLINE";
-    return (_jsxs("div", { role: "option", tabIndex: 0, "aria-selected": isCurrentAssignee, className: clsx("flex items-center gap-3 px-3 py-2 rounded-md transition-colors", isCurrentAssignee
-            ? "bg-blue-50 border border-blue-200 pointer-events-none"
-            : "cursor-pointer hover:bg-gray-50"), onClick: () => onClick(supporter), children: [_jsx(Badge, { dot: true, color: isOnline ? "#52c41a" : "#d9d9d9", offset: [-2, 24], children: _jsx(Avatar, { src: supporter.avatar, size: 32, children: ((_a = supporter.displayName) === null || _a === void 0 ? void 0 : _a.charAt(0)) || "A" }) }), _jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [_jsx("span", { className: "text-sm truncate", children: supporter.displayName }), isCurrentUser && (_jsx("span", { className: "text-xs text-blue-500 shrink-0", children: t("current_account") }))] }), _jsx("div", { className: "flex items-center gap-2 shrink-0", children: isCurrentAssignee && (_jsx("span", { className: "text-xs text-blue-500 shrink-0", children: t("manual_assign_current") })) })] }));
+    return (_jsxs("div", { role: "option", tabIndex: 0, className: "flex items-center gap-3 px-3 py-2 rounded-md transition-colors cursor-pointer hover:bg-gray-50", onClick: () => onClick(supporter), children: [_jsx(Badge, { dot: true, color: isOnline ? "#52c41a" : "#d9d9d9", offset: [-2, 24], children: _jsx(Avatar, { src: supporter.avatar, size: 32, children: ((_a = supporter.displayName) === null || _a === void 0 ? void 0 : _a.charAt(0)) || "A" }) }), _jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [_jsx("span", { className: "text-sm truncate", children: supporter.displayName }), isCurrentUser && (_jsx("span", { className: "text-xs text-blue-500 shrink-0", children: t("current_account") }))] }), _jsx("div", { className: "flex items-center gap-2 shrink-0", children: !!supporter.openSessionCount && supporter.openSessionCount > 0 && (_jsxs("span", { className: "flex items-center gap-0.5 bg-blue-500 text-white text-xs font-medium px-1.5 py-0.5 rounded-full", children: [_jsx(Icon, { icon: "chat-square-b", size: 11 }), supporter.openSessionCount] })) })] }));
 };
-const ManualAssignPopover = ({ sessionId, supporter, teamId: propTeamId, }) => {
+const ManualAssignPopover = ({ sessionId, supporter, teamId: propTeamId, children, excludeCurrentUser = false, }) => {
     var _a, _b;
     const { t } = useTranslation();
-    const queryClient = useQueryClient();
     const authUserID = useAuthStore((state) => state.userID);
     const [open, setOpen] = useState(false);
     const [searchText, setSearchText] = useState("");
@@ -37,27 +32,49 @@ const ManualAssignPopover = ({ sessionId, supporter, teamId: propTeamId, }) => {
     const { data: supporters, isLoading, isFetching, } = useGetTeamSupporters({
         teamId,
         search: debouncedSearch || undefined,
+        enabled: open,
     });
     const { mutate: assignSession, isPending: isAssigning } = useAssignSession();
+    const { mutate: autoAssignSession, isPending: isAutoAssigning } = useAutoAssignSession();
+    const isSubmitting = isAssigning || isAutoAssigning;
+    const isAutoAssignDisabled = isSubmitting || isLoading || isFetching;
+    const hasAvailableAutoAssignSupporter = supporters === null || supporters === void 0 ? void 0 : supporters.some((item) => item.status === "ONLINE" && item.memberId !== (supporter === null || supporter === void 0 ? void 0 : supporter.id));
     const handleSelectAgent = (agent) => {
-        if (isAssigning)
+        if (isSubmitting)
             return;
         setSelectedAgent(agent);
+        setOpen(false);
+        setSearchText("");
         setConfirmModalOpen(true);
     };
     const handleConfirmAssign = () => {
-        if (!selectedAgent || isAssigning)
+        if (!selectedAgent || isSubmitting)
             return;
         assignSession({ sessionId, supporterId: selectedAgent.memberId }, {
             onSuccess: () => {
                 antdMessage.success(t("manual_assign_success"));
                 setConfirmModalOpen(false);
+            },
+            onError: () => {
+                antdMessage.error(t("manual_assign_failed"));
+            },
+        });
+    };
+    const handleAutoAssign = () => {
+        if (isAutoAssignDisabled)
+            return;
+        if (!hasAvailableAutoAssignSupporter) {
+            antdMessage.error(t("auto_assign_failed"));
+            return;
+        }
+        autoAssignSession({ sessionId }, {
+            onSuccess: () => {
+                antdMessage.success(t("auto_assign_success"));
                 setOpen(false);
                 setSearchText("");
-                invalidateSessionQueries(queryClient);
             },
             onError: () => {
-                antdMessage.error(t("manual_assign_failed"));
+                antdMessage.error(t("auto_assign_failed"));
             },
         });
     };
@@ -68,16 +85,18 @@ const ManualAssignPopover = ({ sessionId, supporter, teamId: propTeamId, }) => {
         setSelectedAgent(null);
     };
     const handleOpenChange = (newOpen) => {
-        if (isAssigning)
-            return;
-        if (!newOpen && confirmModalOpen)
+        if (isSubmitting)
             return;
         setOpen(newOpen);
         if (!newOpen) {
             setSearchText("");
         }
     };
-    const popoverContent = (_jsxs("div", { className: "w-64", children: [_jsx("div", { className: "mb-2", children: _jsx(Input, { autoFocus: true, placeholder: t("manual_assign_search_placeholder"), value: searchText, onChange: (e) => setSearchText(e.target.value), prefix: _jsx(Icon, { icon: "search-o", size: 16, className: "text-gray-400" }), className: "rounded-lg border-gray-300 focus-within:border-[#3278f7] focus-within:shadow-[0_0_0_2px_rgba(50,120,247,0.12)]", allowClear: true }) }), _jsx("div", { className: "max-h-72 overflow-y-auto", role: "listbox", children: isLoading ? (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Spin, {}) })) : supporters && supporters.length > 0 ? (_jsx("div", { className: clsx("flex flex-col transition-opacity duration-200", isFetching && "opacity-50 pointer-events-none"), children: [...supporters]
+    const popoverContent = (_jsxs("div", { className: "w-64", children: [_jsxs("button", { type: "button", className: clsx("flex w-full items-center gap-3 rounded-md px-3 py-2 text-left text-sm transition-colors", isAutoAssignDisabled
+                    ? "cursor-not-allowed text-gray-400"
+                    : "text-gray-700 hover:bg-gray-50"), onClick: handleAutoAssign, disabled: isAutoAssignDisabled, children: [isAutoAssigning ? (_jsx(Spin, { size: "small" })) : (_jsx("span", { className: "text-blue-500", children: _jsx(Icon, { icon: "refresh-b", size: 20 }) })), _jsx("span", { children: t("manual_assign_button_auto_reassign") })] }), _jsx(Divider, { className: "my-2" }), _jsx("div", { className: "mb-2", children: _jsx(Input, { autoFocus: true, placeholder: t("manual_assign_search_placeholder"), value: searchText, onChange: (e) => setSearchText(e.target.value), prefix: _jsx(Icon, { icon: "search-o", size: 16, className: "text-gray-400" }), className: "rounded-lg border-gray-300 focus-within:border-[#3278f7] focus-within:shadow-[0_0_0_2px_rgba(50,120,247,0.12)]", allowClear: true }) }), _jsx("div", { className: "max-h-72 overflow-y-auto", role: "listbox", children: isLoading ? (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Spin, {}) })) : supporters && supporters.length > 0 ? (_jsx("div", { className: clsx("flex flex-col transition-opacity duration-200", isFetching && "opacity-50 pointer-events-none"), children: [...supporters]
+                        .filter((item) => item.memberId !== (supporter === null || supporter === void 0 ? void 0 : supporter.id))
+                        .filter((item) => !excludeCurrentUser || item.memberId !== authUserID)
                         .sort((supporterA, supporterB) => {
                         const isSupporterACurrentUser = supporterA.memberId === authUserID;
                         const isSupporterBCurrentUser = supporterB.memberId === authUserID;
@@ -88,9 +107,9 @@ const ManualAssignPopover = ({ sessionId, supporter, teamId: propTeamId, }) => {
                             sensitivity: "base",
                         });
                     })
-                        .map((item) => (_jsx(SupporterItem, { supporter: item, onClick: handleSelectAgent, isCurrentAssignee: item.memberId === (supporter === null || supporter === void 0 ? void 0 : supporter.id), isCurrentUser: item.memberId === authUserID }, item.memberId))) })) : (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx("span", { className: "text-sm text-gray-400", children: t("manual_assign_no_results") }) })) })] }));
-    return (_jsxs(_Fragment, { children: [_jsx(Popover, { content: popoverContent, trigger: "click", open: open, onOpenChange: handleOpenChange, placement: "topLeft", arrow: false, children: _jsxs("div", { role: "button", tabIndex: 0, "aria-label": t("manual_assign_button_reassign"), className: clsx("flex items-center border border-gray-200 rounded-lg p-1 gap-1 transition-opacity", isAssigning
+                        .map((item) => (_jsx(SupporterItem, { supporter: item, onClick: handleSelectAgent, isCurrentUser: item.memberId === authUserID }, item.memberId))) })) : (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx("span", { className: "text-sm text-gray-400", children: t("manual_assign_no_results") }) })) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Popover, { content: popoverContent, trigger: "click", open: open, onOpenChange: handleOpenChange, placement: "topLeft", arrow: false, children: children !== null && children !== void 0 ? children : (_jsxs("div", { role: "button", tabIndex: 0, "aria-label": t("manual_assign_button_reassign"), className: clsx("flex items-center border border-gray-200 rounded-lg p-1 gap-1 transition-opacity", isSubmitting
                         ? "opacity-50 pointer-events-none"
-                        : "cursor-pointer hover:opacity-80"), children: [_jsx(Avatar, { src: supporter === null || supporter === void 0 ? void 0 : supporter.avatar, size: 28, children: ((_b = (_a = supporter === null || supporter === void 0 ? void 0 : supporter.fullName) === null || _a === void 0 ? void 0 : _a.charAt) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) || "A" }), _jsx("span", { className: "text-purple-500", children: _jsx(Icon, { icon: "shuffle-b", size: 20 }) })] }) }), _jsx(AssignConfirmModal, { open: confirmModalOpen, agent: selectedAgent, loading: isAssigning, onCancel: handleCancelConfirm, onConfirm: handleConfirmAssign, afterClose: handleAfterClose })] }));
+                        : "cursor-pointer hover:opacity-80"), children: [_jsx(Avatar, { src: supporter === null || supporter === void 0 ? void 0 : supporter.avatar, size: 28, children: ((_b = (_a = supporter === null || supporter === void 0 ? void 0 : supporter.fullName) === null || _a === void 0 ? void 0 : _a.charAt) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) || "A" }), _jsx("span", { className: "text-blue-500", children: _jsx(Icon, { icon: "shuffle-b", size: 20 }) })] })) }), _jsx(AssignConfirmModal, { open: confirmModalOpen, agent: selectedAgent, loading: isAssigning, onCancel: handleCancelConfirm, onConfirm: handleConfirmAssign, afterClose: handleAfterClose })] }));
 };
 export default ManualAssignPopover;

package/dist/components/thread/SessionSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionSection.d.ts","sourceRoot":"","sources":["../../../src/components/thread/SessionSection.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAoBnE,eAAO,MAAM,iBAAiB,GAAI,wBAG/B;IACD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB,4CA6MA,CAAC;AA+CF,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAmDnE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SessionSection.d.ts","sourceRoot":"","sources":["../../../src/components/thread/SessionSection.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAkB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAqBnE,eAAO,MAAM,iBAAiB,GAAI,wBAG/B;IACD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB,4CAkNA,CAAC;AAiDF,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAmDnE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/thread/SessionSection.js

@@ -10,6 +10,7 @@ import { useQueryClient } from "@tanstack/react-query";
 import { QUERY_KEYS } from "../../services/query";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { SessionStatus } from "../../types/chat";
 const { TextArea } = Input;
 const formatSessionDate = (dateString) => {
     if (!dateString)
@@ -22,7 +23,7 @@ const formatSessionDate = (dateString) => {
     return `${hours}:${minutes} ${day}/${month}`;
 };
 export const SessionDetailCard = ({ session, isActive, }) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const queryClient = useQueryClient();
     const { t } = useTranslation("common");
     const { data: availableLabels, isLoading: isLoadingLabels } = useGetLabelSession();
@@ -115,7 +116,8 @@ export const SessionDetailCard = ({ session, isActive, }) => {
     return (_jsxs("div", { className: `p-3 border rounded-lg shadow-md ${isActive ? "border-blue-500" : "border-gray-300"}`, children: [_jsxs("div", { className: "flex justify-between items-start mb-3", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Icon, { icon: "chat-square-b", size: 16, className: "text-gray-500" }), _jsx("p", { className: "font-semibold text-sm", children: t("session_label", { order: session.order }) })] }), _jsx("p", { className: "text-xs text-gray-400", children: formatSessionDate(session.closedDate || session.createdDate) })] }) }), isActive ? (_jsx(Tag, { color: "processing", children: t("session_active") })) : (_jsx(Avatar, { src: (_a = session.supporter) === null || _a === void 0 ? void 0 : _a.avatar, size: 24, children: ((_d = (_c = (_b = session.supporter) === null || _b === void 0 ? void 0 : _b.fullName) === null || _c === void 0 ? void 0 : _c.charAt) === null || _d === void 0 ? void 0 : _d.call(_c, 0)) || "A" }))] }), _jsxs("div", { className: "flex flex-col gap-3 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 text-gray-500", children: [_jsx(Icon, { icon: "tag-o", size: 16, className: "mt-1" }), _jsx(Select, { mode: "multiple", loading: isLoadingLabels, className: "w-full", placeholder: t("session_add_tag_placeholder"), options: labelOptions, value: (_e = session.labels) === null || _e === void 0 ? void 0 : _e.map((label) => label.id), onChange: handleUpdateLabels, removeIcon: true })] }), _jsxs("div", { className: "flex items-start gap-2 text-gray-500", children: [_jsx(Icon, { icon: "info-circle-o", size: 16, className: "mt-1" }), _jsx(TextArea, { value: issueDetailInput.value, onChange: (e) => setIssueDetailInput({
                                     value: e.target.value,
                                     sessionId: session.id,
-                                }), placeholder: t("session_issue_detail_placeholder"), className: "border-none !shadow-none py-0 px-2", autoSize: { minRows: 1, maxRows: 3 } })] }), _jsxs("div", { className: "flex items-start gap-2 text-gray-500", children: [_jsx(Icon, { icon: "paper-o", size: 16, className: "mt-1" }), _jsx(TextArea, { value: noteInput.value, onChange: (e) => setNoteInput({ value: e.target.value, sessionId: session.id }), placeholder: t("session_note_placeholder"), className: "border-none !shadow-none py-0 px-2", autoSize: { minRows: 1, maxRows: 3 } })] })] }), isActive && (_jsxs("div", { className: "flex items-center gap-2 mt-4 border-t border-gray-200 pt-4", children: [_jsx(ManualAssignPopover, { sessionId: session.id, supporter: session.supporter, teamId: session.teamId }), _jsx(Button, { type: "primary", className: "flex-1", onClick: handleCloseSession, loading: isClosing, children: t("session_close_button") })] }))] }));
+                                }), placeholder: t("session_issue_detail_placeholder"), className: "border-none !shadow-none py-0 px-2", autoSize: { minRows: 1, maxRows: 3 } })] }), _jsxs("div", { className: "flex items-start gap-2 text-gray-500", children: [_jsx(Icon, { icon: "paper-o", size: 16, className: "mt-1" }), _jsx(TextArea, { value: noteInput.value, onChange: (e) => setNoteInput({ value: e.target.value, sessionId: session.id }), placeholder: t("session_note_placeholder"), className: "border-none !shadow-none py-0 px-2", autoSize: { minRows: 1, maxRows: 3 } })] })] }), isActive && (_jsxs("div", { className: "flex items-center gap-2 mt-4 border-t border-gray-200 pt-4", children: [session.status !== SessionStatus.UNASSIGNED &&
+                        ((_f = session.supporter) === null || _f === void 0 ? void 0 : _f.id) && (_jsx(ManualAssignPopover, { sessionId: session.id, supporter: session.supporter, teamId: session.teamId })), _jsx(Button, { type: "primary", className: "flex-1", onClick: handleCloseSession, loading: isClosing, children: t("session_close_button") })] }))] }));
 };
 const ClosedSessionItem = ({ session, expandedSessionId, onToggleExpand, }) => {
     var _a, _b, _c, _d;

package/dist/components/thread/ThreadInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadInfo.d.ts","sourceRoot":"","sources":["../../../src/components/thread/ThreadInfo.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU,sDAsCf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ThreadInfo.d.ts","sourceRoot":"","sources":["../../../src/components/thread/ThreadInfo.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,UAAU,sDAsCf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/thread/ThreadInfo.js

@@ -4,13 +4,14 @@ import UserSection from "./UserSection";
 import SessionSection, { SessionDetailCard } from "./SessionSection";
 import { useGetListSessionByConversation } from "../../hooks/session/useGetListSessionByConversation";
 import { useMemo } from "react";
+import { PAGE_SIZE } from "../../constants";
 const ThreadInfo = () => {
     const conversationData = useConversationStore((state) => state.conversationData);
     const conversationId = (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "";
     const { data: sessions, isLoading } = useGetListSessionByConversation({
         conversationId,
         page: 1,
-        pageSize: 50,
+        pageSize: PAGE_SIZE.large,
     });
     const { closedSessions, activeSession } = useMemo(() => {
         if (!sessions)

package/dist/constants/index.d.ts

@@ -1,5 +1,10 @@
 export declare const coreWasmPath = "https://droppiistg.blob.core.windows.net/droppii-stg-public/livechat/openIM.wasm";
-export declare const PAGE_SIZE = 50;
+export declare const PAGE_SIZE: {
+    readonly xs: 5;
+    readonly small: 10;
+    readonly medium: 20;
+    readonly large: 50;
+};
 export declare const MSG_ITEM_PREFIX = "msg-item-";
 export declare const MSG_ITEM_CONTENT_PREFIX = "msg-item-content-";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,qFAC2D,CAAC;AAErF,eAAO,MAAM,SAAS,KAAK,CAAC;AAE5B,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,uBAAuB,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,qFAC2D,CAAC;AAErF,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAEX,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,uBAAuB,sBAAsB,CAAC"}

package/dist/constants/index.js

@@ -1,4 +1,9 @@
 export const coreWasmPath = "https://droppiistg.blob.core.windows.net/droppii-stg-public/livechat/openIM.wasm";
-export const PAGE_SIZE = 50;
+export const PAGE_SIZE = {
+    xs: 5,
+    small: 10,
+    medium: 20,
+    large: 50,
+};
 export const MSG_ITEM_PREFIX = "msg-item-";
 export const MSG_ITEM_CONTENT_PREFIX = "msg-item-content-";

package/dist/hooks/cannedResponse/useFetchCannedResponse.js

@@ -20,7 +20,7 @@ export const useFetchCannedResponse = (payload) => {
         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 }, payload), { page: pageParam });
+            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,
             });
@@ -28,7 +28,7 @@ export const useFetchCannedResponse = (payload) => {
         },
         getNextPageParam: (lastPage) => {
             var _a, _b;
-            const pageSize = (payload === null || payload === void 0 ? void 0 : payload.pageSize) || PAGE_SIZE;
+            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;

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":"AAgCA,eAAO,MAAM,cAAc,YAuS1B,CAAC"}
+{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,cAAc,YAoT1B,CAAC"}

package/dist/hooks/global/useGlobalEvent.js

@@ -12,6 +12,7 @@ import { QUERY_KEYS } from "../../services/query";
 import { useQueryClient } from "@tanstack/react-query";
 import { isGroupSession } from "../../utils/imCommon";
 import { invalidateSessionQueries } from "../../utils/queryHelpers";
+import emitter from "../../utils/events";
 const notPushType = [MessageType.TypingMessage, MessageType.RevokeMessage];
 export const useGlobalEvent = () => {
     const { user } = useChatContext();
@@ -174,6 +175,10 @@ export const useGlobalEvent = () => {
                 break;
         }
     };
+    const groupMemberChangedHandler = () => {
+        void refreshCurrentGroupState();
+        emitter.emit("GROUP_MEMBERS_CHANGED");
+    };
     const setIMListener = () => {
         //account
         DChatSDK.on(CbEvents.OnUserTokenExpired, userTokenHandler);
@@ -192,6 +197,9 @@ export const useGlobalEvent = () => {
         // conversation
         DChatSDK.on(CbEvents.OnConversationChanged, conversationChangeHandler);
         DChatSDK.on(CbEvents.OnNewConversation, newConversationHandler);
+        // group members
+        DChatSDK.on(CbEvents.OnGroupMemberAdded, groupMemberChangedHandler);
+        DChatSDK.on(CbEvents.OnGroupMemberDeleted, groupMemberChangedHandler);
         //busines notification
         DChatSDK.on(CbEvents.OnRecvCustomBusinessMessage, businessNotificationHandler);
     };
@@ -212,6 +220,9 @@ export const useGlobalEvent = () => {
         // conversation
         DChatSDK.off(CbEvents.OnConversationChanged, conversationChangeHandler);
         DChatSDK.off(CbEvents.OnNewConversation, newConversationHandler);
+        // group members
+        DChatSDK.off(CbEvents.OnGroupMemberAdded, groupMemberChangedHandler);
+        DChatSDK.off(CbEvents.OnGroupMemberDeleted, groupMemberChangedHandler);
         //busines notification
         DChatSDK.off(CbEvents.OnRecvCustomBusinessMessage, businessNotificationHandler);
     };

package/dist/hooks/group/useGroupMembers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGroupMembers.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useGroupMembers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAM1D,UAAU,qBAAqB;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,GAC1B,UAAU,MAAM,KACf,qBA2CF,CAAC"}
+{"version":3,"file":"useGroupMembers.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useGroupMembers.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,eAAe,EAAW,MAAM,yBAAyB,CAAC;AAM7E,UAAU,qBAAqB;IAC7B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,GAC1B,UAAU,MAAM,KACf,qBA+DF,CAAC"}

package/dist/hooks/group/useGroupMembers.js

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
+import { CbEvents } from "@openim/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
 const GROUP_MEMBER_LIST_OFFSET = 0;
 const GROUP_MEMBER_LIST_COUNT = 999;
@@ -35,6 +36,22 @@ export const useGroupMembers = (groupID) => {
     useEffect(() => {
         void fetchMembers();
     }, [fetchMembers]);
+    useEffect(() => {
+        if (!groupID)
+            return;
+        const onMemberDeleted = ({ data }) => {
+            if (data.groupID === groupID) {
+                setMembers((prev) => prev.filter((m) => m.userID !== data.userID));
+            }
+        };
+        const onMemberAdded = () => void fetchMembers();
+        DChatSDK.on(CbEvents.OnGroupMemberDeleted, onMemberDeleted);
+        DChatSDK.on(CbEvents.OnGroupMemberAdded, onMemberAdded);
+        return () => {
+            DChatSDK.off(CbEvents.OnGroupMemberDeleted, onMemberDeleted);
+            DChatSDK.off(CbEvents.OnGroupMemberAdded, onMemberAdded);
+        };
+    }, [groupID, fetchMembers]);
     return {
         members,
         isLoading,

package/dist/hooks/message/useMessage.js

@@ -1,10 +1,10 @@
 import { useEffect, useState } from "react";
 import { ViewType, MessageType, } from "@openim/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
+import { PAGE_SIZE } from "../../constants";
 import { useLatest, useRequest } from "ahooks";
 import emitter, { emit } from "../../utils/events";
 import isEmpty from "lodash/isEmpty";
-const PAGE_SIZE = 50;
 export const visibleTypeMessage = [
     MessageType.TextMessage,
     MessageType.PictureMessage,
@@ -35,7 +35,7 @@ export const useMessage = (conversationId, searchClientMsgID, enabled = true) =>
         var _a, _b, _c, _d, _e;
         const reqConversationID = conversationId;
         const params = {
-            count: PAGE_SIZE,
+            count: PAGE_SIZE.large,
             startClientMsgID: loadMore
                 ? ((_e = (_b = (_a = latestLoadState.current) === null || _a === void 0 ? void 0 : _a.messageList) === null || _b === void 0 ? void 0 : _b[((_d = (_c = latestLoadState.current) === null || _c === void 0 ? void 0 : _c.messageList) === null || _d === void 0 ? void 0 : _d.length) - 1]) === null || _e === void 0 ? void 0 : _e.clientMsgID) || ""
                 : "",
@@ -60,7 +60,7 @@ export const useMessage = (conversationId, searchClientMsgID, enabled = true) =>
         var _a, _b;
         const reqConversationID = conversationId;
         const { data } = await DChatSDK.getAdvancedHistoryMessageListReverse({
-            count: PAGE_SIZE,
+            count: PAGE_SIZE.large,
             startClientMsgID: loadMore
                 ? ((_b = (_a = latestLoadState.current) === null || _a === void 0 ? void 0 : _a.messageList[0]) === null || _b === void 0 ? void 0 : _b.clientMsgID) || ""
                 : "",
@@ -86,13 +86,13 @@ export const useMessage = (conversationId, searchClientMsgID, enabled = true) =>
             return;
         const reqConversationID = conversationId;
         const { data: dataPrev } = await DChatSDK.getAdvancedHistoryMessageList({
-            count: 10,
+            count: PAGE_SIZE.small,
             startClientMsgID: searchClientMsgID,
             conversationID: conversationId !== null && conversationId !== void 0 ? conversationId : "",
             viewType: ViewType.History,
         });
         const { data: dataNext } = await DChatSDK.getAdvancedHistoryMessageListReverse({
-            count: 10,
+            count: PAGE_SIZE.small,
             startClientMsgID: searchClientMsgID,
             conversationID: conversationId !== null && conversationId !== void 0 ? conversationId : "",
             viewType: ViewType.Search,

package/dist/hooks/message/usePullSessionMessages.d.ts

@@ -1,9 +1,11 @@
 import { MessageItem } from "@openim/wasm-client-sdk";
+import { IPullSessionMessagesRequest } from "../../types/dto";
 interface UsePullSessionMessagesParams {
     conversationID?: string;
     userID?: string;
     enabled?: boolean;
 }
+export declare const fetchPullSessionMessages: ({ conversationID, userID, applicationType, }: IPullSessionMessagesRequest) => Promise<MessageItem[]>;
 export declare const usePullSessionMessages: ({ conversationID, userID, enabled, }: UsePullSessionMessagesParams) => import("@tanstack/react-query").UseQueryResult<MessageItem[], Error>;
 export {};
 //# sourceMappingURL=usePullSessionMessages.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePullSessionMessages.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/usePullSessionMessages.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAetD,UAAU,4BAA4B;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,sBAAsB,GAAI,sCAIpC,4BAA4B,yEA4B9B,CAAC"}
+{"version":3,"file":"usePullSessionMessages.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/usePullSessionMessages.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD,OAAO,EAEL,2BAA2B,EAE5B,MAAM,iBAAiB,CAAC;AAOzB,UAAU,4BAA4B;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,wBAAwB,GAAU,8CAI5C,2BAA2B,KAAG,OAAO,CAAC,WAAW,EAAE,CAerD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,sCAIpC,4BAA4B,yEAa9B,CAAC"}

package/dist/hooks/message/usePullSessionMessages.js

@@ -4,24 +4,27 @@ import { ENDPOINTS } from "../../services/routes";
 import { QUERY_KEYS } from "../../services/query";
 import useAuthStore from "../../store/auth";
 import { sortMessagesDesc, transformPulledMessage, } from "../../utils/messageTransform";
+export const fetchPullSessionMessages = async ({ conversationID, userID, applicationType, }) => {
+    var _a, _b, _c, _d;
+    const payload = {
+        conversationID,
+        userID,
+        applicationType,
+    };
+    const res = await apiInstance.post(ENDPOINTS.chatService.pullSessionMessages, payload);
+    const group = (_c = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.msgs) === null || _c === void 0 ? void 0 : _c[conversationID];
+    const rawList = (_d = group === null || group === void 0 ? void 0 : group.Msgs) !== null && _d !== void 0 ? _d : [];
+    return sortMessagesDesc(rawList.map(transformPulledMessage));
+};
 export const usePullSessionMessages = ({ conversationID, userID, enabled = true, }) => {
     const applicationType = useAuthStore((state) => state.applicationType);
-    const query = useQuery({
+    return useQuery({
         queryKey: [QUERY_KEYS.PULL_SESSION_MESSAGES, conversationID, userID],
         enabled: Boolean(enabled && conversationID && userID),
-        queryFn: async () => {
-            var _a, _b, _c, _d;
-            const payload = {
-                conversationID: conversationID !== null && conversationID !== void 0 ? conversationID : "",
-                userID: userID !== null && userID !== void 0 ? userID : "",
-                applicationType,
-            };
-            const res = await apiInstance.post(ENDPOINTS.chatService.pullSessionMessages, payload);
-            const group = (_c = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.msgs) === null || _c === void 0 ? void 0 : _c[conversationID !== null && conversationID !== void 0 ? conversationID : ""];
-            const rawList = (_d = group === null || group === void 0 ? void 0 : group.Msgs) !== null && _d !== void 0 ? _d : [];
-            const messageList = sortMessagesDesc(rawList.map(transformPulledMessage));
-            return messageList;
-        },
+        queryFn: () => fetchPullSessionMessages({
+            conversationID: conversationID !== null && conversationID !== void 0 ? conversationID : "",
+            userID: userID !== null && userID !== void 0 ? userID : "",
+            applicationType,
+        }),
     });
-    return query;
 };

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

@@ -1,8 +1,9 @@
 import { SearchMessageItem, SearchMessageRequest, SearchMessageResponse } from "../../types/dto";
 interface UseSearchMessagePayload {
-    payload: Pick<SearchMessageRequest, "contentType" | "pageSize" | "recvID" | "searchTerm">;
+    payload: Pick<SearchMessageRequest, "contentType" | "pageSize" | "recvID" | "searchTerm" | "tag">;
     options?: {
         pageSize?: number;
+        untilEmptyPage?: boolean;
     };
 }
 export declare const useSearchMessage: ({ payload, options, }: UseSearchMessagePayload) => {

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

@@ -1 +1 @@
-{"version":3,"file":"useSearchMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/search/useSearchMessage.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,iBAAiB,CAAC;AAMzB,UAAU,uBAAuB;IAC/B,OAAO,EAAE,IAAI,CACX,oBAAoB,EACpB,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,YAAY,CACrD,CAAC;IACF,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,GAAI,uBAG9B,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEzB,CAAC"}
+{"version":3,"file":"useSearchMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/search/useSearchMessage.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,iBAAiB,CAAC;AAMzB,UAAU,uBAAuB;IAC/B,OAAO,EAAE,IAAI,CACX,oBAAoB,EACpB,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,YAAY,GAAG,KAAK,CAC7D,CAAC;IACF,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC3D;AAED,eAAO,MAAM,gBAAgB,GAAI,uBAG9B,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEzB,CAAC"}

package/dist/hooks/search/useSearchMessage.js

@@ -22,15 +22,18 @@ export const useSearchMessage = ({ payload, options, }) => {
         initialPageParam: 1,
         queryKey: [QUERY_KEYS.SEARCH_MESSAGE, payload, options],
         queryFn: async ({ pageParam = 1 }) => {
-            const params = Object.assign(Object.assign({ pageSize: (options === null || options === void 0 ? void 0 : options.pageSize) || PAGE_SIZE }, payload), { page: pageParam, applicationType: useAuthStore.getState().applicationType });
+            const params = Object.assign(Object.assign({ pageSize: (options === null || options === void 0 ? void 0 : options.pageSize) || PAGE_SIZE.small }, payload), { page: pageParam, applicationType: useAuthStore.getState().applicationType });
             const res = await apiInstance.post(ENDPOINTS.chatService.searchMessage, params);
             return res.data;
         },
         getNextPageParam: (lastPage) => {
             var _a, _b;
-            const pageSize = (options === null || options === void 0 ? void 0 : options.pageSize) || PAGE_SIZE;
-            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;
+            const currentPage = ((_a = lastPage === null || lastPage === void 0 ? void 0 : lastPage.pageable) === null || _a === void 0 ? void 0 : _a.pageNumber) || 1;
+            const dataLength = ((_b = lastPage === null || lastPage === void 0 ? void 0 : lastPage.data) === null || _b === void 0 ? void 0 : _b.length) || 0;
+            if (options === null || options === void 0 ? void 0 : options.untilEmptyPage) {
+                return dataLength > 0 ? currentPage + 1 : undefined;
+            }
+            const pageSize = (options === null || options === void 0 ? void 0 : options.pageSize) || PAGE_SIZE.small;
             return dataLength < pageSize ? undefined : currentPage + 1;
         },
         enabled: hasValidFilter(payload),
@@ -64,9 +67,6 @@ export const useSearchMessage = ({ payload, options, }) => {
         dataFlatten }, rest);
 };
 const hasValidFilter = (filter) => {
-    return Object.values(filter).some((v) => {
-        if (typeof v === "string")
-            return v.trim() !== "";
-        return v !== undefined && v !== null;
-    });
+    const { searchTerm, recvID } = filter;
+    return Boolean(searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.trim()) || Boolean(recvID === null || recvID === void 0 ? void 0 : recvID.trim());
 };

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

@@ -4,5 +4,9 @@ interface AssignSessionParams {
     supporterId: string;
 }
 export declare const useAssignSession: () => import("@tanstack/react-query").UseMutationResult<BaseResponse<boolean>, Error, AssignSessionParams, unknown>;
+interface AutoAssignSessionParams {
+    sessionId: string;
+}
+export declare const useAutoAssignSession: () => import("@tanstack/react-query").UseMutationResult<BaseResponse<boolean>, Error, AutoAssignSessionParams, unknown>;
 export {};
 //# sourceMappingURL=useAssignSession.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAssignSession.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useAssignSession.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,UAAU,mBAAmB;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,qHAazB,CAAC"}
+{"version":3,"file":"useAssignSession.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useAssignSession.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAM/C,UAAU,mBAAmB;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,qHA0B5B,CAAC;AAEF,UAAU,uBAAuB;IAC/B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,oBAAoB,yHAqBhC,CAAC"}

package/dist/hooks/session/useAssignSession.js

@@ -1,15 +1,48 @@
-import { useMutation } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { QUERY_KEYS } from "../../services/query";
 import { apiInstance } from "../../services/api";
 import { ENDPOINTS } from "../../services/routes";
 import useAuthStore from "../../store/auth";
-export const useAssignSession = () => useMutation({
-    mutationKey: [QUERY_KEYS.ASSIGN_SESSION],
-    mutationFn: async ({ sessionId, supporterId }) => {
-        const res = await apiInstance.post(ENDPOINTS.chatService.assignSession(sessionId), {
-            applicationType: useAuthStore.getState().applicationType,
-            supporterId,
-        });
-        return res === null || res === void 0 ? void 0 : res.data;
-    },
-});
+import useConversationStore from "../../store/conversation";
+import { invalidateSessionQueries } from "../../utils/queryHelpers";
+import { useSyncGroupStateAfterJoin } from "./useSyncGroupStateAfterJoin";
+export const useAssignSession = () => {
+    const queryClient = useQueryClient();
+    const authUserID = useAuthStore((state) => state.userID);
+    const groupId = useConversationStore((state) => { var _a; return (_a = state.conversationData) === null || _a === void 0 ? void 0 : _a.groupID; });
+    const { syncGroupStateAfterJoin } = useSyncGroupStateAfterJoin({ groupId });
+    return useMutation({
+        mutationKey: [QUERY_KEYS.ASSIGN_SESSION],
+        mutationFn: async ({ sessionId, supporterId }) => {
+            const res = await apiInstance.post(ENDPOINTS.chatService.assignSession(sessionId), {
+                applicationType: useAuthStore.getState().applicationType,
+                supporterId,
+            });
+            return res === null || res === void 0 ? void 0 : res.data;
+        },
+        onSuccess: async (_, variables) => {
+            invalidateSessionQueries(queryClient);
+            if (variables.supporterId === authUserID) {
+                await syncGroupStateAfterJoin();
+            }
+        },
+    });
+};
+export const useAutoAssignSession = () => {
+    const queryClient = useQueryClient();
+    const groupId = useConversationStore((state) => { var _a; return (_a = state.conversationData) === null || _a === void 0 ? void 0 : _a.groupID; });
+    const { syncGroupStateAfterJoin } = useSyncGroupStateAfterJoin({ groupId });
+    return useMutation({
+        mutationKey: [QUERY_KEYS.AUTO_ASSIGN_SESSION],
+        mutationFn: async ({ sessionId }) => {
+            const res = await apiInstance.post(ENDPOINTS.chatService.autoAssignSession(sessionId), {
+                applicationType: useAuthStore.getState().applicationType,
+            });
+            return res === null || res === void 0 ? void 0 : res.data;
+        },
+        onSuccess: async () => {
+            invalidateSessionQueries(queryClient);
+            await syncGroupStateAfterJoin();
+        },
+    });
+};

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

@@ -3,18 +3,11 @@ interface UseConversationSessionStateParams {
     conversationId: string;
     conversationType?: SessionType;
     groupId?: string;
-    userID?: string;
 }
-export declare const useConversationSessionState: ({ conversationId, conversationType, groupId, userID, }: UseConversationSessionStateParams) => {
-    isGroupConversation: boolean;
+export declare const useConversationSessionState: ({ conversationId, conversationType, groupId, }: UseConversationSessionStateParams) => {
     groupId: string | undefined;
-    isJoined: boolean | null;
     latestConversationSession: import("../../types/dto").ISessionResponse | undefined;
-    isSessionMember: boolean;
-    isMember: boolean;
-    isNotGroupMember: boolean;
     customerUserID: string;
-    refetchIsJoined: () => Promise<void>;
     refetchConversationSessions: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("../../types/dto").ISessionResponse[], Error>>;
 };
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"useConversationSessionState.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useConversationSessionState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMtD,UAAU,iCAAiC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,2BAA2B,GAAI,wDAKzC,iCAAiC;;;;;;;;;;;CA4CnC,CAAC"}
+{"version":3,"file":"useConversationSessionState.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useConversationSessionState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD,UAAU,iCAAiC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,2BAA2B,GAAI,gDAIzC,iCAAiC;;;;;CAmBnC,CAAC"}