@droppii-org/chat-sdk 0.2.0 → 0.3.0

package/dist/components/message/GroupMembersDrawer.js

@@ -11,11 +11,11 @@ import { useGroupMembers } from "../../hooks/group/useGroupMembers";
 import { useSearchGroupMembers } from "../../hooks/group/useSearchGroupMembers";
 import { useLeaveConversation } from "../../hooks/session/useLeaveConversation";
 import { useGroupPermission } from "../../hooks/group/useGroupPermission";
-import { useKickGroupMember, useMuteGroupMember, useSetGroupMemberRole, useTransferGroupOwner, } from "../../hooks/group/useGroupMemberActions";
+import { GROUP_PERMISSION_KEY } from "../../constants/im";
+import { useKickGroupMember, useSetGroupMemberPermissions, useSetGroupMemberRole, useTransferGroupOwner, } from "../../hooks/group/useGroupMemberActions";
 import { Icon } from "../../components/icon";
 import AddMemberModal from "../../components/group/AddMemberModal";
 import AdminPermissionModal from "../../components/group/AdminPermissionModal";
-const isMemberMuted = (member) => Boolean(member.muteEndTime) && member.muteEndTime * 1000 > Date.now();
 const getMemberDisplayName = (member) => {
     return member.nickname || member.userID || "";
 };
