@droppii-org/chat-sdk 0.2.0 → 0.3.0

package/dist/components/conversation/ConversationByGroupItem.d.ts

@@ -1,7 +1,9 @@
-import { GroupItem } from "@droppii-org/wasm-client-sdk";
+import type { LatestPreview } from "../../hooks/session/useSessionLatestPreview";
+import type { ConversationGroupDisplayItem } from "../../hooks/group/useConversationGroups";
 interface ConversationByGroupItemProps {
-    group: GroupItem;
+    group: ConversationGroupDisplayItem;
+    latestPreview?: LatestPreview;
 }
-declare const ConversationByGroupItem: ({ group }: ConversationByGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConversationByGroupItem: ({ group, latestPreview, }: ConversationByGroupItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ConversationByGroupItem;
 //# sourceMappingURL=ConversationByGroupItem.d.ts.map

package/dist/components/conversation/ConversationByGroupItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationByGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ConversationByGroupItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAe,MAAM,8BAA8B,CAAC;AAMtE,UAAU,4BAA4B;IACpC,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,QAAA,MAAM,uBAAuB,GAAI,WAAW,4BAA4B,4CAiEvE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ConversationByGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ConversationByGroupItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,qCAAqC,CAAC;AAMxF,UAAU,4BAA4B;IACpC,KAAK,EAAE,4BAA4B,CAAC;IACpC,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,QAAA,MAAM,uBAAuB,GAAI,2BAG9B,4BAA4B,4CA2D9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/conversation/ConversationByGroupItem.js

@@ -1,50 +1,40 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
 import { Avatar } from "antd";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useTranslation } from "react-i18next";
-import { SessionType } from "@droppii-org/wasm-client-sdk";
 import useConversationStore from "../../store/conversation";
-import { DChatSDK } from "../../constants/sdk";
-import { formatTimestamp } from "../../utils/common";
+import { useChatContext } from "../../context/ChatContext";
+import { formatTimestamp, parseLatestMessage } from "../../utils/common";
 import ThreadCard from "./ThreadCard";
-const ConversationByGroupItem = ({ group }) => {
+const ConversationByGroupItem = ({ group, latestPreview, }) => {
     var _a;
     const { t } = useTranslation();
-    const [isOpening, setIsOpening] = useState(false);
+    const user = useChatContext().user;
     const router = useRouter();
     const pathname = usePathname();
     const searchParams = useSearchParams();
     const setConversationData = useConversationStore((state) => state.setConversationData);
     const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
-    const updateConversationList = useConversationStore((state) => state.updateConversationList);
-    const isSelected = useConversationStore((state) => state.selectedSourceId === group.groupID);
-    const handleClick = async () => {
-        if (isOpening)
-            return;
-        setIsOpening(true);
-        try {
-            const { data: conversation } = await DChatSDK.getOneConversation({
-                sourceID: group.groupID,
-                sessionType: SessionType.Group,
-            });
-            setConversationData(conversation);
-            updateConversationList([conversation], "filter");
-            setSelectedConversationId(conversation.conversationID);
-            const newSearchParams = new URLSearchParams(searchParams);
-            newSearchParams.set("threadId", conversation.conversationID);
-            newSearchParams.delete("userId");
-            newSearchParams.delete("groupId");
-            newSearchParams.delete("botId");
-            router.push(`${pathname}?${newSearchParams.toString()}`);
-        }
-        finally {
-            setIsOpening(false);
-        }
+    const isSelected = useConversationStore((state) => state.selectedConversationId === group.conversationId);
+    const { conversation } = group;
+    const handleClick = () => {
+        setConversationData(conversation);
+        setSelectedConversationId(conversation.conversationID);
+        const newSearchParams = new URLSearchParams(searchParams);
+        newSearchParams.set("threadId", conversation.conversationID);
+        newSearchParams.delete("userId");
+        newSearchParams.delete("groupId");
+        newSearchParams.delete("botId");
+        router.push(`${pathname}?${newSearchParams.toString()}`);
     };
-    return (_jsx(ThreadCard, { onClick: handleClick, isSelected: isSelected, preview: t("member_count", { count: group.memberCount }), time: group.createTime
-            ? formatTimestamp(group.createTime, { hasTime: true })
-            : undefined, avatar: _jsx(Avatar, { size: 48, src: group.faceURL, children: ((_a = group.groupName) === null || _a === void 0 ? void 0 : _a.charAt(0)) || "G" }), title: _jsx("h3", { className: "truncate text-sm font-semibold text-gray-900", children: group.groupName }) }));
+    const latestMsg = (latestPreview === null || latestPreview === void 0 ? void 0 : latestPreview.latestMsg) || "";
+    const latestMsgSendTime = (latestPreview === null || latestPreview === void 0 ? void 0 : latestPreview.latestMsgSendTime) || 0;
+    return (_jsx(ThreadCard, { onClick: handleClick, isSelected: isSelected, unreadCount: conversation.unreadCount, preview: parseLatestMessage(latestMsg, user === null || user === void 0 ? void 0 : user.userID, t, {
+            peerType: conversation.peerType,
+            showName: conversation.showName,
+        }), time: latestMsgSendTime > 0
+            ? formatTimestamp(latestMsgSendTime, { hasTime: true })
+            : undefined, avatar: _jsx(Avatar, { size: 48, src: conversation.faceURL, children: ((_a = conversation.showName) === null || _a === void 0 ? void 0 : _a.charAt(0)) || "G" }), title: _jsx("h3", { className: "truncate text-sm font-semibold text-gray-900", children: conversation.showName }) }));
 };
 export default ConversationByGroupItem;

package/dist/components/conversation/DeskConversationList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeskConversationList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/DeskConversationList.tsx"],"names":[],"mappings":"AA4BA,QAAA,MAAM,oBAAoB,+CAwRzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"DeskConversationList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/DeskConversationList.tsx"],"names":[],"mappings":"AA4BA,QAAA,MAAM,oBAAoB,+CA+RzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/conversation/DeskConversationList.js

@@ -16,7 +16,7 @@ import { useGetSession } from "../../hooks/session/useGetSession";
 import { useSortedSessions } from "../../hooks/session/useSortedSessions";
 import { useSessionLatestPreview } from "../../hooks/session/useSessionLatestPreview";
 import { useGetTeamSessionSummary } from "../../hooks/session/useGetTeamSessionSummary";
-import { useJoinedGroups } from "../../hooks/group/useJoinedGroups";
+import { useConversationGroups } from "../../hooks/group/useConversationGroups";
 import { DChatSDK } from "../../constants/sdk";
 import emitter from "../../utils/events";
 import { ALL_GROUPS_KEY, getFilterConfig, } from "../../components/session/sessionMenuItems";
@@ -38,9 +38,10 @@ const DeskConversationList = () => {
     const isAllGroupsView = viewMode === "allGroups";
     const { data: teamSummaries } = useGetTeamSessionSummary();
     const { dataFlatten: rawSessions, hasNextPage, fetchNextPage, refetch, } = useGetSession({ filter: filterSummary, options: { isEnabled: !isAllGroupsView } });
-    const { groups: joinedGroups, fetchNextPage: fetchNextGroupsPage, hasNextPage: hasNextGroupsPage, isLoading: isJoinedGroupsLoading, } = useJoinedGroups({ enabled: isAllGroupsView });
+    const { groups: conversationGroups, fetchNextPage: fetchNextGroupsPage, hasNextPage: hasNextGroupsPage, isLoading: isConversationGroupsLoading, } = useConversationGroups({ enabled: isAllGroupsView });
     const latestPreviewMap = useSessionLatestPreview(rawSessions);
     const sessions = useSortedSessions(rawSessions, latestPreviewMap);
+    const groupLatestPreviewMap = useSessionLatestPreview(conversationGroups);
     const currentFilterKey = isAllGroupsView
         ? ALL_GROUPS_KEY
         : filterSummary.status || filterSummary.tag || "";
@@ -104,7 +105,7 @@ const DeskConversationList = () => {
                     height: "100%",
                     overflow: showSearch ? "hidden" : "auto",
                     position: "relative",
-                }, children: [isAllGroupsView ? (isJoinedGroupsLoading ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Spin, {}) })) : !(joinedGroups === null || joinedGroups === void 0 ? void 0 : joinedGroups.length) ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_conversation") }) })) : (_jsx(InfiniteScroll, { dataLength: joinedGroups.length, next: fetchNextGroupsPage, hasMore: !!hasNextGroupsPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableConversationsDiv", children: joinedGroups.map((group) => (_jsx(ConversationByGroupItem, { group: group }, group.groupID))) }))) : (_jsx(InfiniteScroll, { dataLength: (sessions === null || sessions === void 0 ? void 0 : sessions.length) || 0, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableConversationsDiv", children: (sessions === null || sessions === void 0 ? void 0 : sessions.length) === 0 ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_conversation") }) })) : ((_b = sessions === null || sessions === void 0 ? void 0 : sessions.map) === null || _b === void 0 ? void 0 : _b.call(sessions, (session) => (_jsx(ConversationBySessionItem, { sessionItem: session, latestPreview: latestPreviewMap.get(session.conversationId) }, session.conversationId)))) })), _jsx(Drawer, { open: showSearch, mask: false, closeIcon: false, styles: {
+                }, children: [isAllGroupsView ? (isConversationGroupsLoading ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Spin, {}) })) : !(conversationGroups === null || conversationGroups === void 0 ? void 0 : conversationGroups.length) ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_conversation") }) })) : (_jsx(InfiniteScroll, { dataLength: conversationGroups.length, next: fetchNextGroupsPage, hasMore: !!hasNextGroupsPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableConversationsDiv", children: conversationGroups.map((group) => (_jsx(ConversationByGroupItem, { group: group, latestPreview: groupLatestPreviewMap.get(group.conversationId) }, group.groupId))) }))) : (_jsx(InfiniteScroll, { dataLength: (sessions === null || sessions === void 0 ? void 0 : sessions.length) || 0, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableConversationsDiv", children: (sessions === null || sessions === void 0 ? void 0 : sessions.length) === 0 ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("no_conversation") }) })) : ((_b = sessions === null || sessions === void 0 ? void 0 : sessions.map) === null || _b === void 0 ? void 0 : _b.call(sessions, (session) => (_jsx(ConversationBySessionItem, { sessionItem: session, latestPreview: latestPreviewMap.get(session.conversationId) }, session.conversationId)))) })), _jsx(Drawer, { open: showSearch, mask: false, closeIcon: false, styles: {
                             body: {
                                 padding: 0,
                             },

package/dist/components/conversation/SwipeActionButton.d.ts

@@ -0,0 +1,11 @@
+export declare const SWIPE_ACTION_WIDTH = 76;
+export interface SwipeActionButtonProps {
+    icon: string;
+    label: string;
+    onClick: () => void;
+    className?: string;
+    testId?: string;
+}
+declare const SwipeActionButton: ({ icon, label, onClick, className, testId, }: SwipeActionButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default SwipeActionButton;
+//# sourceMappingURL=SwipeActionButton.d.ts.map

package/dist/components/conversation/SwipeActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/SwipeActionButton.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,iBAAiB,GAAI,8CAMxB,sBAAsB,4CAgBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/conversation/SwipeActionButton.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Icon } from "../../components/icon";
+export const SWIPE_ACTION_WIDTH = 76;
+const SwipeActionButton = ({ icon, label, onClick, className, testId, }) => (_jsxs("button", { type: "button", onClick: onClick, "data-testid": testId, className: clsx("flex h-full shrink-0 flex-col items-center justify-center gap-1 p-2 text-white", className), style: { width: SWIPE_ACTION_WIDTH }, children: [_jsx(Icon, { icon: icon, size: 16 }), _jsx("span", { className: "text-center text-[10px] font-[510] leading-[1.6]", children: label })] }));
+export default SwipeActionButton;

package/dist/components/conversation/SwipeableRow.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+export interface SwipeableRowProps {
+    children: ReactNode;
+    actions: (close: () => void) => ReactNode;
+    actionsWidth: number;
+    disabled?: boolean;
+}
+declare const SwipeableRow: ({ children, actions, actionsWidth, disabled, }: SwipeableRowProps) => import("react/jsx-runtime").JSX.Element;
+export default SwipeableRow;
+//# sourceMappingURL=SwipeableRow.d.ts.map

package/dist/components/conversation/SwipeableRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeableRow.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/SwipeableRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAOnD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,GAAI,gDAKnB,iBAAiB,4CA4FnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/conversation/SwipeableRow.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useDrag } from "@use-gesture/react";
+import clsx from "clsx";
+const OPEN_THRESHOLD_RATIO = 0.5;
+const DIRECTION_LOCK_DISTANCE = 8;
+const SwipeableRow = ({ children, actions, actionsWidth, disabled = false, }) => {
+    const [offset, setOffset] = useState(0);
+    const [isDragging, setIsDragging] = useState(false);
+    const containerRef = useRef(null);
+    const shouldSuppressClickRef = useRef(false);
+    const close = () => setOffset(0);
+    useEffect(() => {
+        if (offset === 0)
+            return;
+        const handleOutsidePointerDown = (event) => {
+            const container = containerRef.current;
+            if (!container)
+                return;
+            if (container.contains(event.target))
+                return;
+            close();
+        };
+        document.addEventListener("pointerdown", handleOutsidePointerDown);
+        return () => document.removeEventListener("pointerdown", handleOutsidePointerDown);
+    }, [offset, close]);
+    const bind = useDrag(({ active, offset: [ox], last, tap }) => {
+        if (tap)
+            return;
+        setOffset(-ox);
+        if (active) {
+            setIsDragging(true);
+            shouldSuppressClickRef.current = true;
+            return;
+        }
+        setIsDragging(false);
+        if (last) {
+            setOffset((current) => current > actionsWidth * OPEN_THRESHOLD_RATIO ? actionsWidth : 0);
+        }
+    }, {
+        enabled: !disabled,
+        axis: "lock",
+        axisThreshold: { mouse: DIRECTION_LOCK_DISTANCE, touch: DIRECTION_LOCK_DISTANCE },
+        bounds: { left: -actionsWidth, right: 0 },
+        from: () => [-offset, 0],
+        filterTaps: true,
+    });
+    const isOpen = offset > 0;
+    const handleContentClickCapture = (event) => {
+        const wasDragging = shouldSuppressClickRef.current;
+        shouldSuppressClickRef.current = false;
+        if (!wasDragging && !isOpen)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        if (!wasDragging)
+            close();
+    };
+    return (_jsxs("div", Object.assign({ ref: containerRef }, bind(), { className: "relative w-full touch-pan-y overflow-hidden", children: [_jsx("div", { "aria-hidden": !isOpen, className: "absolute inset-y-0 right-0 flex", style: { width: actionsWidth }, children: actions(close) }), _jsx("div", { className: clsx("relative bg-white transition-transform duration-200 ease-out", isDragging && "select-none transition-none"), style: { transform: `translate3d(-${offset}px, 0, 0)` }, onClickCapture: handleContentClickCapture, children: children })] })));
+};
+export default SwipeableRow;

package/dist/components/conversation/ThreadCard.d.ts

@@ -8,7 +8,8 @@ export interface ThreadCardProps {
     isSelected?: boolean;
     onClick: () => void;
     testId?: string;
+    muteIndicator?: ReactNode;
 }
-declare const ThreadCard: ({ avatar, title, preview, time, unreadCount, isSelected, onClick, testId, }: ThreadCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const ThreadCard: ({ avatar, title, preview, time, unreadCount, isSelected, onClick, testId, muteIndicator, }: ThreadCardProps) => import("react/jsx-runtime").JSX.Element;
 export default ThreadCard;
 //# sourceMappingURL=ThreadCard.d.ts.map

package/dist/components/conversation/ThreadCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ThreadCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,UAAU,GAAI,6EASjB,eAAe,4CA4CjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/ThreadCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,UAAU,GAAI,4FAUjB,eAAe,4CA6CjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/conversation/ThreadCard.js

@@ -7,9 +7,9 @@ const UnreadBadge = ({ count }) => {
     const isWide = label.length > 1;
     return (_jsx("span", { className: clsx("inline-flex h-5 shrink-0 items-center justify-center rounded-[32px] border-2 border-white bg-gradient-danger-light px-[3px] text-center text-[12px] font-semibold leading-[160%] text-white", isWide ? "min-w-8" : "min-w-5"), children: label }));
 };
-const ThreadCard = ({ avatar, title, preview, time, unreadCount = 0, isSelected = false, onClick, testId, }) => {
+const ThreadCard = ({ avatar, title, preview, time, unreadCount = 0, isSelected = false, onClick, testId, muteIndicator, }) => {
     const hasUnread = unreadCount > 0;
-    return (_jsxs("button", { type: "button", onClick: onClick, "data-testid": testId, className: clsx("relative flex w-full shrink-0 items-start gap-2 border-b border-gray-25 p-3 text-left transition-colors hover:bg-[#f5f5f5] focus:outline-none focus-visible:ring-2 focus-visible:ring-chat-ring", isSelected ? "bg-blue-50" : "bg-white"), children: [isSelected && (_jsx("span", { className: "absolute bottom-0 left-0 top-0 w-1 bg-blue-500" })), avatar, _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsxs("div", { className: "flex min-h-[25.6px] items-center justify-between gap-1", children: [_jsx("div", { className: "min-w-0 flex-1", children: title }), time && (_jsx("span", { className: "shrink-0 text-[12px] font-normal leading-[160%] text-gray-400 [font-feature-settings:'liga'_off,'clig'_off]", children: time }))] }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("p", { className: clsx("min-w-0 flex-1 truncate text-[14px] leading-[160%] [font-feature-settings:'liga'_off,'clig'_off]", hasUnread
+    return (_jsxs("button", { type: "button", onClick: onClick, "data-testid": testId, className: clsx("relative flex w-full shrink-0 items-start gap-2 border-b border-gray-25 p-3 text-left transition-colors hover:bg-[#f5f5f5] focus:outline-none focus-visible:ring-2 focus-visible:ring-chat-ring", isSelected ? "bg-blue-50" : "bg-white"), children: [isSelected && (_jsx("span", { className: "absolute bottom-0 left-0 top-0 w-1 bg-blue-500" })), avatar, _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsxs("div", { className: "flex min-h-[25.6px] items-center justify-between gap-1", children: [_jsx("div", { className: "min-w-0 flex-1", children: title }), muteIndicator, time && (_jsx("span", { className: "shrink-0 text-[12px] font-normal leading-[160%] text-gray-400 [font-feature-settings:'liga'_off,'clig'_off]", children: time }))] }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("p", { className: clsx("min-w-0 flex-1 truncate text-[14px] leading-[160%] [font-feature-settings:'liga'_off,'clig'_off]", hasUnread
                                     ? "font-[510] text-black"
                                     : "font-normal tracking-[0.14px] text-gray-600"), children: preview }), hasUnread && _jsx(UnreadBadge, { count: unreadCount })] })] })] }));
 };

package/dist/components/conversation-detail/ConversationMessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationMessageList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkBzE,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,uBAAuB,GAAI,gBAAgB,4BAA4B,4CAuL5E,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ConversationMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationMessageList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBzE,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,uBAAuB,GAAI,gBAAgB,4BAA4B,4CAyL5E,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/conversation-detail/ConversationMessageList.js

@@ -10,6 +10,7 @@ import { useMessage } from "../../hooks/message/useMessage";
 import { useMessageListScroll } from "../../hooks/message/useMessageListScroll";
 import { usePinMessage } from "../../hooks/message/usePinMessage";
 import { useRevokeMessage } from "../../hooks/message/useRevokeMessage";
+import { useGroupPermission } from "../../hooks/group/useGroupPermission";
 import useConversationStore from "../../store/conversation";
 import useAuthStore from "../../store/auth";
 import { isGroupChat as resolveIsGroupChat } from "../../utils/conversation";
@@ -28,6 +29,8 @@ const ConversationMessageList = ({ bottomSlot }) => {
     const setSearchClientMsgID = useConversationStore((state) => state.setSearchClientMsgID);
     const conversationId = selectedConversationId || (conversation === null || conversation === void 0 ? void 0 : conversation.conversationID) || "";
     const isGroupChat = conversation ? resolveIsGroupChat(conversation) : false;
+    const permissions = useGroupPermission(conversation === null || conversation === void 0 ? void 0 : conversation.groupID);
+    const canPinMessage = !isGroupChat || permissions.pinMessage;
     const messageController = useMessage(conversationId, searchClientMsgID, true, true);
     const { scrollRef, loadMoreOldMessage, handleInfiniteScroll, scrollToBottomIfAtBottom, scrollToMessage, } = useMessageListScroll(Object.assign({ conversationId, userId: (user === null || user === void 0 ? void 0 : user.userID) || authUserID }, messageController));
     const { loadState, moreOldLoading } = messageController;
@@ -92,6 +95,6 @@ const ConversationMessageList = ({ bottomSlot }) => {
         target: scrollRef,
         enable: !!openToolboxMessageId,
     });
-    return (_jsxs("div", { "data-testid": "conversation-message-list", className: "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden bg-white", children: [isMessageLoading ? (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) })) : (_jsxs(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableConversationMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, containerClassName: "h-full", empty: _jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Empty, { description: t("empty.no_messages") }) }), children: [bottomSlot, loadState.messageList.map((message, index, array) => (_jsx(MessageItem, { message: message, allMessages: array, isGroupChat: isGroupChat, forceHideTip: index === 0 && !!bottomSlot, contextMenuOpen: openToolboxMessageId === message.clientMsgID, onContextMenuOpenChange: (open) => setOpenToolboxMessageId(open ? message.clientMsgID : null), onQuoteMessage: setQuotedMessage, onRevokeMessage: handleRevokeMessage, onPressQuoteMessage: onPressQuoteMessage, onPinMessage: handlePinMessage, onUnpinMessage: handleUnpinMessage, enableLongPress: true }, message.clientMsgID)))] })), _jsx(PinLimitModal, { open: pinLimitModalOpen, max: pinnedTotalCount, onClose: () => setPinLimitModalOpen(false) })] }));
+    return (_jsxs("div", { "data-testid": "conversation-message-list", className: "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden bg-white", children: [isMessageLoading ? (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) })) : (_jsxs(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableConversationMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, containerClassName: "h-full", empty: _jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Empty, { description: t("empty.no_messages") }) }), children: [bottomSlot, loadState.messageList.map((message, index, array) => (_jsx(MessageItem, { message: message, allMessages: array, isGroupChat: isGroupChat, forceHideTip: index === 0 && !!bottomSlot, contextMenuOpen: openToolboxMessageId === message.clientMsgID, onContextMenuOpenChange: (open) => setOpenToolboxMessageId(open ? message.clientMsgID : null), onQuoteMessage: setQuotedMessage, onRevokeMessage: handleRevokeMessage, onPressQuoteMessage: onPressQuoteMessage, onPinMessage: canPinMessage ? handlePinMessage : undefined, onUnpinMessage: canPinMessage ? handleUnpinMessage : undefined, enableLongPress: true }, message.clientMsgID)))] })), _jsx(PinLimitModal, { open: pinLimitModalOpen, max: pinnedTotalCount, onClose: () => setPinLimitModalOpen(false) })] }));
 };
 export default ConversationMessageList;

