@droppii-org/chat-sdk 0.1.16 → 0.1.18

package/dist/assets/svg/cannedResponse.tsx

@@ -1,48 +1,48 @@
-interface ISvgProps {
-  size?: number;
-  className?: string;
-}
-
-const CannedResponseIcon = (props: ISvgProps) => (
-  <svg
-    width={props.size || 18}
-    height={props.size || 18}
-    viewBox={`${0} ${0} ${props.size || 18} ${props.size || 18}`}
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    className={props?.className}
-  >
-    <g clipPath="url(#clip0_4070_70030)">
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6.66732 0.833374C7.12755 0.833374 7.50065 1.20647 7.50065 1.66671L5.00065 18.3334C5.00065 18.7936 4.62755 19.1667 4.16732 19.1667C3.70708 19.1667 3.33398 18.7936 3.33398 18.3334L5.83398 1.66671C5.83398 1.20647 6.20708 0.833374 6.66732 0.833374Z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M14.9993 0.833374C15.4596 0.833374 15.8327 1.20647 15.8327 1.66671L13.3327 18.3334C13.3327 18.7936 12.9596 19.1667 12.4993 19.1667C12.0391 19.1667 11.666 18.7936 11.666 18.3334L14.166 1.66671C14.166 1.20647 14.5391 0.833374 14.9993 0.833374Z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M19.1673 5.83333C19.1673 6.29357 18.7942 6.66667 18.334 6.66667H1.66732C1.20708 6.66667 0.833984 6.29357 0.833984 5.83333C0.833984 5.37309 1.20708 5 1.66732 5H18.334C18.7942 5 19.1673 5.3731 19.1673 5.83333Z"
-        fill="currentColor"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M19.1673 14.1667C19.1673 14.627 18.7942 15 18.334 15H1.66732C1.20708 15 0.833984 14.627 0.833984 14.1667C0.833984 13.7065 1.20708 13.3334 1.66732 13.3334H18.334C18.7942 13.3334 19.1673 13.7065 19.1673 14.1667Z"
-        fill="currentColor"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_4070_70030">
-        <rect width={props.size || 18} height={props.size || 18} fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
-);
-export default CannedResponseIcon;
+interface ISvgProps {
+  size?: number;
+  className?: string;
+}
+
+const CannedResponseIcon = (props: ISvgProps) => (
+  <svg
+    width={props.size || 18}
+    height={props.size || 18}
+    viewBox={`${0} ${0} ${props.size || 18} ${props.size || 18}`}
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={props?.className}
+  >
+    <g clipPath="url(#clip0_4070_70030)">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.66732 0.833374C7.12755 0.833374 7.50065 1.20647 7.50065 1.66671L5.00065 18.3334C5.00065 18.7936 4.62755 19.1667 4.16732 19.1667C3.70708 19.1667 3.33398 18.7936 3.33398 18.3334L5.83398 1.66671C5.83398 1.20647 6.20708 0.833374 6.66732 0.833374Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.9993 0.833374C15.4596 0.833374 15.8327 1.20647 15.8327 1.66671L13.3327 18.3334C13.3327 18.7936 12.9596 19.1667 12.4993 19.1667C12.0391 19.1667 11.666 18.7936 11.666 18.3334L14.166 1.66671C14.166 1.20647 14.5391 0.833374 14.9993 0.833374Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.1673 5.83333C19.1673 6.29357 18.7942 6.66667 18.334 6.66667H1.66732C1.20708 6.66667 0.833984 6.29357 0.833984 5.83333C0.833984 5.37309 1.20708 5 1.66732 5H18.334C18.7942 5 19.1673 5.3731 19.1673 5.83333Z"
+        fill="currentColor"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.1673 14.1667C19.1673 14.627 18.7942 15 18.334 15H1.66732C1.20708 15 0.833984 14.627 0.833984 14.1667C0.833984 13.7065 1.20708 13.3334 1.66732 13.3334H18.334C18.7942 13.3334 19.1673 13.7065 19.1673 14.1667Z"
+        fill="currentColor"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_4070_70030">
+        <rect width={props.size || 18} height={props.size || 18} fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default CannedResponseIcon;

package/dist/assets/svg/document.tsx

@@ -1,37 +1,37 @@
-export const documentIcon = (
-  <svg
-    width="40"
-    height="40"
-    viewBox="0 0 40 40"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M10.1923 5.83301L23.4363 5.83301L34.1656 14.2054V29.8639C34.1656 31.8997 32.5286 34.1663 29.8068 34.1663C27.0849 34.1663 10.1923 34.1663 10.1923 34.1663C7.4704 34.1663 5.8335 31.8997 5.8335 29.8639V10.0305C5.8335 7.99475 7.4704 5.83301 10.1923 5.83301Z"
-      fill="#24B0FF"
-    ></path>
-    <path
-      d="M10.8335 28.1394V20.833H16.0309V22.4222H12.7026V23.5916H15.3612V25.1708H12.7026V28.1394H10.8335Z"
-      fill="#edf6ff"
-    ></path>
-    <path
-      d="M19.0073 28.0885V20.833H20.8613V26.5118H24.0146V28.0885L19.0073 28.0885Z"
-      fill="#edf6ff"
-    ></path>
-    <path
-      d="M16.5918 28.1001V20.833H18.4485V28.1001H16.5918Z"
-      fill="#edf6ff"
-    ></path>
-    <path
-      d="M24.5737 20.833V28.1393H29.7723V26.5573H26.439L26.4422 25.1708H29.1017V23.5916H26.4422V22.4222H29.7723V20.833H24.5737Z"
-      fill="#edf6ff"
-    ></path>
-    <path
-      opacity="0.302"
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M23.2686 5.83301V14.2281H34.1655L23.2686 5.83301Z"
-      fill="#edf6ff"
-    ></path>
-  </svg>
-);
+export const documentIcon = (
+  <svg
+    width="40"
+    height="40"
+    viewBox="0 0 40 40"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10.1923 5.83301L23.4363 5.83301L34.1656 14.2054V29.8639C34.1656 31.8997 32.5286 34.1663 29.8068 34.1663C27.0849 34.1663 10.1923 34.1663 10.1923 34.1663C7.4704 34.1663 5.8335 31.8997 5.8335 29.8639V10.0305C5.8335 7.99475 7.4704 5.83301 10.1923 5.83301Z"
+      fill="#24B0FF"
+    ></path>
+    <path
+      d="M10.8335 28.1394V20.833H16.0309V22.4222H12.7026V23.5916H15.3612V25.1708H12.7026V28.1394H10.8335Z"
+      fill="#edf6ff"
+    ></path>
+    <path
+      d="M19.0073 28.0885V20.833H20.8613V26.5118H24.0146V28.0885L19.0073 28.0885Z"
+      fill="#edf6ff"
+    ></path>
+    <path
+      d="M16.5918 28.1001V20.833H18.4485V28.1001H16.5918Z"
+      fill="#edf6ff"
+    ></path>
+    <path
+      d="M24.5737 20.833V28.1393H29.7723V26.5573H26.439L26.4422 25.1708H29.1017V23.5916H26.4422V22.4222H29.7723V20.833H24.5737Z"
+      fill="#edf6ff"
+    ></path>
+    <path
+      opacity="0.302"
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M23.2686 5.83301V14.2281H34.1655L23.2686 5.83301Z"
+      fill="#edf6ff"
+    ></path>
+  </svg>
+);

package/dist/assets/svg/index.ts

@@ -1,2 +1,2 @@
-export * from "./document";
-export * from "./cannedResponse";
+export * from "./document";
+export * from "./cannedResponse";

package/dist/components/message/GroupMembersDrawer.d.ts

@@ -0,0 +1,7 @@
+interface GroupMembersDrawerProps {
+    groupID?: string;
+    disabled?: boolean;
+}
+declare const GroupMembersDrawer: ({ groupID, disabled, }: GroupMembersDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default GroupMembersDrawer;
+//# sourceMappingURL=GroupMembersDrawer.d.ts.map

package/dist/components/message/GroupMembersDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupMembersDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/message/GroupMembersDrawer.tsx"],"names":[],"mappings":"AAUA,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAsCD,QAAA,MAAM,kBAAkB,GAAI,wBAGzB,uBAAuB,4CAwLzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/message/GroupMembersDrawer.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { GroupMemberRole } from "@openim/wasm-client-sdk";
+import { Avatar, Button, Drawer, Dropdown, Empty, Spin } from "antd";
+import { useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import useAuthStore from "../../store/auth";
+import useConversationStore from "../../store/conversation";
+import { useGroupMembers } from "../../hooks/group/useGroupMembers";
+import { Icon } from "../icon";
+const getMemberDisplayName = (member) => {
+    return member.nickname || member.userID || "";
+};
+const getMemberRoleLabel = ({ member, customerUserID, t, }) => {
+    if (member.userID === customerUserID ||
+        member.roleLevel === GroupMemberRole.Owner) {
+        return t("group_creator");
+    }
+    if (member.roleLevel === GroupMemberRole.Admin) {
+        return t("group_admin");
+    }
+    return t("group_member");
+};
+const GroupMembersDrawer = ({ groupID, disabled = false, }) => {
+    var _a, _b;
+    const { t } = useTranslation();
+    const [isOpen, setIsOpen] = useState(false);
+    const authUserID = useAuthStore((state) => state.userID);
+    const conversationData = useConversationStore((state) => state.conversationData);
+    const { members, isLoading, error } = useGroupMembers(groupID);
+    let customerUserID = "";
+    try {
+        const exConversationInfo = JSON.parse((conversationData === null || conversationData === void 0 ? void 0 : conversationData.ex) || "{}");
+        customerUserID = ((_b = (_a = exConversationInfo === null || exConversationInfo === void 0 ? void 0 : exConversationInfo.sessionInfo) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.ownerId) || "";
+    }
+    catch (error) {
+        console.error("Error parsing conversation extra info:", error);
+    }
+    const sortedMembers = useMemo(() => {
+        return [...members]
+            .map((member) => ({
+            userID: member.userID,
+            nickname: getMemberDisplayName(member),
+            faceURL: member.faceURL,
+            isCustomer: Boolean(customerUserID) && member.userID === customerUserID,
+            isCurrentUser: member.userID === authUserID,
+            roleLabel: getMemberRoleLabel({
+                member,
+                customerUserID,
+                t,
+            }),
+        }))
+            .sort((memberA, memberB) => {
+            if (memberA.isCustomer !== memberB.isCustomer) {
+                return memberA.isCustomer ? -1 : 1;
+            }
+            return memberA.nickname.localeCompare(memberB.nickname, "vi", {
+                sensitivity: "base",
+            });
+        });
+    }, [authUserID, members, customerUserID, t]);
+    const handleOpenDrawer = () => {
+        if (!groupID || disabled) {
+            return;
+        }
+        setIsOpen(true);
+    };
+    const handleCloseDrawer = () => {
+        setIsOpen(false);
+    };
+    const handleLeaveGroup = () => { };
+    useEffect(() => {
+        setIsOpen(false);
+    }, [groupID]);
+    const renderContent = () => {
+        if (isLoading) {
+            return (_jsx("div", { className: "flex items-center justify-center h-full min-h-40", children: _jsx(Spin, {}) }));
+        }
+        if (error) {
+            return (_jsx("div", { className: "flex items-center justify-center h-full min-h-40 px-6 text-center text-sm text-gray-500", children: t(error) }));
+        }
+        if (!sortedMembers.length) {
+            return _jsx(Empty, { description: t("no_group_members") });
+        }
+        return (_jsx("div", { className: "flex flex-col", children: sortedMembers.map((member) => {
+                const menuItems = [
+                    {
+                        key: "leave-group",
+                        label: t("leave_group"),
+                        icon: _jsx(Icon, { icon: "logout-b", size: 16 }),
+                        onClick: handleLeaveGroup,
+                        danger: true,
+                    },
+                ];
+                return (_jsxs("div", { className: "flex items-center gap-3 px-4 py-3 border-b border-gray-100", children: [_jsx(Avatar, { src: member.faceURL, size: 40, className: "shrink-0", children: member.nickname.charAt(0) || "A" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: member.nickname }), member.isCurrentUser && (_jsx("span", { className: "text-xs text-blue-500 shrink-0", children: t("current_account") }))] }), _jsx("p", { className: "text-sm text-gray-500 truncate", children: member.roleLabel })] }), member.isCurrentUser && (_jsx(Dropdown, { menu: { items: menuItems }, trigger: ["click"], placement: "bottomRight", children: _jsx("button", { type: "button", className: "flex items-center justify-center w-8 h-8 rounded-full text-gray-500 hover:bg-gray-100", onClick: (event) => event.stopPropagation(), children: _jsx(Icon, { icon: "more-horizontal-b", size: 18 }) }) }))] }, member.userID));
+            }) }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: handleOpenDrawer, disabled: disabled || !groupID, children: _jsx(Icon, { icon: "user-two-check-b", size: 22 }) }), _jsx(Drawer, { open: isOpen, onClose: handleCloseDrawer, mask: false, closeIcon: false, styles: {
+                    body: {
+                        padding: 0,
+                        height: "100%",
+                    },
+                }, getContainer: false, width: 360, children: _jsxs("div", { className: "flex flex-col h-full bg-white", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-gray-100", children: [_jsx("span", { className: "text-lg font-medium", children: t("members") }), _jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: handleCloseDrawer, children: _jsx(Icon, { icon: "close-b", size: 22 }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: renderContent() })] }) })] }));
+};
+export default GroupMembersDrawer;

package/dist/components/message/MessageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageHeader.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKnD,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAED,KAAK,sBAAsB,GAAG,aAAa,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,sBAAsB,CAAC;IAC9B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,GAAI,6BAA6B,kBAAkB,4CAoMrE,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"MessageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageHeader.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAOnD,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAED,KAAK,sBAAsB,GAAG,aAAa,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,sBAAsB,CAAC;IAC9B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,GAAI,6BAA6B,kBAAkB,4CA0MrE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/message/MessageHeader.js

@@ -12,7 +12,9 @@ import SelectSession from "./SelectSession";
 import { useUpdateSession } from "../../hooks/session/useUpdateSession";
 import useAuthStore from "../../store/auth";
 import SearchDrawer from "../searchConversation/SearchDrawer";
+import { useIsJoinedGroup } from "../../hooks/session/useIsJoinedGroup";
 import { isGroupSession } from "../../utils/imCommon";
+import GroupMembersDrawer from "./GroupMembersDrawer";
 const MessageHeader = ({ onClose, currentSession }) => {
     var _a, _b;
     const { t } = useTranslation();
@@ -22,6 +24,7 @@ const MessageHeader = ({ onClose, currentSession }) => {
     const { mutate: updateSession } = useUpdateSession();
     const { avatar, displayName } = useConversationDisplayData(conversationData);
     const shouldShowMemberCount = isGroupSession(conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationType);
+    const { isJoined } = useIsJoinedGroup(conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID);
     const [currentSessionStatus, setCurrentSessionStatus] = useState(SessionStatus.UNASSIGNED);
     const [currentSessionTag, setCurrentSessionTag] = useState(SessionTag.NONE);
     const statusOptions = useMemo(() => {
@@ -125,6 +128,6 @@ const MessageHeader = ({ onClose, currentSession }) => {
             setCurrentSessionStatus(currentSession.status);
         }
     }, [currentSession]);
-    return (_jsxs("div", { className: "px-4 py-3 flex items-center border-b gap-3 bg-white flex-wrap", children: [_jsx(Avatar, { src: avatar, size: "large", className: "min-w-10 min-h-10", children: ((_a = displayName === null || displayName === void 0 ? void 0 : displayName.charAt) === null || _a === void 0 ? void 0 : _a.call(displayName, 0)) || "A" }), _jsxs("div", { className: "flex flex-col overflow-hidden flex-1", children: [_jsx("p", { className: "text-base truncate", children: displayName || "" }), shouldShowMemberCount && (_jsx("p", { className: "text-xs text-gray-500 truncate", children: t("member_count", { count: (_b = currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.memberCount) !== null && _b !== void 0 ? _b : 0 }) }))] }), _jsxs("div", { className: "flex items-center gap-2 justify-end overflow-hidden", children: [isCx && (_jsx(SelectSession, { placeholder: t("select_tag"), options: tagOptions, value: currentSessionTag, onChange: (value) => handleUpdateSession(value, "tag", value === currentSessionTag), excludeOptions: [SessionTag.SLOW_PROCESSING, SessionTag.NONE] })), isCx && (_jsx(SelectSession, { placeholder: t("select_status"), options: statusOptions, value: currentSessionStatus, onChange: (value) => handleUpdateSession(value, "status", value === currentSessionStatus) })), _jsx(SearchDrawer, {}), _jsx(MediaCollection, {}), _jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", children: _jsx(Icon, { icon: "align-justify-o", size: 22 }) }), !!onClose && (_jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: onClose, children: _jsx(Icon, { icon: "close-b", size: 22 }) }))] })] }));
+    return (_jsxs("div", { className: "px-4 py-3 flex items-center border-b gap-3 bg-white flex-wrap", children: [_jsx(Avatar, { src: avatar, size: "large", className: "min-w-10 min-h-10", children: ((_a = displayName === null || displayName === void 0 ? void 0 : displayName.charAt) === null || _a === void 0 ? void 0 : _a.call(displayName, 0)) || "A" }), _jsxs("div", { className: "flex flex-col overflow-hidden flex-1", children: [_jsx("p", { className: "text-base truncate", children: displayName || "" }), shouldShowMemberCount && (_jsx("p", { className: "text-xs text-gray-500 truncate", children: t("member_count", { count: (_b = currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.memberCount) !== null && _b !== void 0 ? _b : 0 }) }))] }), _jsxs("div", { className: "flex items-center gap-2 justify-end overflow-hidden", children: [isCx && (_jsx(SelectSession, { placeholder: t("select_tag"), options: tagOptions, value: currentSessionTag, onChange: (value) => handleUpdateSession(value, "tag", value === currentSessionTag), excludeOptions: [SessionTag.SLOW_PROCESSING, SessionTag.NONE] })), isCx && (_jsx(SelectSession, { placeholder: t("select_status"), options: statusOptions, value: currentSessionStatus, onChange: (value) => handleUpdateSession(value, "status", value === currentSessionStatus) })), _jsx(SearchDrawer, {}), shouldShowMemberCount && isJoined === true && (_jsx(GroupMembersDrawer, { groupID: conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID })), _jsx(MediaCollection, {}), _jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", children: _jsx(Icon, { icon: "align-justify-o", size: 22 }) }), !!onClose && (_jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: onClose, children: _jsx(Icon, { icon: "close-b", size: 22 }) }))] })] }));
 };
 export default MessageHeader;

package/dist/components/message/MessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageList.tsx"],"names":[],"mappings":"AA2BA,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAGD,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CA6U3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageList.tsx"],"names":[],"mappings":"AA2BA,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AAGD,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CA4V3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/message/MessageList.js

@@ -73,7 +73,7 @@ const MessageList = (props) => {
         revokeMessage,
         handleCloseRevoke,
     ]);
-    const handleMarkConversationMessageAsRead = () => {
+    const handleMarkConversationMessageAsRead = useCallback(() => {
         var _a, _b, _c, _d, _e;
         const lastMessage = (_b = (_a = latestLoadState === null || latestLoadState === void 0 ? void 0 : latestLoadState.current) === null || _a === void 0 ? void 0 : _a.messageList) === null || _b === void 0 ? void 0 : _b[0];
         if (!((_c = latestLoadState === null || latestLoadState === void 0 ? void 0 : latestLoadState.current) === null || _c === void 0 ? void 0 : _c.hasMoreNew) &&
@@ -84,7 +84,7 @@ const MessageList = (props) => {
             ((_e = scrollRef.current) === null || _e === void 0 ? void 0 : _e.scrollTop) >= BOTTOM_THRESHOLD) {
             markConversationMessageAsRead(conversationId);
         }
-    };
+    }, [conversationId, moreNewLoading, user === null || user === void 0 ? void 0 : user.userID]);
     const scrollToBottom = () => {
         handleMarkConversationMessageAsRead();
         setTimeout(() => {
@@ -167,6 +167,18 @@ const MessageList = (props) => {
         loadState.initLoading,
         handleMarkConversationMessageAsRead,
     ]);
+    useEffect(() => {
+        if (!loadState.hasMoreNew &&
+            !loadState.initLoading &&
+            loadState.messageList.length > 0) {
+            handleMarkConversationMessageAsRead();
+        }
+    }, [
+        loadState.messageList.length,
+        loadState.hasMoreNew,
+        loadState.initLoading,
+        handleMarkConversationMessageAsRead,
+    ]);
     useEffect(() => {
         if (!openMenuId)
             return;

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

@@ -1 +1 @@
-{"version":3,"file":"ManualAssignPopover.d.ts","sourceRoot":"","sources":["../../../src/components/thread/ManualAssignPopover.tsx"],"names":[],"mappings":"AAgBA,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,wBAAwB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,aAAa,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA0CD,QAAA,MAAM,mBAAmB,GAAI,+CAI1B,wBAAwB,4CA8J1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ManualAssignPopover.d.ts","sourceRoot":"","sources":["../../../src/components/thread/ManualAssignPopover.tsx"],"names":[],"mappings":"AAiBA,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,wBAAwB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,aAAa,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAqDD,QAAA,MAAM,mBAAmB,GAAI,+CAI1B,wBAAwB,4CAmL1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/thread/ManualAssignPopover.js

@@ -11,19 +11,21 @@ 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, }) => {
+const SupporterItem = ({ supporter, onClick, isCurrentAssignee, 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" }) }), _jsx("span", { className: "text-sm truncate flex-1", children: supporter.displayName }), isCurrentAssignee && (_jsx("span", { className: "text-xs text-blue-500 shrink-0", children: t("manual_assign_current") }))] }));
+            : "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") })) })] }));
 };
 const ManualAssignPopover = ({ sessionId, supporter, teamId: propTeamId, }) => {
     var _a, _b;
     const { t } = useTranslation();
     const queryClient = useQueryClient();
+    const authUserID = useAuthStore((state) => state.userID);
     const [open, setOpen] = useState(false);
     const [searchText, setSearchText] = useState("");
     const [selectedAgent, setSelectedAgent] = useState(null);
@@ -75,7 +77,18 @@ const ManualAssignPopover = ({ sessionId, supporter, teamId: propTeamId, }) => {
             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.map((item) => (_jsx(SupporterItem, { supporter: item, onClick: handleSelectAgent, isCurrentAssignee: item.memberId === (supporter === null || supporter === void 0 ? void 0 : supporter.id) }, 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") }) })) })] }));
+    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]
+                        .sort((supporterA, supporterB) => {
+                        const isSupporterACurrentUser = supporterA.memberId === authUserID;
+                        const isSupporterBCurrentUser = supporterB.memberId === authUserID;
+                        if (isSupporterACurrentUser !== isSupporterBCurrentUser) {
+                            return isSupporterACurrentUser ? -1 : 1;
+                        }
+                        return supporterA.displayName.localeCompare(supporterB.displayName, "vi", {
+                            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
                         ? "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 })] }));

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

package/dist/hooks/global/useGlobalEvent.js

@@ -11,6 +11,7 @@ import { updateSession } from "../session/useUpdateSession";
 import { QUERY_KEYS } from "../../services/query";
 import { useQueryClient } from "@tanstack/react-query";
 import { isGroupSession } from "../../utils/imCommon";
+import { invalidateSessionQueries } from "../../utils/queryHelpers";
 const notPushType = [MessageType.TypingMessage, MessageType.RevokeMessage];
 export const useGlobalEvent = () => {
     const { user } = useChatContext();
@@ -81,6 +82,12 @@ export const useGlobalEvent = () => {
         if (!notPushType.includes(newServerMsg.contentType)) {
             pushNewMessage(newServerMsg);
         }
+        if (newServerMsg.sendID !== (user === null || user === void 0 ? void 0 : user.userID)) {
+            queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.GET_LIST_SESSION_BY_CONVERSATION],
+            });
+            void invalidateSessionQueries(queryClient);
+        }
     };
     const newMessageHandler = ({ data }) => {
         var _a;

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

@@ -0,0 +1,10 @@
+import { GroupMemberItem } from "@openim/wasm-client-sdk";
+interface UseGroupMembersResult {
+    members: GroupMemberItem[];
+    isLoading: boolean;
+    error?: string;
+    refetch: () => Promise<void>;
+}
+export declare const useGroupMembers: (groupID?: string) => UseGroupMembersResult;
+export {};
+//# sourceMappingURL=useGroupMembers.d.ts.map

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

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

package/dist/hooks/group/useGroupMembers.js

@@ -0,0 +1,44 @@
+import { useCallback, useEffect, useState } from "react";
+import { DChatSDK } from "../../constants/sdk";
+const GROUP_MEMBER_LIST_OFFSET = 0;
+const GROUP_MEMBER_LIST_COUNT = 999;
+export const useGroupMembers = (groupID) => {
+    const [members, setMembers] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(undefined);
+    const fetchMembers = useCallback(async () => {
+        if (!groupID) {
+            setMembers([]);
+            setError(undefined);
+            return;
+        }
+        setIsLoading(true);
+        setError(undefined);
+        try {
+            const { data } = await DChatSDK.getGroupMemberList({
+                groupID,
+                filter: 0,
+                offset: GROUP_MEMBER_LIST_OFFSET,
+                count: GROUP_MEMBER_LIST_COUNT,
+            });
+            setMembers(data !== null && data !== void 0 ? data : []);
+        }
+        catch (err) {
+            console.error("Error fetching group member list:", err);
+            setMembers([]);
+            setError("load_group_member_list_failed");
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [groupID]);
+    useEffect(() => {
+        void fetchMembers();
+    }, [fetchMembers]);
+    return {
+        members,
+        isLoading,
+        error,
+        refetch: fetchMembers,
+    };
+};

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;AAW1B,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQlC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAenD,eAAO,MAAM,iBAAiB,GAAI,SAAS;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,YAE0C,CAAC;AAE5C,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,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,gCActE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,eAAe,WAAW,gCAc3B,CAAC;AAEF,eAAO,MAAM,cAAc;4EA6KpB;QACD,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,CAAC,EAAE,gBAAgB,CAAC;QAClC,UAAU,EAAE,OAAO,CAAC;KACrB;oFAoCE;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,UAAU,EAAE,CAAC;QACpB,cAAc,CAAC,EAAE,gBAAgB,CAAC;QAClC,UAAU,EAAE,OAAO,CAAC;KACrB;mCA5JqB,WAAW;CA6RpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,+BAGvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC,KAWM,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;AAY1B,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAUlC,OAAO,EAAgB,gBAAgB,EAAyB,MAAM,iBAAiB,CAAC;AAkBxF,eAAO,MAAM,iBAAiB,GAAI,SAAS;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,YAE0C,CAAC;AAE5C,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,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,gCActE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,eAAe,WAAW,gCAc3B,CAAC;AAEF,eAAO,MAAM,cAAc;4EA0NpB;QACD,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,CAAC,EAAE,gBAAgB,CAAC;QAClC,UAAU,EAAE,OAAO,CAAC;KACrB;oFAoCE;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,UAAU,EAAE,CAAC;QACpB,cAAc,CAAC,EAAE,gBAAgB,CAAC;QAClC,UAAU,EAAE,OAAO,CAAC;KACrB;mCA5JqB,WAAW;CA6RpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,+BAGvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC,KAWM,iBACN,CAAC"}

package/dist/hooks/message/useSendMessage.js

@@ -3,12 +3,18 @@ import { DChatSDK } from "../../constants/sdk";
 import { v4 as uuidv4 } from "uuid";
 import { useChatContext } from "../../context/ChatContext";
 import { useCallback } from "react";
+import { useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
 import { pushNewMessage, removeOneMessage, updateOneMessage, } from "./useMessage";
 import { emit } from "../../utils/events";
 import useConversationStore from "../../store/conversation";
 import useAuthStore from "../../store/auth";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
 import { extractLinks, generateContentBasedOnMessageType, } from "../../utils/common";
+import { SessionStatus, SessionTag } from "../../types/chat";
+import { updateSession } from "../session/useUpdateSession";
+import { invalidateSessionQueries } from "../../utils/queryHelpers";
 const messageFileStore = new Map();
 const MEDIA_CONTENT_TYPES = new Set([
     MessageType.PictureMessage,
@@ -100,11 +106,38 @@ export const createQuoteMessage = async (text, quotedMessage) => {
 export const useSendMessage = () => {
     const { user } = useChatContext();
     const { t } = useTranslation("common");
+    const queryClient = useQueryClient();
     const conversationData = useConversationStore((state) => state.conversationData);
     const quotedMessage = useConversationStore((state) => state.quotedMessage);
     const setQuotedMessage = useConversationStore((state) => state.setQuotedMessage);
     const { userID: recvID, groupID } = conversationData || {};
-    const dispatchMessage = useCallback(async (message) => {
+    const syncSessionAfterPublicMessage = useCallback(async (currentSession) => {
+        if (!(currentSession === null || currentSession === void 0 ? void 0 : currentSession.id)) {
+            return;
+        }
+        const shouldUpdateStatus = currentSession.status === SessionStatus.WAITING_PROCESS ||
+            currentSession.tag === SessionTag.AWAITING_REPLY ||
+            currentSession.tag === SessionTag.TEMPORARILY_PAUSED;
+        if (!shouldUpdateStatus) {
+            return;
+        }
+        try {
+            const response = await apiInstance.put(ENDPOINTS.chatService.updateSession(currentSession.id), {
+                status: SessionStatus.IN_PROCESS,
+                applicationType: useAuthStore.getState().applicationType,
+            });
+            const updatedSession = response.data.data;
+            if (!updatedSession) {
+                return;
+            }
+            updateSession(updatedSession);
+            await invalidateSessionQueries(queryClient);
+        }
+        catch (error) {
+            console.error("syncSessionAfterPublicMessage", error);
+        }
+    }, [queryClient]);
+    const dispatchMessage = useCallback(async (message, currentSession) => {
         var _a, _b;
         const desc = generateContentBasedOnMessageType(message.contentType, ((_a = message === null || message === void 0 ? void 0 : message.textElem) === null || _a === void 0 ? void 0 : _a.content) || "") || t("new_message");
         const { data: successMessage } = await DChatSDK.sendMessage({
@@ -125,13 +158,16 @@ export const useSendMessage = () => {
             },
         });
         updateOneMessage(Object.assign(Object.assign({}, successMessage), { ex: successMessage.ex || message.ex || "{}", isInternal: (_b = successMessage.isInternal) !== null && _b !== void 0 ? _b : message.isInternal }));
+        if (!message.isInternal) {
+            await syncSessionAfterPublicMessage(currentSession);
+        }
         messageFileStore.delete(message.clientMsgID);
-    }, [recvID, groupID]);
-    const sendMessage = useCallback(async (message) => {
+    }, [groupID, recvID, syncSessionAfterPublicMessage, t, conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName, conversationData === null || conversationData === void 0 ? void 0 : conversationData.faceURL, conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID]);
+    const sendMessage = useCallback(async (message, currentSession) => {
         pushNewMessage(message);
         emit("CHAT_LIST_SCROLL_TO_BOTTOM");
         try {
-            await dispatchMessage(message);
+            await dispatchMessage(message, currentSession);
         }
         catch (error) {
             console.error("sendMessage", error);
@@ -242,7 +278,7 @@ export const useSendMessage = () => {
             currentSession,
         });
         let messageItem = Object.assign(Object.assign({}, message), { ex: JSON.stringify(extendMessageInfo) || "{}", isInternal });
-        sendMessage(messageItem);
+        sendMessage(messageItem, currentSession);
     }, [recvID, groupID, user, sendMessage, quotedMessage, setQuotedMessage]);
     const sendMergeMessage = useCallback(async ({ richText, plainText, files, currentSession, isInternal, }) => {
         if (!recvID && !groupID)
@@ -356,7 +392,7 @@ export const useSendMessage = () => {
                 currentSession,
             });
             const mMessage = Object.assign(Object.assign({}, message), { ex: JSON.stringify(extendMessageInfo) || "{}", isInternal });
-            await sendMessage(mMessage);
+            await sendMessage(mMessage, currentSession);
         }
     }, [recvID, groupID, sendMessage, quotedMessage, setQuotedMessage]);
     return {