@@ -43,17 +43,15 @@ const GroupMembersDrawer = ({ groupID, conversationId, currentSession, disabled
     const debouncedSearch = useDebounce(search, { wait: 300 });
     const authUserID = useAuthStore((state) => state.userID);
     const conversationData = useConversationStore((state) => state.conversationData);
-    const currentMemberInGroup = useConversationStore((state) => state.currentMemberInGroup);
     const { members, isLoading, error, refetch } = useGroupMembers(groupID);
     const { results: searchResults, isSearching } = useSearchGroupMembers(groupID, debouncedSearch);
     const { mutateAsync: leaveConversation, isPending: isLeaving } = useLeaveConversation();
     const permissions = useGroupPermission(groupID);
-    const { mutateAsync: muteMember } = useMuteGroupMember();
+    const { mutateAsync: setMemberPermissions } = useSetGroupMemberPermissions();
     const { mutateAsync: kickMember } = useKickGroupMember();
     const { mutateAsync: setMemberRole } = useSetGroupMemberRole();
     const { mutateAsync: transferOwner } = useTransferGroupOwner();
-    const canAddMember = (currentMemberInGroup === null || currentMemberInGroup === void 0 ? void 0 : currentMemberInGroup.roleLevel) === GroupMemberRole.Admin ||
-        (currentMemberInGroup === null || currentMemberInGroup === void 0 ? void 0 : currentMemberInGroup.roleLevel) === GroupMemberRole.Owner;
+    const canAddMember = permissions.addMember;
     let customerUserID = "";
     try {
         const exConversationInfo = JSON.parse((conversationData === null || conversationData === void 0 ? void 0 : conversationData.ex) || "{}");
@@ -67,8 +65,10 @@ const GroupMembersDrawer = ({ groupID, conversationId, currentSession, disabled
     const sortedMembers = useMemo(() => {
         return [...sourceMembers]
             .map((member) => {
+            var _a;
             const isOwner = member.userID === customerUserID ||
                 member.roleLevel === GroupMemberRole.Owner;
+            const permissions = ((_a = member.permissions) !== null && _a !== void 0 ? _a : []);
             return {
                 userID: member.userID,
                 nickname: getMemberDisplayName(member),
@@ -77,7 +77,8 @@ const GroupMembersDrawer = ({ groupID, conversationId, currentSession, disabled
                 isCurrentUser: member.userID === authUserID,
                 isOwner,
                 isAdmin: member.roleLevel === GroupMemberRole.Admin,
-                isMuted: isMemberMuted(member),
+                permissions,
+                isSendMessageDisabled: !permissions.includes(GROUP_PERMISSION_KEY.sendMessage),
                 // Mockup only shows a role label under the owner/creator row —
                 // Admin/Member rows show name only.
                 roleLabel: isOwner
@@ -119,17 +120,21 @@ const GroupMembersDrawer = ({ groupID, conversationId, currentSession, disabled
         }
         setShowLeaveConfirm(true);
     };
-    const handleToggleMuteMember = async (member) => {
+    const handleToggleMemberSendMessage = async (member) => {
         var _a, _b;
         if (!groupID)
             return;
+        const sendMessageKey = GROUP_PERMISSION_KEY.sendMessage;
+        const nextPermissions = member.isSendMessageDisabled
+            ? [...member.permissions, sendMessageKey]
+            : member.permissions.filter((permission) => permission !== sendMessageKey);
         try {
-            await muteMember({
+            await setMemberPermissions({
                 groupID,
                 userID: member.userID,
-                mute: !member.isMuted,
+                permissions: nextPermissions,
             });
-            message.success(member.isMuted
+            message.success(member.isSendMessageDisabled
                 ? t("unmute_member_success")
                 : t("mute_member_success"));
             void refetch();
@@ -249,10 +254,12 @@ const GroupMembersDrawer = ({ groupID, conversationId, currentSession, disabled
                         },
                         {
                             key: "mute",
-                            label: member.isMuted ? t("unmute_member") : t("mute_member"),
+                            label: member.isSendMessageDisabled
+                                ? t("unmute_member")
+                                : t("mute_member"),
                             icon: _jsx(Icon, { icon: "bell-off-b", size: 16 }),
                             disabled: !permissions.removeMember,
-                            onClick: () => void handleToggleMuteMember(member),
+                            onClick: () => void handleToggleMemberSendMessage(member),
                         },
                         {
                             key: "transfer-owner",
@@ -311,10 +318,10 @@ const GroupMembersDrawer = ({ groupID, conversationId, currentSession, disabled
                         padding: 0,
                         height: "100%",
                     },
-                }, getContainer: false, width: 360, children: _jsxs("div", { className: "flex flex-col h-full bg-white py-2", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-4 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 }) })] }), _jsxs("div", { className: "flex items-center gap-2 px-4 py-3", children: [_jsx(Input, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: t("search_member_placeholder"), prefix: _jsx(Icon, { icon: "search-o", size: 16, className: "text-gray-400" }), className: "h-10" }), canAddMember && (_jsx(Button, { type: "primary", shape: "default", className: "w-10 h-10 p-0 shrink-0 flex items-center justify-center rounded-lg", onClick: () => setShowAddMember(true), children: _jsx(Icon, { icon: "user-add-b", size: 18 }) }))] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: renderContent() })] }) }), _jsx(Modal, { centered: true, open: showLeaveConfirm, onOk: handleConfirmLeave, onCancel: () => setShowLeaveConfirm(false), title: t("leave_group_confirm_title"), okText: t("leave_group"), cancelText: t("cancel"), okType: "danger", confirmLoading: isLeaving, getContainer: false, children: _jsx("p", { children: t("leave_group_confirm_message") }) }), _jsx(Modal, { centered: true, open: (confirmMemberAction === null || confirmMemberAction === void 0 ? void 0 : confirmMemberAction.type) === "remove", onOk: handleConfirmRemoveMember, onCancel: () => setConfirmMemberAction(null), title: t("remove_member_confirm_title"), okText: t("remove_from_group"), cancelText: t("cancel"), okType: "danger", getContainer: false, children: _jsx("p", { children: t("remove_member_confirm_message", {
+                }, 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-4 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 }) })] }), _jsxs("div", { className: "flex items-center gap-2 px-4 py-3", children: [_jsx(Input, { value: search, onChange: (event) => setSearch(event.target.value), placeholder: t("search_member_placeholder"), prefix: _jsx(Icon, { icon: "search-o", size: 16, className: "text-gray-400" }), className: "h-10" }), canAddMember && (_jsx(Button, { type: "primary", shape: "default", className: "w-10 h-10 p-0 shrink-0 flex items-center justify-center rounded-lg", onClick: () => setShowAddMember(true), children: _jsx(Icon, { icon: "user-add-b", size: 18 }) }))] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: renderContent() })] }) }), _jsx(Modal, { centered: true, open: showLeaveConfirm, onOk: handleConfirmLeave, onCancel: () => setShowLeaveConfirm(false), title: t("leave_group_confirm_title"), okText: t("leave_group"), cancelText: t("cancel"), okType: "danger", confirmLoading: isLeaving, getContainer: false, children: _jsx("p", { children: t("leave_group_confirm_message") }) }), _jsx(Modal, { centered: true, open: (confirmMemberAction === null || confirmMemberAction === void 0 ? void 0 : confirmMemberAction.type) === "remove", onOk: handleConfirmRemoveMember, onCancel: () => setConfirmMemberAction(null), title: t("remove_member_confirm_title"), okText: t("remove_from_group"), cancelText: t("cancel"), okType: "danger", getContainer: false, children: _jsx("p", { children: t("remove_member_confirm_message", {
                         name: confirmMemberAction === null || confirmMemberAction === void 0 ? void 0 : confirmMemberAction.member.nickname,
                     }) }) }), _jsx(Modal, { centered: true, open: (confirmMemberAction === null || confirmMemberAction === void 0 ? void 0 : confirmMemberAction.type) === "transfer-owner", onOk: handleConfirmTransferOwner, onCancel: () => setConfirmMemberAction(null), title: t("transfer_owner_confirm_title"), okText: t("transfer_owner"), cancelText: t("cancel"), okType: "danger", getContainer: false, children: _jsx("p", { children: t("transfer_owner_confirm_message", {
                         name: confirmMemberAction === null || confirmMemberAction === void 0 ? void 0 : confirmMemberAction.member.nickname,
-                    }) }) }), groupID && (_jsx(AddMemberModal, { open: showAddMember, groupID: groupID, existingMemberIDs: members.map((member) => member.userID), onClose: () => setShowAddMember(false) })), groupID && (_jsx(AdminPermissionModal, { open: showAdminPermission, groupID: groupID, onClose: () => setShowAdminPermission(false) }))] }));
+                    }) }) }), groupID && (_jsx(AddMemberModal, { open: showAddMember, groupID: groupID, onClose: () => setShowAddMember(false) })), groupID && (_jsx(AdminPermissionModal, { open: showAdminPermission, groupID: groupID, onClose: () => setShowAdminPermission(false) }))] }));
 };
 export default GroupMembersDrawer;

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;IACnC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAuO3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageList.tsx"],"names":[],"mappings":"AA8BA,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;IACnC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAmR3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/message/MessageList.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMessage } from "../../hooks/message/useMessage";
-import { Button, Empty, Modal, Spin } from "antd";
+import { Button, Empty, Modal, Spin, message as toastMessage } from "antd";
 import { useCallback, useEffect, useState } from "react";
 import dayjs from "dayjs";
 import isToday from "dayjs/plugin/isToday";