package/dist/components/conversation-inbox/ConversationInboxItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationInboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/ConversationInboxItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAYjE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC/C;AAQD,QAAA,MAAM,qBAAqB,GAAI,mBAAmB,0BAA0B,4CA2C3E,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ConversationInboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/ConversationInboxItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAkBjE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC/C;AAQD,QAAA,MAAM,qBAAqB,GAAI,mBAAmB,0BAA0B,4CA4E3E,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/conversation-inbox/ConversationInboxItem.js

@@ -6,9 +6,15 @@ import useAuthStore from "../../store/auth";
 import { formatTimestamp, parseLatestMessage } from "../../utils/common";
 import { resolvePeerBadgeLabel, resolveConversationDisplayName, } from "../../utils/conversation";
 import { useConversationAvatarUrl } from "../../hooks/conversation/useConversationAvatarUrl";
+import { useIsJoinedGroup } from "../../hooks/session/useIsJoinedGroup";
+import { isConversationMuted } from "../../hooks/session/useMuteConversation";
 import ThreadCard from "../../components/conversation/ThreadCard";
+import SwipeableRow from "../../components/conversation/SwipeableRow";
+import { SWIPE_ACTION_WIDTH } from "../../components/conversation/SwipeActionButton";
+import { Icon } from "../../components/icon";
 import ConversationPeerAvatar from "./ConversationPeerAvatar";
 import ConversationInboxTitle from "./ConversationInboxTitle";