@@ -17,11 +17,13 @@ import { useBoolean } from "ahooks";
 import { useMessageListScroll } from "../../hooks/message/useMessageListScroll";
 import { useChatContext } from "../../context/ChatContext";
 import { useRevokeMessage } from "../../hooks/message/useRevokeMessage";
+import { usePinMessage } from "../../hooks/message/usePinMessage";
 import { useConversationSessionState } from "../../hooks/session/useConversationSessionState";
 import { useJoinGroupFlow } from "../../hooks/session/useJoinGroupFlow";
 import { useGroupPermission } from "../../hooks/group/useGroupPermission";
 import { isGroupSession } from "../../utils/imCommon";
 import { ConnectStatus, SessionStatus } from "../../types/chat";
+import PinLimitModal from "../../components/conversation-detail/PinLimitModal";
 dayjs.extend(isToday);
 const MessageList = (props) => {
     const { t } = useTranslation();
@@ -31,12 +33,17 @@ const MessageList = (props) => {
     const permissions = useGroupPermission(conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID);
     const isGroupChat = isGroupSession(conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationType);
     const canSendMessage = !isGroupChat || permissions.sendMessage;
+    const canPinMessage = !isGroupChat || permissions.pinMessage;
     const setQuotedMessage = useConversationStore((state) => state.setQuotedMessage);
     const setSearchClientMsgID = useConversationStore((state) => state.setSearchClientMsgID);
     const [openMenuId, setOpenMenuId] = useState(null);
     const [selectedItem, setSelectedItem] = useState(null);
     const [showConfirmRevoke, { setTrue: openConfirmRevoke, setFalse: closeConfirmRevoke },] = useBoolean(false);
     const { revokeMessage, loading: isRevoking } = useRevokeMessage();
+    const { pinMessage, unpinMessage } = usePinMessage();
+    const pinnedTotalCount = useConversationStore((state) => state.pinnedTotalCount);
+    const pinnedRemainingCount = useConversationStore((state) => state.pinnedRemainingCount);
+    const [pinLimitModalOpen, setPinLimitModalOpen] = useState(false);
     const { groupId, latestConversationSession, refetchConversationSessions, } = useConversationSessionState({
         conversationId,
         conversationType: conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationType,
@@ -75,6 +82,28 @@ const MessageList = (props) => {
             setSearchClientMsgID(clientMsgID);
         }
     }, [scrollToMessage, loadState.messageList, setSearchClientMsgID]);
+    const handlePinMessage = useCallback(async (message) => {
+        if (pinnedRemainingCount <= 0 && pinnedTotalCount > 0) {
+            setPinLimitModalOpen(true);
+            return;
+        }
+        try {
+            await pinMessage(conversationId, message.clientMsgID);
+            toastMessage.success(t("pin_message_success"));
+        }
+        catch (_a) {
+            toastMessage.error(t("pin_message_failed"));
+        }
+    }, [conversationId, pinMessage, pinnedRemainingCount, pinnedTotalCount, t]);
+    const handleUnpinMessage = useCallback(async (message) => {
+        try {
+            await unpinMessage(conversationId, message.clientMsgID);
+            toastMessage.success(t("unpin_message_success"));
+        }
+        catch (_a) {
+            toastMessage.error(t("unpin_message_failed"));
+        }
+    }, [conversationId, unpinMessage, t]);
     useEffect(() => {
         emitter.on("CHAT_LIST_SCROLL_TO_BOTTOM", scrollToBottom);
         emitter.on("CHAT_LIST_SCROLL_TO_MESSAGE", scrollToMessage);
@@ -107,6 +136,6 @@ const MessageList = (props) => {
     if (!conversationData) {
         return (_jsx("div", { className: "flex flex-1 items-center justify-center h-full", children: connectStatus !== ConnectStatus.Connected ? (_jsx(Spin, {})) : (_jsx(Empty, { description: t("no_conversation_data") })) }));
     }
-    return (_jsxs("div", { className: "flex flex-col flex-1 relative h-full min-w-0 bg-white", style: { overflowX: "hidden" }, children: [_jsx(MessageHeader, { onClose: onClose, currentSession: latestConversationSession, isJoined: isJoined, onOpenThreadInfo: onOpenThreadInfo }), _jsx(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, children: loadState.messageList.map((message, _, array) => (_jsx(MessageItem, { message: message, allMessages: array, contextMenuOpen: openMenuId === message.clientMsgID, onContextMenuOpenChange: (open) => setOpenMenuId(open ? message.clientMsgID : null), onRevokeMessage: handleOpenRevoke, onQuoteMessage: setQuotedMessage, onPressQuoteMessage: onPressQuoteMessage }, message.clientMsgID))) }), moreNewLoading && (_jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) })), isCheckingMembership ? (_jsx("div", { className: "border-t bg-white py-4 flex items-center justify-center", children: _jsx(Spin, {}) })) : (latestConversationSession === null || latestConversationSession === void 0 ? void 0 : latestConversationSession.status) === SessionStatus.UNASSIGNED ? (_jsx(UnassignedSessionFooter, { sessionId: latestConversationSession.id, teamId: latestConversationSession.teamId })) : shouldRestrictToLastSession ? (_jsxs("div", { className: "border-t bg-white py-4 flex flex-col items-center gap-2", children: [_jsx("p", { className: "text-sm text-gray-500", children: t("join_group_required") }), _jsx(Button, { type: "primary", onClick: joinGroup, loading: isJoining, children: t("join_group") })] })) : !canSendMessage ? (_jsx("div", { className: "border-t bg-[#f5f5f5] py-3 flex items-center justify-center", children: _jsx("p", { className: "text-sm text-gray-500", children: t("send_message_disabled") }) })) : (_jsx(MessageFooter, { currentSession: latestConversationSession, openCreateCannedModal: openCreateCannedModal })), _jsx(Modal, { centered: true, open: showConfirmRevoke, onOk: onRevokeMessage, onCancel: handleCloseRevoke, title: t("revoke_message_confirm_title"), okText: t("revoke"), cancelText: t("cancel"), okType: "danger", confirmLoading: isRevoking, getContainer: false, forceRender: true, children: _jsx("p", { children: t("revoke_message_confirm_message") }) })] }));
+    return (_jsxs("div", { className: "flex flex-col flex-1 relative h-full min-w-0 bg-white", style: { overflowX: "hidden" }, children: [_jsx(MessageHeader, { onClose: onClose, currentSession: latestConversationSession, isJoined: isJoined, onOpenThreadInfo: onOpenThreadInfo }), _jsx(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, children: loadState.messageList.map((message, _, array) => (_jsx(MessageItem, { message: message, allMessages: array, contextMenuOpen: openMenuId === message.clientMsgID, onContextMenuOpenChange: (open) => setOpenMenuId(open ? message.clientMsgID : null), onRevokeMessage: handleOpenRevoke, onQuoteMessage: setQuotedMessage, onPressQuoteMessage: onPressQuoteMessage, onPinMessage: canPinMessage ? handlePinMessage : undefined, onUnpinMessage: canPinMessage ? handleUnpinMessage : undefined }, message.clientMsgID))) }), moreNewLoading && (_jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) })), isCheckingMembership ? (_jsx("div", { className: "border-t bg-white py-4 flex items-center justify-center", children: _jsx(Spin, {}) })) : (latestConversationSession === null || latestConversationSession === void 0 ? void 0 : latestConversationSession.status) === SessionStatus.UNASSIGNED ? (_jsx(UnassignedSessionFooter, { sessionId: latestConversationSession.id, teamId: latestConversationSession.teamId })) : shouldRestrictToLastSession ? (_jsxs("div", { className: "border-t bg-white py-4 flex flex-col items-center gap-2", children: [_jsx("p", { className: "text-sm text-gray-500", children: t("join_group_required") }), _jsx(Button, { type: "primary", onClick: joinGroup, loading: isJoining, children: t("join_group") })] })) : !canSendMessage ? (_jsx("div", { className: "border-t bg-[#f5f5f5] py-3 flex items-center justify-center", children: _jsx("p", { className: "text-sm text-gray-500", children: t("send_message_disabled") }) })) : (_jsx(MessageFooter, { currentSession: latestConversationSession, openCreateCannedModal: openCreateCannedModal })), _jsx(Modal, { centered: true, open: showConfirmRevoke, onOk: onRevokeMessage, onCancel: handleCloseRevoke, title: t("revoke_message_confirm_title"), okText: t("revoke"), cancelText: t("cancel"), okType: "danger", confirmLoading: isRevoking, getContainer: false, forceRender: true, children: _jsx("p", { children: t("revoke_message_confirm_message") }) }), _jsx(PinLimitModal, { open: pinLimitModalOpen, max: pinnedTotalCount, onClose: () => setPinLimitModalOpen(false) })] }));
 };
 export default MessageList;

package/dist/constants/im.d.ts

@@ -1,3 +1,16 @@
 import { SessionType } from "@droppii-org/wasm-client-sdk";
 export declare const GroupSessionTypes: SessionType[];
+export declare const GROUP_PERMISSION_KEY: {
+    readonly sendMessage: "SEND_MESSAGE";
+    readonly pinMessage: "PIN_MESSAGE";
+    readonly updateGroupName: "UPDATE_GROUP_NAME";
+    readonly updateGroupAvatar: "UPDATE_GROUP_AVATAR";
+    readonly updateGroupDescription: "UPDATE_GROUP_DESCRIPTION";
+    readonly addMember: "ADD_MEMBER";
+    readonly removeMember: "REMOVE_MEMBER";
+    readonly addAdmin: "ADD_ADMIN";
+    readonly transferOwnership: "TRANSFER_OWNERSHIP";
+    readonly configGroupPermission: "CONFIG_GROUP_PERMISSION";
+    readonly viewMemberInformation: "VIEW_MEMBER_INFORMATION";
+};
 //# sourceMappingURL=im.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"im.d.ts","sourceRoot":"","sources":["../../src/constants/im.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,iBAAiB,eAAgD,CAAC"}
+{"version":3,"file":"im.d.ts","sourceRoot":"","sources":["../../src/constants/im.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,iBAAiB,eAAgD,CAAC;AAK/E,eAAO,MAAM,oBAAoB;;;;;;;;;;;;CAYvB,CAAC"}

package/dist/constants/im.js

@@ -1,2 +1,18 @@
 import { SessionType } from "@droppii-org/wasm-client-sdk";
 export const GroupSessionTypes = [SessionType.Group, SessionType.WorkingGroup];
+// Raw permission strings BE returns in SelfUserInfo.permissions /
+// GroupMemberItem.permissions (DROPPII-30247). Keys match the Go constants
+// (permission.SendMessage, etc) — see DROPPII-30248 BE update.
+export const GROUP_PERMISSION_KEY = {
+    sendMessage: "SEND_MESSAGE",
+    pinMessage: "PIN_MESSAGE",
+    updateGroupName: "UPDATE_GROUP_NAME",
+    updateGroupAvatar: "UPDATE_GROUP_AVATAR",
+    updateGroupDescription: "UPDATE_GROUP_DESCRIPTION",
+    addMember: "ADD_MEMBER",
+    removeMember: "REMOVE_MEMBER",
+    addAdmin: "ADD_ADMIN",
+    transferOwnership: "TRANSFER_OWNERSHIP",
+    configGroupPermission: "CONFIG_GROUP_PERMISSION",
+    viewMemberInformation: "VIEW_MEMBER_INFORMATION",
+};

package/dist/constants/images.d.ts

@@ -2,5 +2,6 @@ export declare const images: {
     conversationBg: string;
     imageFailed: string;
     emptyResources: string;
+    muteNotificationWarning: string;
 };
 //# sourceMappingURL=images.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../src/constants/images.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,MAAM;;;;CAIlB,CAAC"}
+{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../src/constants/images.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC"}

package/dist/constants/images.js

@@ -2,8 +2,10 @@ const conversationBg = new URL("../assets/images/conversationBg.png", import.met
 const imageFailed = new URL("../assets/images/imageFailed.png", import.meta.url)
     .href;
 const emptyResources = new URL("../assets/images/emptyResources.png", import.meta.url).href;
+const muteNotificationWarning = new URL("../assets/images/muteNotificationWarning.png", import.meta.url).href;
 export const images = {
     conversationBg,
     imageFailed,
     emptyResources,
+    muteNotificationWarning,
 };

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

package/dist/hooks/global/useGlobalEvent.js

@@ -26,7 +26,7 @@ export const useGlobalEvent = () => {
     const updateConversationList = useConversationStore((state) => state.updateConversationList);
     const getConversationListByReq = useConversationStore((state) => state.getConversationListByReq);
     const getCurrentGroupInfoByReq = useConversationStore((state) => state.getCurrentGroupInfoByReq);
-    const getCurrentMemberInGroupByReq = useConversationStore((state) => state.getCurrentMemberInGroupByReq);
+    const getSelfGroupPermissionByReq = useConversationStore((state) => state.getSelfGroupPermissionByReq);
     const { mutate: refetchChatToken } = useRefetchChatToken();
     const accessToken = useAuthStore((state) => state.accessToken);
     const chatToken = useAuthStore((state) => state.chatToken);
@@ -42,7 +42,7 @@ export const useGlobalEvent = () => {
         }
         await Promise.all([
             getCurrentGroupInfoByReq(currentConversation.groupID),
-            getCurrentMemberInGroupByReq(currentConversation.groupID),
+            getSelfGroupPermissionByReq(currentConversation.groupID),
         ]);
     };
     const revokedMessageHandler = ({ data }) => {
@@ -204,6 +204,12 @@ export const useGlobalEvent = () => {
     const groupInfoChangedHandler = () => {
         void refreshCurrentGroupState();
     };
+    // BE pushes this when a member's role/permissions change (DROPPII-30248
+    // spec: actions must always check the LATEST permissions, not stale UI) —
+    // refetch so useGroupPermission picks up the new permissions[] right away.
+    const groupMemberInfoChangedHandler = () => {
+        void refreshCurrentGroupState();
+    };
     const groupDismissedHandler = ({ data }) => {
         const currentConversation = useConversationStore.getState().currentConversation;
         if ((currentConversation === null || currentConversation === void 0 ? void 0 : currentConversation.groupID) === data.groupID) {
@@ -251,6 +257,7 @@ export const useGlobalEvent = () => {
         DChatSDK.on(CbEvents.OnJoinedGroupAdded, joinedGroupAddedHandler);
         // group info
         DChatSDK.on(CbEvents.OnGroupInfoChanged, groupInfoChangedHandler);
+        DChatSDK.on(CbEvents.OnGroupMemberInfoChanged, groupMemberInfoChangedHandler);
         DChatSDK.on(CbEvents.OnGroupDismissed, groupDismissedHandler);
         // black list
         DChatSDK.on(CbEvents.OnBlackAdded, blackListChangedHandler);
@@ -283,6 +290,7 @@ export const useGlobalEvent = () => {
         DChatSDK.off(CbEvents.OnJoinedGroupAdded, joinedGroupAddedHandler);
         // group info
         DChatSDK.off(CbEvents.OnGroupInfoChanged, groupInfoChangedHandler);
+        DChatSDK.off(CbEvents.OnGroupMemberInfoChanged, groupMemberInfoChangedHandler);
         DChatSDK.off(CbEvents.OnGroupDismissed, groupDismissedHandler);
         // black list
         DChatSDK.off(CbEvents.OnBlackAdded, blackListChangedHandler);

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

@@ -0,0 +1,20 @@
+import { ConversationItem } from "@droppii-org/wasm-client-sdk";
+import { BaseResponse, IConversationGroupItem } from "../../types/dto";
+interface UseConversationGroupsParams {
+    enabled?: boolean;
+    pageSize?: number;
+}
+export interface ConversationGroupDisplayItem {
+    groupId: string;
+    conversationId: string;
+    conversation: ConversationItem;
+}
+export declare const useConversationGroups: ({ enabled, pageSize, }?: UseConversationGroupsParams) => {
+    groups: ConversationGroupDisplayItem[];
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<IConversationGroupItem[]>, unknown>, Error>>;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+};
+export {};
+//# sourceMappingURL=useConversationGroups.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useConversationGroups.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useConversationGroups.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAe,MAAM,8BAA8B,CAAC;AAK7E,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAKnE,UAAU,2BAA2B;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,4BAA4B;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,gBAAgB,CAAC;CAChC;AAiED,eAAO,MAAM,qBAAqB,GAAI,yBAGnC,2BAAgC;;;;;;CAoElC,CAAC"}

package/dist/hooks/group/useConversationGroups.js

@@ -0,0 +1,116 @@
+"use client";
+import { useMemo } from "react";
+import { useInfiniteQuery } from "@tanstack/react-query";
+import { SessionType } from "@droppii-org/wasm-client-sdk";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+import { PAGE_SIZE } from "../../constants";
+import useAuthStore from "../../store/auth";
+import useConversationStore from "../../store/conversation";
+import { DChatSDK } from "../../constants/sdk";
+// Placeholder used until the store has synced the real ConversationItem for
+// a brand new group (e.g. right after create-group, or first time this list
+// loads) — carries just enough for ConversationByGroupItem to render
+// something instead of the row disappearing while the sync is in flight.
+const buildFallbackConversation = (group) => ({
+    conversationID: group.conversationId,
+    conversationType: SessionType.Group,
+    userID: "",
+    groupID: group.groupId,
+    showName: group.groupName,
+    faceURL: group.groupAvatar || "",
+    recvMsgOpt: 0,
+    unreadCount: 0,
+    groupAtType: 0,
+    latestMsg: "",
+    latestMsgSendTime: group.latestMessageAt
+        ? new Date(group.latestMessageAt).getTime()
+        : 0,
+    draftText: "",
+    draftTextTime: 0,
+    burnDuration: 0,
+    maxSeq: 0,
+    minSeq: 0,
+    msgDestructTime: 0,
+    isPinned: false,
+    isNotInGroup: false,
+    isPrivateChat: false,
+    isMsgDestruct: false,
+    attachedInfo: "",
+});
+// Same join pattern as useGetSession: the REST endpoint only returns group
+// metadata (no latestMsg) — sync each group's full ConversationItem (which
+// carries latestMsg/latestMsgSendTime/unreadCount) into the shared
+// conversationList store via the SDK, then join on conversationId.
+const syncGroupConversationsToStore = async (groups) => {
+    const currentList = useConversationStore.getState().conversationList;
+    const newGroups = groups.filter((group) => !currentList.some((conversation) => conversation.conversationID === group.conversationId));
+    if (!newGroups.length)
+        return;
+    try {
+        const { data } = await DChatSDK.getMultipleConversation(newGroups.map((group) => group.conversationId));
+        if (data === null || data === void 0 ? void 0 : data.length) {
+            useConversationStore.getState().updateConversationList(data, "filter");
+        }
+    }
+    catch (error) {
+        console.error("syncGroupConversationsToStore", error);
+    }
+};
+export const useConversationGroups = ({ enabled = true, pageSize = PAGE_SIZE.medium, } = {}) => {
+    const conversationList = useConversationStore((state) => state.conversationList);
+    const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = useInfiniteQuery({
+        initialPageParam: 1,
+        queryKey: [QUERY_KEYS.GET_CONVERSATION_GROUPS, pageSize],
+        queryFn: async ({ pageParam = 1 }) => {
+            var _a, _b;
+            const applicationType = useAuthStore.getState().applicationType;
+            const res = await apiInstance.get(ENDPOINTS.chatService.getConversationGroups, {
+                params: {
+                    page: pageParam,
+                    pageSize,
+                    applicationType,
+                },
+            });
+            if ((_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.length) {
+                void syncGroupConversationsToStore(res.data.data).catch((error) => {
+                    console.error("syncGroupConversationsToStore", error);
+                });
+            }
+            return res.data;
+        },
+        getNextPageParam: (lastPage) => {
+            var _a, _b;
+            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,
+    });
+    const groups = useMemo(() => {
+        if (!data)
+            return [];
+        // Render straight from the REST response — the list must show every
+        // group the API returned immediately, even before syncGroupConversationsToStore
+        // (async) has had a chance to populate conversationList. Use the synced
+        // ConversationItem when available (real latestMsg/unreadCount), else a
+        // fallback built from the REST fields so the row never disappears.
+        const allItems = data.pages.flatMap((page) => page.data);
+        return allItems.map((group) => {
+            const syncedConversation = conversationList === null || conversationList === void 0 ? void 0 : conversationList.find((conversation) => conversation.conversationID === group.conversationId);
+            return {
+                groupId: group.groupId,
+                conversationId: group.conversationId,
+                conversation: syncedConversation !== null && syncedConversation !== void 0 ? syncedConversation : buildFallbackConversation(group),
+            };
+        });
+    }, [data, conversationList]);
+    return {
+        groups,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        isLoading,
+    };
+};

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

@@ -1 +1 @@
-{"version":3,"file":"useCreateGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useCreateGroup.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAOD,eAAO,MAAM,cAAc;6DAO2B,iBAAiB;CAoDtE,CAAC"}
+{"version":3,"file":"useCreateGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useCreateGroup.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAqCD,eAAO,MAAM,cAAc;6DAQ2B,iBAAiB;CAuDtE,CAAC"}

package/dist/hooks/group/useCreateGroup.js

@@ -1,13 +1,41 @@
 "use client";
 import { useCallback } from "react";
 import { useRouter } from "next/navigation";
+import { useQueryClient } from "@tanstack/react-query";
 import { message } from "antd";
 import { useTranslation } from "react-i18next";
 import { GroupType, GroupVerificationType, GroupVisibility, SessionType } from "@droppii-org/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
 import useAuthStore from "../../store/auth";
 import { generateDefaultGroupName } from "../../utils/groupName";
+import { QUERY_KEYS } from "../../services/query";
 const DEFAULT_GROUP_FACE_URL = "/droppii.jpeg";
+const GET_CONVERSATION_RETRY_COUNT = 4;
+const GET_CONVERSATION_RETRY_DELAY_MS = 500;
+const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+// createGroup()'s own response succeeding doesn't mean the local WASM store
+// has the new conversation yet — the WS event that inserts it locally can
+// arrive after an unspecified delay (same reasoning as
+// useGlobalEvent.ts's joinedGroupAddedHandler). Retry briefly instead of
+// surfacing "create group failed" for a group that was, in fact, created.
+const getOneConversationWithRetry = async (groupID) => {
+    let lastError;
+    for (let attempt = 0; attempt < GET_CONVERSATION_RETRY_COUNT; attempt++) {
+        try {
+            return await DChatSDK.getOneConversation({
+                sourceID: groupID,
+                sessionType: SessionType.Group,
+            });
+        }
+        catch (error) {
+            lastError = error;
+            if (attempt < GET_CONVERSATION_RETRY_COUNT - 1) {
+                await delay(GET_CONVERSATION_RETRY_DELAY_MS);
+            }
+        }
+    }
+    throw lastError;
+};
 // Q4 (non-block): calling DChatSDK.createGroup() directly — the SDK's own
 // eligibility check at submission time (if any) is whatever openIM does
 // server-side; there's no separate BE revalidation endpoint yet. If members
@@ -17,6 +45,7 @@ export const useCreateGroup = () => {
     const { t } = useTranslation("conversation-inbox");
     const { t: tCommon } = useTranslation();
     const router = useRouter();
+    const queryClient = useQueryClient();
     const userID = useAuthStore((state) => state.userID);
     const createGroup = useCallback(async ({ groupName, isPublic, members, faceURL }) => {
         var _a, _b;
@@ -42,11 +71,11 @@ export const useCreateGroup = () => {
                     visibility: isPublic ? GroupVisibility.Public : GroupVisibility.Private,
                 },
             });
-            const { data: conversation } = await DChatSDK.getOneConversation({
-                sourceID: group.groupID,
-                sessionType: SessionType.Group,
-            });
+            const { data: conversation } = await getOneConversationWithRetry(group.groupID);
             message.success(t("create_group.create_group_success"));
+            void queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.GET_CONVERSATION_GROUPS],
+            });
             const searchParams = new URLSearchParams();
             searchParams.set("threadId", conversation.conversationID);
             router.push(`/chat?${searchParams.toString()}`);
@@ -57,6 +86,6 @@ export const useCreateGroup = () => {
             message.error(errorMessage);
             throw error;
         }
-    }, [router, t, tCommon, userID]);
+    }, [router, t, tCommon, userID, queryClient]);
     return { createGroup };
 };

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

@@ -1,5 +1,5 @@
 import type { EligibleAccountItem } from "./useEligibleAccounts";
-export declare const useEligibleAccountsForGroup: (search: string, existingMemberIDs: string[], enabled?: boolean) => {
+export declare const useEligibleAccountsForGroup: (search: string, groupID: string, enabled?: boolean) => {
     accounts: EligibleAccountItem[];
     isLoading: boolean;
     fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("../../types/dto").BaseResponse<import("../../types/dto").IGroupCandidateResponse[]>, unknown>, Error>>;

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

@@ -1 +1 @@
-{"version":3,"file":"useEligibleAccountsForGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useEligibleAccountsForGroup.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAKjE,eAAO,MAAM,2BAA2B,GACtC,QAAQ,MAAM,EACd,mBAAmB,MAAM,EAAE,EAC3B,iBAAc;;;;;;CAgCf,CAAC"}
+{"version":3,"file":"useEligibleAccountsForGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useEligibleAccountsForGroup.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAIjE,eAAO,MAAM,2BAA2B,GACtC,QAAQ,MAAM,EACd,SAAS,MAAM,EACf,iBAAc;;;;;;CA0Bf,CAAC"}

package/dist/hooks/group/useEligibleAccountsForGroup.js

@@ -1,21 +1,18 @@
 import { useMemo } from "react";
 import { useGetGroupCandidates } from "./useGetGroupCandidates";
-// getGroupCandidates has no server-side "exclude group members" filter yet
-// (BE gap tracked in DROPPII-30003 breakdown, Q1) — filtering existing group
-// members out client-side here as an interim until BE adds it.
-export const useEligibleAccountsForGroup = (search, existingMemberIDs, enabled = true) => {
+// Server excludes accounts already in groupID from the candidate list
+// (DROPPII-30248 BE update) — no client-side filtering needed anymore.
+export const useEligibleAccountsForGroup = (search, groupID, enabled = true) => {
     const { candidates, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = useGetGroupCandidates({
         searchTerm: search.trim(),
+        groupID,
         enabled,
     });
-    const existingMemberIDSet = useMemo(() => new Set(existingMemberIDs), [existingMemberIDs]);
-    const accounts = useMemo(() => candidates
-        .filter((candidate) => !existingMemberIDSet.has(candidate.id))
-        .map((candidate) => ({
+    const accounts = useMemo(() => candidates.map((candidate) => ({
         userID: candidate.id,
         displayName: candidate.fullName,
         avatar: candidate.avatar,
-    })), [candidates, existingMemberIDSet]);
+    })), [candidates]);
     return {
         accounts,
         isLoading,

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

@@ -1,9 +1,10 @@
 import { BaseResponse, IGroupCandidateResponse } from "../../types/dto";
 interface UseGetGroupCandidatesParams {
     searchTerm?: string;
+    groupID?: string;
     enabled?: boolean;
 }
-export declare const useGetGroupCandidates: ({ searchTerm, enabled, }: UseGetGroupCandidatesParams) => {
+export declare const useGetGroupCandidates: ({ searchTerm, groupID, enabled, }: UseGetGroupCandidatesParams) => {
     candidates: IGroupCandidateResponse[];
     fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<BaseResponse<IGroupCandidateResponse[]>, unknown>, Error>>;
     hasNextPage: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useGetGroupCandidates.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useGetGroupCandidates.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAIpE,UAAU,2BAA2B;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,qBAAqB,GAAI,0BAGnC,2BAA2B;;;;;;CAqC7B,CAAC"}
+{"version":3,"file":"useGetGroupCandidates.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useGetGroupCandidates.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAIpE,UAAU,2BAA2B;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IAIpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,qBAAqB,GAAI,mCAInC,2BAA2B;;;;;;CAsC7B,CAAC"}