+import ConversationMuteSwipeAction from "./ConversationMuteSwipeAction";
 const formatLatestMessageTime = (sendTime) => {
     if (!sendTime)
         return "";
@@ -26,6 +32,13 @@ const ConversationInboxItem = ({ item, onClick }) => {
     const latestMessagePreview = parseLatestMessage(item.latestMsg, currentUserId, tCommon, { peerType: item.peerType, showName: item.showName });
     const latestMessageTime = formatLatestMessageTime(item.latestMsgSendTime || null);
     const unreadCount = (_a = item.unreadCount) !== null && _a !== void 0 ? _a : 0;
-    return (_jsx(ThreadCard, { testId: "conversation-inbox-thread-card", onClick: () => onClick(item), unreadCount: unreadCount, time: latestMessageTime, preview: latestMessagePreview, avatar: _jsx(ConversationPeerAvatar, { peerType: item.peerType, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), title: _jsx(ConversationInboxTitle, { peerType: item.peerType, displayName: displayName, hasUnread: unreadCount > 0 }) }));
+    const isMuted = isConversationMuted(item.recvMsgOpt);
+    const { isJoined } = useIsJoinedGroup(item.groupID);
+    const hasLostGroupAccess = Boolean(item.groupID) && isJoined !== true;
+    const threadCard = (_jsx(ThreadCard, { testId: "conversation-inbox-thread-card", onClick: () => onClick(item), unreadCount: unreadCount, time: latestMessageTime, preview: latestMessagePreview, muteIndicator: isMuted ? (_jsx(Icon, { icon: "bell-off-b", size: 16, "aria-label": t("thread_card.mute.muted_icon_label"), className: "shrink-0 text-gray-400" })) : null, avatar: _jsx(ConversationPeerAvatar, { peerType: item.peerType, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), title: _jsx(ConversationInboxTitle, { peerType: item.peerType, displayName: displayName, hasUnread: unreadCount > 0 }) }));
+    if (hasLostGroupAccess) {
+        return threadCard;
+    }
+    return (_jsx(SwipeableRow, { actionsWidth: SWIPE_ACTION_WIDTH, actions: (closeSwipe) => (_jsx(ConversationMuteSwipeAction, { conversationID: item.conversationID, isMuted: isMuted, onClose: closeSwipe })), children: threadCard }));
 };
 export default ConversationInboxItem;

package/dist/components/conversation-inbox/ConversationMuteSwipeAction.d.ts

@@ -0,0 +1,8 @@
+export interface ConversationMuteSwipeActionProps {
+    conversationID: string;
+    isMuted: boolean;
+    onClose: () => void;
+}
+declare const ConversationMuteSwipeAction: ({ conversationID, isMuted, onClose, }: ConversationMuteSwipeActionProps) => import("react/jsx-runtime").JSX.Element;
+export default ConversationMuteSwipeAction;
+//# sourceMappingURL=ConversationMuteSwipeAction.d.ts.map

package/dist/components/conversation-inbox/ConversationMuteSwipeAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationMuteSwipeAction.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/ConversationMuteSwipeAction.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,gCAAgC;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,2BAA2B,GAAI,uCAIlC,gCAAgC,4CAwDlC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/components/conversation-inbox/ConversationMuteSwipeAction.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import SwipeActionButton from "../../components/conversation/SwipeActionButton";
+import { useMuteConversation } from "../../hooks/session/useMuteConversation";
+import MuteConversationConfirmModal from "./MuteConversationConfirmModal";
+const ConversationMuteSwipeAction = ({ conversationID, isMuted, onClose, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const { muteConversation, unmuteConversation, isPending } = useMuteConversation();
+    const [isConfirmOpen, setIsConfirmOpen] = useState(false);
+    const stopPropagation = (event) => {
+        event.stopPropagation();
+    };
+    const handleClick = () => {
+        onClose();
+        if (isMuted) {
+            unmuteConversation(conversationID);
+            return;
+        }
+        setIsConfirmOpen(true);
+    };
+    const handleConfirmMute = () => {
+        setIsConfirmOpen(false);
+        muteConversation(conversationID);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(SwipeActionButton, { testId: "conversation-inbox-mute-action", icon: isMuted ? "bell-b" : "bell-off-b", label: t(isMuted
+                    ? "thread_card.mute.unmute_action"
+                    : "thread_card.mute.mute_action"), onClick: handleClick, className: "bg-gray-400" }), _jsx("span", { role: "presentation", onPointerDown: stopPropagation, onPointerMove: stopPropagation, onPointerUp: stopPropagation, onClick: stopPropagation, children: _jsx(MuteConversationConfirmModal, { open: isConfirmOpen, loading: isPending, onCancel: () => setIsConfirmOpen(false), onConfirm: handleConfirmMute }) })] }));
+};
+export default ConversationMuteSwipeAction;

package/dist/components/conversation-inbox/MuteConversationConfirmModal.d.ts

@@ -0,0 +1,9 @@
+export interface MuteConversationConfirmModalProps {
+    open: boolean;
+    loading: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+}
+declare const MuteConversationConfirmModal: ({ open, loading, onCancel, onConfirm, }: MuteConversationConfirmModalProps) => import("react/jsx-runtime").JSX.Element;
+export default MuteConversationConfirmModal;
+//# sourceMappingURL=MuteConversationConfirmModal.d.ts.map

package/dist/components/conversation-inbox/MuteConversationConfirmModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuteConversationConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/MuteConversationConfirmModal.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iCAAiC;IAChD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,4BAA4B,GAAI,yCAKnC,iCAAiC,4CAmEnC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/components/conversation-inbox/MuteConversationConfirmModal.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, Button } from "antd";
+import { Trans, useTranslation } from "react-i18next";
+import { images } from "../../constants/images";
+const MuteConversationConfirmModal = ({ open, loading, onCancel, onConfirm, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    return (_jsx(Modal, { open: open, onCancel: onCancel, footer: null, closable: false, centered: true, width: 400, maskClosable: !loading, keyboard: !loading, styles: {
+            content: { padding: 0, overflow: "hidden" },
+            body: { padding: 0 },
+        }, children: _jsxs("div", { role: "alertdialog", "aria-label": t("thread_card.mute.confirm_title"), className: "flex flex-col", children: [_jsx("div", { className: "border-b border-gray-25 p-4", children: _jsx("p", { className: "text-center text-[18px] font-bold leading-[1.6] text-gray-900", children: t("thread_card.mute.confirm_title") }) }), _jsx("div", { className: "flex items-center justify-center p-4", children: _jsx("img", { src: images.muteNotificationWarning, alt: "", "aria-hidden": "true", className: "h-[144px] w-[120px]" }) }), _jsx("p", { className: "px-4 pb-4 text-[16px] leading-[1.6] text-gray-900", children: _jsx(Trans, { t: t, i18nKey: "thread_card.mute.confirm_desc", components: { bold: _jsx("strong", { className: "font-bold" }) } }) }), _jsx("div", { className: "border-t border-gray-25" }), _jsxs("div", { className: "flex gap-2 p-4", children: [_jsx(Button, { className: "h-12 flex-1 !rounded-lg !border-gray-25 !bg-gray-25 !text-[16px] !font-medium !text-gray-900", onClick: onCancel, disabled: loading, children: t("thread_card.mute.confirm_secondary") }), _jsx(Button, { type: "primary", className: "h-12 flex-1 !rounded-lg !border-primary-400 !bg-primary-400 !text-[16px] !font-medium !text-white hover:!border-primary-300 hover:!bg-primary-300", onClick: onConfirm, loading: loading, children: t("thread_card.mute.confirm_primary") })] })] }) }));
+};
+export default MuteConversationConfirmModal;

package/dist/components/conversation-inbox/index.d.ts

@@ -7,4 +7,8 @@ export { default as ConversationInboxItem } from "./ConversationInboxItem";
 export type { ConversationInboxItemProps } from "./ConversationInboxItem";
 export { default as ConversationInboxList } from "./ConversationInboxList";
 export type { ConversationInboxListProps } from "./ConversationInboxList";
+export { default as ConversationMuteSwipeAction } from "./ConversationMuteSwipeAction";
+export type { ConversationMuteSwipeActionProps } from "./ConversationMuteSwipeAction";
+export { default as MuteConversationConfirmModal } from "./MuteConversationConfirmModal";
+export type { MuteConversationConfirmModalProps } from "./MuteConversationConfirmModal";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/conversation-inbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AACvF,YAAY,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AAEtF,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,YAAY,EAAE,iCAAiC,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/components/conversation-inbox/index.js

@@ -3,3 +3,5 @@ export { default as ConversationPeerAvatar } from "./ConversationPeerAvatar";
 export { default as ConversationInboxTitle } from "./ConversationInboxTitle";
 export { default as ConversationInboxItem } from "./ConversationInboxItem";
 export { default as ConversationInboxList } from "./ConversationInboxList";
+export { default as ConversationMuteSwipeAction } from "./ConversationMuteSwipeAction";
+export { default as MuteConversationConfirmModal } from "./MuteConversationConfirmModal";

package/dist/components/group/AddMemberModal.d.ts

@@ -1,9 +1,8 @@
 interface AddMemberModalProps {
     open: boolean;
     groupID: string;
-    existingMemberIDs: string[];
     onClose: () => void;
 }
-declare const AddMemberModal: ({ open, groupID, existingMemberIDs, onClose, }: AddMemberModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const AddMemberModal: ({ open, groupID, onClose, }: AddMemberModalProps) => import("react/jsx-runtime").JSX.Element;
 export default AddMemberModal;
 //# sourceMappingURL=AddMemberModal.d.ts.map

package/dist/components/group/AddMemberModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddMemberModal.d.ts","sourceRoot":"","sources":["../../../src/components/group/AddMemberModal.tsx"],"names":[],"mappings":"AAYA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,GAAI,gDAKrB,mBAAmB,4CA2LrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"AddMemberModal.d.ts","sourceRoot":"","sources":["../../../src/components/group/AddMemberModal.tsx"],"names":[],"mappings":"AAYA,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,GAAI,6BAIrB,mBAAmB,4CA2LrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/group/AddMemberModal.js

@@ -8,13 +8,13 @@ import { useTranslation } from "react-i18next";
 import { Icon } from "../../components/icon";
 import { useEligibleAccountsForGroup } from "../../hooks/group/useEligibleAccountsForGroup";
 import { useAddGroupMember } from "../../hooks/group/useAddGroupMember";
-const AddMemberModal = ({ open, groupID, existingMemberIDs, onClose, }) => {
+const AddMemberModal = ({ open, groupID, onClose, }) => {
     const { t } = useTranslation("conversation-inbox");
     const { t: tCommon } = useTranslation();
     const [search, setSearch] = useState("");
     const [selectedMembers, setSelectedMembers] = useState([]);
     const debouncedSearch = useDebounce(search, { wait: 300 });
-    const { accounts, isLoading, fetchNextPage, hasNextPage, isFetchingNextPage } = useEligibleAccountsForGroup(debouncedSearch, existingMemberIDs, open);
+    const { accounts, isLoading, fetchNextPage, hasNextPage, isFetchingNextPage } = useEligibleAccountsForGroup(debouncedSearch, groupID, open);
     const { mutateAsync: addGroupMember, isPending: isSubmitting } = useAddGroupMember();
     const selectedIds = new Set(selectedMembers.map((member) => member.userID));
     const toggleMember = (account) => {

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

@@ -1 +1 @@
-{"version":3,"file":"GroupMembersDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/message/GroupMembersDrawer.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAe/C,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA4CD,QAAA,MAAM,kBAAkB,GAAI,wDAKzB,uBAAuB,4CAuezB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"GroupMembersDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/message/GroupMembersDrawer.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAgB/C,UAAU,uBAAuB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0CD,QAAA,MAAM,kBAAkB,GAAI,wDAKzB,uBAAuB,4CA6ezB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}