@droppii-org/chat-sdk 0.3.8 → 0.4.1

package/dist/hooks/group/useGroupPermission.js

@@ -56,8 +56,8 @@ export const permissionListToGroupPermissions = (permissionList, roleLevel) => {
         permissionList.includes(permissionString),
     ]));
 };
-export const useGroupPermission = (_groupID) => {
-    const currentMemberInGroup = useConversationStore((state) => state.currentMemberInGroup);
+export const useGroupPermission = (groupID) => {
+    const currentMemberInGroup = useConversationStore((state) => groupID ? state.currentMemberInGroup.get(groupID) : undefined);
     return useMemo(() => {
         var _a;
         const roleLevel = (_a = currentMemberInGroup === null || currentMemberInGroup === void 0 ? void 0 : currentMemberInGroup.roleLevel) !== null && _a !== void 0 ? _a : GroupMemberRole.Normal;

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

@@ -0,0 +1,24 @@
+interface UseLeaveGroupActionParams {
+    groupID?: string;
+    conversationID?: string;
+    isGroupThread: boolean;
+    onLeft?: () => void;
+}
+/**
+ * Owns the "Rời nhóm" flow: who may leave, which modal opens, and the
+ * quitGroup call itself. Kept out of the panel so the panel stays
+ * presentational as more group-info rows land from sibling tickets.
+ */
+export declare const useLeaveGroupAction: ({ groupID, conversationID, isGroupThread, onLeft, }: UseLeaveGroupActionParams) => {
+    canLeaveGroup: boolean;
+    isPublicGroup: boolean;
+    isLeaving: boolean;
+    isConfirmOpen: boolean;
+    isBlockedOpen: boolean;
+    openLeaveGroup: () => void;
+    confirmLeaveGroup: () => Promise<void>;
+    closeConfirm: () => void;
+    closeBlocked: () => void;
+};
+export {};
+//# sourceMappingURL=useLeaveGroupAction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLeaveGroupAction.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useLeaveGroupAction.ts"],"names":[],"mappings":"AAUA,UAAU,yBAAyB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,qDAKjC,yBAAyB;;;;;;;;;;CA+E3B,CAAC"}

package/dist/hooks/group/useLeaveGroupAction.js

@@ -0,0 +1,79 @@
+"use client";
+import { useState } from "react";
+import { message } from "antd";
+import { useTranslation } from "react-i18next";
+import { GroupMemberRole, GroupVisibility } from "@droppii-org/wasm-client-sdk";
+import useConversationStore from "../../store/conversation";
+import useAuthStore from "../../store/auth";
+import { useQuitGroup } from "./useQuitGroup";
+/**
+ * Owns the "Rời nhóm" flow: who may leave, which modal opens, and the
+ * quitGroup call itself. Kept out of the panel so the panel stays
+ * presentational as more group-info rows land from sibling tickets.
+ */
+export const useLeaveGroupAction = ({ groupID, conversationID, isGroupThread, onLeft, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const currentGroupInfo = useConversationStore((state) => groupID ? state.currentGroupInfo.get(groupID) : undefined);
+    const currentMemberInGroup = useConversationStore((state) => groupID ? state.currentMemberInGroup.get(groupID) : undefined);
+    const isViewOnlyMember = useConversationStore((state) => state.isViewOnlyMember);
+    // useAuthStore.userID is the canonical self ID here (ChatContext populates
+    // it on init). useUserStore.selfInfo is never filled in this host, so its
+    // `id` is undefined — which is also why roleLevel below stays undefined.
+    const selfUserID = useAuthStore((state) => state.userID);
+    const { mutateAsync: quitGroup, isPending: isLeaving } = useQuitGroup();
+    const [isConfirmOpen, setIsConfirmOpen] = useState(false);
+    const [isBlockedOpen, setIsBlockedOpen] = useState(false);
+    // Only a current member of a group thread can leave it. A view-only member
+    // of a public group already left / was removed, so the row stays hidden.
+    // currentGroupInfo is required too: without it we can classify neither the
+    // owner (who must be blocked) nor the visibility (which picks the copy), and
+    // guessing either way is worse than waiting for the fetch.
+    const canLeaveGroup = isGroupThread &&
+        !!groupID &&
+        !!currentMemberInGroup &&
+        !!currentGroupInfo &&
+        !isViewOnlyMember;
+    // ownerUserID is the reliable source. roleLevel is not: it comes only from
+    // getCurrentMemberInGroupByReq, which queries by useUserStore.selfInfo.id —
+    // undefined in this host — so the member entry is written by
+    // getSelfGroupPermissionByReq instead and carries no roleLevel at all.
+    // Kept as a fallback for hosts that do populate selfInfo.
+    const isGroupOwner = (currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.ownerUserID) && selfUserID
+        ? currentGroupInfo.ownerUserID === selfUserID
+        : (currentMemberInGroup === null || currentMemberInGroup === void 0 ? void 0 : currentMemberInGroup.roleLevel) === GroupMemberRole.Owner;
+    const isPublicGroup = (currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.visibility) === GroupVisibility.Public;
+    // The owner must transfer ownership first (BR-002) — they get the blocking
+    // modal instead of the confirmation one, and nothing changes.
+    const openLeaveGroup = () => {
+        if (isGroupOwner) {
+            setIsBlockedOpen(true);
+            return;
+        }
+        setIsConfirmOpen(true);
+    };
+    const confirmLeaveGroup = async () => {
+        if (!groupID) {
+            return;
+        }
+        try {
+            await quitGroup({ groupID, conversationID, isPublicGroup });
+            setIsConfirmOpen(false);
+            onLeft === null || onLeft === void 0 ? void 0 : onLeft();
+            message.success(t("thread_detail.leave_group.success"));
+        }
+        catch (_error) {
+            message.error(t("thread_detail.leave_group.failed"));
+        }
+    };
+    return {
+        canLeaveGroup,
+        isPublicGroup,
+        isLeaving,
+        isConfirmOpen,
+        isBlockedOpen,
+        openLeaveGroup,
+        confirmLeaveGroup,
+        closeConfirm: () => setIsConfirmOpen(false),
+        closeBlocked: () => setIsBlockedOpen(false),
+    };
+};

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

@@ -0,0 +1,6 @@
+export declare const useQuitGroup: () => import("@tanstack/react-query").UseMutationResult<unknown, Error, {
+    groupID: string;
+    conversationID?: string;
+    isPublicGroup?: boolean;
+}, unknown>;
+//# sourceMappingURL=useQuitGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useQuitGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useQuitGroup.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY;aASV,MAAM;qBACE,MAAM;oBACP,OAAO;WA6D5B,CAAC"}

package/dist/hooks/group/useQuitGroup.js

@@ -0,0 +1,62 @@
+"use client";
+import { useMutation } from "@tanstack/react-query";
+import { DChatSDK } from "../../constants/sdk";
+import useConversationStore from "../../store/conversation";
+import emitter from "../../utils/events";
+import { useChatContext } from "../../context/ChatContext";
+export const useQuitGroup = () => {
+    const { onNavigate } = useChatContext();
+    return useMutation({
+        mutationFn: async ({ groupID, conversationID, isPublicGroup, }) => {
+            // Set before the request — OnJoinedGroupDeleted also fires on our own
+            // client, with no ordering guarantee vs. this promise resolving. Without
+            // the flag leftGroupHandler would show the "removed from group" modal.
+            useConversationStore.getState().setSelfLeftGroupID(groupID);
+            const { data } = await DChatSDK.quitGroup(groupID);
+            // A public group stays in My Inbox after leaving — the user keeps
+            // view-only access to it, same as leftGroupHandler's staysViewOnly path.
+            //
+            // A private one must disappear, and that needs an explicit local
+            // cleanup: the server drops the membership but the wasm SDK keeps the
+            // row in its local DB, and My Inbox reads from there
+            // (getConversationListSplit), so the group returns on the next reload.
+            // hideConversation is the only SDK call that drops the row from that
+            // list — deleteConversationAndDeleteAllMsg just wipes the messages and
+            // leaves the conversation behind. Best-effort: the leave already
+            // succeeded server-side, and OnJoinedGroupDeleted may have cleaned up
+            // first, which makes this reject with RecordNotFound.
+            if (conversationID && !isPublicGroup) {
+                try {
+                    await DChatSDK.hideConversation(conversationID);
+                }
+                catch (error) {
+                    console.error("Failed to hide the local conversation after leaving the group:", error);
+                }
+            }
+            emitter.emit("GROUP_MEMBERS_CHANGED");
+            return data;
+        },
+        onSuccess: (_data, variables) => {
+            useConversationStore.getState().clearSelectedConversation();
+            // Same rule as above: only a private group leaves the inbox.
+            if (!variables.isPublicGroup) {
+                useConversationStore.setState((state) => ({
+                    conversationList: state.conversationList.filter((conversation) => conversation.groupID !== variables.groupID),
+                }));
+            }
+            // Clearing the store alone won't navigate away — URL threadId must
+            // also clear, or DeskConversationList re-selects it (see PR #226).
+            const newSearchParams = new URLSearchParams(window.location.search);
+            newSearchParams.delete("threadId");
+            newSearchParams.delete("userId");
+            newSearchParams.delete("groupId");
+            newSearchParams.delete("botId");
+            const query = newSearchParams.toString();
+            const pathname = window.location.pathname;
+            onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(query ? `${pathname}?${query}` : pathname);
+        },
+        onError: () => {
+            useConversationStore.getState().setSelfLeftGroupID(null);
+        },
+    });
+};

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

@@ -1,6 +1,9 @@
 import { MessageItem, MessageType } from "@droppii-org/wasm-client-sdk";
 export declare const visibleTypeMessage: MessageType[];
-export declare const isMessageHiddenForViewer: (message: MessageItem, isCrm: boolean) => boolean;
+export declare const isMessageHiddenForViewer: (message: MessageItem, isCrm: boolean, conversation?: {
+    peerType?: string;
+    conversationType?: number;
+}) => boolean;
 export declare const useMessage: (conversationId?: string, searchClientMsgID?: string, enabled?: boolean, useAppHistory?: boolean) => {
     loadState: {
         initLoading: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,8BAA8B,CAAC;AAYtC,eAAO,MAAM,kBAAkB,eAkB9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,SAAS,WAAW,EACpB,OAAO,OAAO,KACb,OAWF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB;;;;;qBAeA,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CAsSnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAClC,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,SACf,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAkBhB,CAAC"}
+{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,8BAA8B,CAAC;AAatC,eAAO,MAAM,kBAAkB,eAkB9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,SAAS,WAAW,EACpB,OAAO,OAAO,EACd,eAAe;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,KAC9D,OAqBF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB;;;;;qBAeA,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CAsSnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAClC,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,SACf,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAkBhB,CAAC"}

package/dist/hooks/message/useMessage.js

@@ -8,8 +8,9 @@ import isEmpty from "lodash/isEmpty";
 import { useChatContext } from "../../context/ChatContext";
 import useAuthStore from "../../store/auth";
 import { ConnectStatus, SyncStatus } from "../../types/chat";
-import { GROUP_NOTIFICATION_MESSAGE_TYPES, isSystemLogMessageType } from "../../utils/messageLog";
+import { GROUP_NOTIFICATION_MESSAGE_TYPES, isGroupNotificationMessageType, isSystemLogMessageType } from "../../utils/messageLog";
 import { isRenderableCustomMessage } from "../../utils/customMessage";
+import { isGroupConversation } from "../../utils/imCommon";
 export const visibleTypeMessage = [
     MessageType.TextMessage,
     MessageType.PictureMessage,
@@ -29,9 +30,15 @@ export const visibleTypeMessage = [
     MessageType.LogTextMessage,
     ...GROUP_NOTIFICATION_MESSAGE_TYPES,
 ];
-export const isMessageHiddenForViewer = (message, isCrm) => {
+export const isMessageHiddenForViewer = (message, isCrm, conversation) => {
     if (!visibleTypeMessage.includes(message === null || message === void 0 ? void 0 : message.contentType))
         return true;
+    // Group notification messages stay hidden in a CX support session even
+    // for CRM — the isCrm early-return below only applies past this check.
+    if (isGroupNotificationMessageType(message === null || message === void 0 ? void 0 : message.contentType) &&
+        !isGroupConversation(conversation)) {
+        return true;
+    }
     if (isCrm)
         return false;
     const isCustomMessage = MessageType.CustomMessage === (message === null || message === void 0 ? void 0 : message.contentType);

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

@@ -1,6 +1,6 @@
-import { CustomMsgParams, MergerMsgParams, MessageItem } from "@droppii-org/wasm-client-sdk";
+import { AtMsgParams, CustomMsgParams, MergerMsgParams, MessageItem } from "@droppii-org/wasm-client-sdk";
 import { type CustomMessagePayload } from "../../types/customMessage";
-import { BotFlowMeta, ExtendMessageInfo, FileMsgParamsByFile, ImageMsgParamsByFile, UrlMetadataInfo, VideoMsgParamsByFile } from "../../types/chat";
+import { BotFlowMeta, ExtendMessageInfo, FileMsgParamsByFile, ImageMsgParamsByFile, MentionOffset, MentionSendPayload, UrlMetadataInfo, VideoMsgParamsByFile } from "../../types/chat";
 import { UploadFile } from "antd";
 import { ISessionResponse } from "../../types/dto";
 export declare const isMediaResendable: (message: {
@@ -12,6 +12,8 @@ export declare const createImageMessageByFile: (file: ImageMsgParamsByFile) => P
 export declare const createMergerMessage: (mergerMsgParams: MergerMsgParams) => Promise<MessageItem | null>;
 export declare const createVideoMessageByFile: (file: VideoMsgParamsByFile) => Promise<MessageItem | null>;
 export declare const createFileMessageByFile: (file: FileMsgParamsByFile) => Promise<MessageItem | null>;
+export declare const AT_ALL_TAG = "AtAllTag";
+export declare const createAtTextMessage: (params: AtMsgParams) => Promise<MessageItem | null>;
 export declare const createUrlTextMessage: (text: string, urls: string[]) => Promise<MessageItem | null>;
 export declare const createCustomMessageByParams: (params: CustomMsgParams) => Promise<MessageItem | null>;
 export declare const createCustomMessage: (payload: CustomMessagePayload) => Promise<MessageItem | null>;
@@ -21,7 +23,7 @@ export interface UseSendMessageOptions {
     scrollEvent?: SendMessageScrollEvent;
 }
 export declare const useSendMessage: (options?: UseSendMessageOptions) => {
-    sendMergeMessage: ({ richText, plainText, files, currentSession, isInternal, urlMetadata, flow, customMessage, }: {
+    sendMergeMessage: ({ richText, plainText, files, currentSession, isInternal, urlMetadata, flow, customMessage, mentions, }: {
         richText: string;
         plainText: string;
         files?: UploadFile[];
@@ -30,16 +32,18 @@ export declare const useSendMessage: (options?: UseSendMessageOptions) => {
         urlMetadata?: UrlMetadataInfo;
         flow?: BotFlowMeta;
         customMessage?: CustomMessagePayload;
+        mentions?: MentionSendPayload;
     }) => Promise<boolean>;
     sendCustomMessage: (payload: CustomMessagePayload, sendOptions?: {
         currentSession?: ISessionResponse;
     }) => Promise<boolean>;
     resendMessage: (failedMessage: MessageItem) => Promise<void>;
 };
-export declare const generateExtendMessageInfo: ({ richText, urlMetadata, currentSession, flow, }: {
+export declare const generateExtendMessageInfo: ({ richText, urlMetadata, currentSession, flow, mentionOffsets, }: {
     richText?: string;
     urlMetadata?: UrlMetadataInfo;
     currentSession?: ISessionResponse;
     flow?: BotFlowMeta;
+    mentionOffsets?: MentionOffset[];
 }) => ExtendMessageInfo;
 //# sourceMappingURL=useSendMessage.d.ts.map

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,eAAe,EACf,WAAW,EAIZ,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACrB,MAAM,cAAc,CAAC;AAWtB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQlC,OAAO,EAAgB,gBAAgB,EAAyB,MAAM,aAAa,CAAC;AAmBpF,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,2BAA2B,GACtC,QAAQ,eAAe,gCAcxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,SAAS,oBAAoB,gCAOtE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,eAAe,WAAW,gCAc3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAC9B,4BAA4B,GAC5B,iDAAiD,CAAC;AAEtD,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,qBAAqB;sHAsSvD;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;QACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC;QAClC,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,eAAe,CAAC;QAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;QACnB,aAAa,CAAC,EAAE,oBAAoB,CAAC;KACtC,KAAG,OAAO,CAAC,OAAO,CAAC;iCA3CT,oBAAoB,gBACf;QAAE,cAAc,CAAC,EAAE,gBAAgB,CAAA;KAAE,KAClD,OAAO,CAAC,OAAO,CAAC;mCAnHG,WAAW;CAyVpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,kDAKvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,sBA8BA,CAAC"}
+{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,eAAe,EACf,eAAe,EACf,WAAW,EAIZ,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACrB,MAAM,cAAc,CAAC;AAWtB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQlC,OAAO,EAAgB,gBAAgB,EAAyB,MAAM,aAAa,CAAC;AAmBpF,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;AAGF,eAAO,MAAM,UAAU,aAAa,CAAC;AAErC,eAAO,MAAM,mBAAmB,GAAU,QAAQ,WAAW,gCAa5D,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,gCActE,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,QAAQ,eAAe,gCAcxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,SAAS,oBAAoB,gCAOtE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,eAAe,WAAW,gCAc3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAC9B,4BAA4B,GAC5B,iDAAiD,CAAC;AAEtD,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,qBAAqB;gIAuSvD;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;QACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC;QAClC,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,eAAe,CAAC;QAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;QACnB,aAAa,CAAC,EAAE,oBAAoB,CAAC;QACrC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;KAC/B,KAAG,OAAO,CAAC,OAAO,CAAC;iCA7CT,oBAAoB,gBACf;QAAE,cAAc,CAAC,EAAE,gBAAgB,CAAA;KAAE,KAClD,OAAO,CAAC,OAAO,CAAC;mCAnHG,WAAW;CA+WpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,kEAMvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;CAClC,sBAkCA,CAAC"}

package/dist/hooks/message/useSendMessage.js

@@ -26,7 +26,7 @@ const MEDIA_CONTENT_TYPES = new Set([
 export const isMediaResendable = (message) => !MEDIA_CONTENT_TYPES.has(message.contentType) ||
     messageFileStore.has(message.clientMsgID);
 export const createTextMessage = async (text) => {
-    let textMessage = await DChatSDK.createTextMessage(text, new Date().getTime().toString())
+    const textMessage = await DChatSDK.createTextMessage(text, new Date().getTime().toString())
         .then(({ data }) => {
         return data;
     })
@@ -37,7 +37,7 @@ export const createTextMessage = async (text) => {
     return textMessage;
 };
 export const createImageMessageByFile = async (file) => {
-    let imageMessage = await DChatSDK.createImageMessageByFile(file, new Date().getTime().toString())
+    const imageMessage = await DChatSDK.createImageMessageByFile(file, new Date().getTime().toString())
         .then(({ data }) => {
         return data;
     })
@@ -48,7 +48,7 @@ export const createImageMessageByFile = async (file) => {
     return imageMessage;
 };
 export const createMergerMessage = async (mergerMsgParams) => {
-    let mergerMessage = await DChatSDK.createMergerMessage(mergerMsgParams, new Date().getTime().toString())
+    const mergerMessage = await DChatSDK.createMergerMessage(mergerMsgParams, new Date().getTime().toString())
         .then(({ data }) => {
         return data;
     })
@@ -59,7 +59,7 @@ export const createMergerMessage = async (mergerMsgParams) => {
     return mergerMessage;
 };
 export const createVideoMessageByFile = async (file) => {
-    let videoMessage = await DChatSDK.createVideoMessageByFile(file, new Date().getTime().toString())
+    const videoMessage = await DChatSDK.createVideoMessageByFile(file, new Date().getTime().toString())
         .then(({ data }) => {
         return data;
     })
@@ -70,7 +70,7 @@ export const createVideoMessageByFile = async (file) => {
     return videoMessage;
 };
 export const createFileMessageByFile = async (file) => {
-    let fileMessage = await DChatSDK.createFileMessageByFile(file, new Date().getTime().toString())
+    const fileMessage = await DChatSDK.createFileMessageByFile(file, new Date().getTime().toString())
         .then(({ data }) => {
         return data;
     })
@@ -80,8 +80,21 @@ export const createFileMessageByFile = async (file) => {
     });
     return fileMessage;
 };
+// OpenIM SDK convention for "tag all members" in AtMsgParams.atUserIDList.
+export const AT_ALL_TAG = "AtAllTag";
+export const createAtTextMessage = async (params) => {
+    const atTextMessage = await DChatSDK.createTextAtMessage(params, new Date().getTime().toString())
+        .then(({ data }) => {
+        return data;
+    })
+        .catch(({ errCode, errMsg }) => {
+        console.error("createTextAtMessage", errCode, errMsg);
+        return null;
+    });
+    return atTextMessage;
+};
 export const createUrlTextMessage = async (text, urls) => {
-    let textMessage = await DChatSDK.createUrlTextMessage(text, JSON.stringify(urls), new Date().getTime().toString())
+    const textMessage = await DChatSDK.createUrlTextMessage(text, JSON.stringify(urls), new Date().getTime().toString())
         .then(({ data }) => {
         return data;
     })
@@ -92,7 +105,7 @@ export const createUrlTextMessage = async (text, urls) => {
     return textMessage;
 };
 export const createCustomMessageByParams = async (params) => {
-    let customMessage = await DChatSDK.createCustomMessage(params, new Date().getTime().toString())
+    const customMessage = await DChatSDK.createCustomMessage(params, new Date().getTime().toString())
         .then(({ data }) => {
         return data;
     })
@@ -110,7 +123,7 @@ export const createCustomMessage = async (payload) => {
     });
 };
 export const createQuoteMessage = async (text, quotedMessage) => {
-    let textMessage = await DChatSDK.createQuoteMessage({
+    const textMessage = await DChatSDK.createQuoteMessage({
         text,
         message: JSON.stringify(quotedMessage),
     })
@@ -326,7 +339,7 @@ export const useSendMessage = (options) => {
         });
         return sendMessage(Object.assign(Object.assign({}, customMessage), { ex: JSON.stringify(extendMessageInfo) || "{}", isInternal: false }), sendOptions === null || sendOptions === void 0 ? void 0 : sendOptions.currentSession);
     }, [conversationData, recvID, groupID, sendMessage]);
-    const sendMergeMessage = useCallback(async ({ richText, plainText, files = [], currentSession, isInternal, urlMetadata, flow, customMessage, }) => {
+    const sendMergeMessage = useCallback(async ({ richText, plainText, files = [], currentSession, isInternal, urlMetadata, flow, customMessage, mentions, }) => {
         if (!conversationData || (!recvID && !groupID))
             return false;
         const messageList = [];
@@ -449,10 +462,24 @@ export const useSendMessage = (options) => {
                 console.error("Lỗi xử lý tin nhắn:", err);
             }
         }
+        const hasMentions = !!mentions && (mentions.atUserIDList.length > 0 || mentions.isAtAll);
         if (!!plainText && plainText.trim() !== "") {
             const urls = extractLinkUrls(plainText);
             let textMessage = null;
-            if (quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.clientMsgID) {
+            if (hasMentions && mentions) {
+                // OpenIM SDK convention: "tag all" is signaled by the sentinel
+                // "AtAllTag" inside atUserIDList, not a separate flag/param.
+                textMessage = await createAtTextMessage({
+                    text: plainText,
+                    atUserIDList: mentions.isAtAll
+                        ? [AT_ALL_TAG, ...mentions.atUserIDList]
+                        : mentions.atUserIDList,
+                    atUsersInfo: mentions.atUsersInfo,
+                    message: (quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.clientMsgID) ? quotedMessage : undefined,
+                });
+                setQuotedMessage(null);
+            }
+            else if (quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.clientMsgID) {
                 textMessage = await createQuoteMessage(plainText, quotedMessage);
                 setQuotedMessage(null);
             }
@@ -475,7 +502,8 @@ export const useSendMessage = (options) => {
         for (const message of messageList) {
             const isTextLikeMessage = (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.TextMessage ||
                 (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.UrlTextMessage ||
-                (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.QuoteMessage;
+                (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.QuoteMessage ||
+                (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.AtTextMessage;
             const extendMessageInfo = generateExtendMessageInfo({
                 richText: isTextLikeMessage ? richText : "",
                 urlMetadata: (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.UrlTextMessage
@@ -483,6 +511,9 @@ export const useSendMessage = (options) => {
                     : undefined,
                 currentSession,
                 flow: isTextLikeMessage ? flow : undefined,
+                mentionOffsets: (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.AtTextMessage
+                    ? mentions === null || mentions === void 0 ? void 0 : mentions.mentionOffsets
+                    : undefined,
             });
             const mMessage = Object.assign(Object.assign({}, message), { ex: JSON.stringify(extendMessageInfo) || "{}", isInternal });
             await sendMessage(mMessage, currentSession);
@@ -502,7 +533,7 @@ export const useSendMessage = (options) => {
         resendMessage,
     };
 };
-export const generateExtendMessageInfo = ({ richText, urlMetadata, currentSession, flow, }) => {
+export const generateExtendMessageInfo = ({ richText, urlMetadata, currentSession, flow, mentionOffsets, }) => {
     const extendMessageInfo = {
         sessionId: (currentSession === null || currentSession === void 0 ? void 0 : currentSession.id) || "",
         applicationType: useAuthStore.getState().applicationType,
@@ -510,6 +541,9 @@ export const generateExtendMessageInfo = ({ richText, urlMetadata, currentSessio
     if (flow) {
         extendMessageInfo.flow = flow;
     }
+    if (mentionOffsets && mentionOffsets.length > 0) {
+        extendMessageInfo.mentions = { offsets: mentionOffsets };
+    }
     const trimmedRichText = richText === null || richText === void 0 ? void 0 : richText.trim();
     if (trimmedRichText) {
         extendMessageInfo.messageInfo = {

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

@@ -0,0 +1,16 @@
+import { BaseResponse, IConversationGroupItem } from "../../types/dto";
+import { type ConversationGroupDisplayItem } from "../../hooks/group/useConversationGroups";
+interface UseSearchGroupsParams {
+    searchTerm: string;
+    enabled?: boolean;
+    pageSize?: number;
+}
+export declare const useSearchGroups: ({ searchTerm, enabled, pageSize, }: UseSearchGroupsParams) => {
+    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=useSearchGroups.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchGroups.d.ts","sourceRoot":"","sources":["../../../src/hooks/search/useSearchGroups.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAGnE,OAAO,EAGL,KAAK,4BAA4B,EAClC,MAAM,qCAAqC,CAAC;AAE7C,UAAU,qBAAqB;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,GAAI,oCAI7B,qBAAqB;;;;;;CAmEvB,CAAC"}

package/dist/hooks/search/useSearchGroups.js

@@ -0,0 +1,65 @@
+"use client";
+import { useMemo } from "react";
+import { useInfiniteQuery } from "@tanstack/react-query";
+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 { buildFallbackConversation, syncGroupConversationsToStore, } from "../../hooks/group/useConversationGroups";
+export const useSearchGroups = ({ searchTerm, enabled = true, pageSize = PAGE_SIZE.medium, }) => {
+    const trimmedSearchTerm = searchTerm.trim();
+    const conversationList = useConversationStore((state) => state.conversationList);
+    const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } = useInfiniteQuery({
+        initialPageParam: 1,
+        queryKey: [QUERY_KEYS.SEARCH_CONVERSATION_GROUPS, trimmedSearchTerm, pageSize],
+        queryFn: async ({ pageParam = 1 }) => {
+            var _a, _b;
+            const applicationType = useAuthStore.getState().applicationType;
+            const res = await apiInstance.get(ENDPOINTS.chatService.searchConversationGroups, {
+                params: {
+                    page: pageParam,
+                    pageSize,
+                    applicationType,
+                    searchTerm: trimmedSearchTerm,
+                },
+            });
+            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: enabled && trimmedSearchTerm !== "",
+    });
+    const groups = useMemo(() => {
+        if (!data)
+            return [];
+        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),
+                visibility: group.visibility,
+                memberCount: group.memberCount,
+            };
+        });
+    }, [data, conversationList]);
+    return {
+        groups,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        isLoading,
+    };
+};

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

@@ -2,9 +2,10 @@ import { SessionType } from "@droppii-org/wasm-client-sdk";
 interface UseConversationSessionStateParams {
     conversationId: string;
     conversationType?: SessionType;
+    peerType?: string;
     groupId?: string;
 }
-export declare const useConversationSessionState: ({ conversationId, conversationType, groupId, }: UseConversationSessionStateParams) => {
+export declare const useConversationSessionState: ({ conversationId, conversationType, peerType, groupId, }: UseConversationSessionStateParams) => {
     groupId: string | undefined;
     latestConversationSession: import("../../types/dto").ISessionResponse | undefined;
     customerUserID: string;

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

@@ -1 +1 @@
-{"version":3,"file":"useConversationSessionState.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useConversationSessionState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAI3D,UAAU,iCAAiC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,2BAA2B,GAAI,gDAIzC,iCAAiC;;;;;CAoBnC,CAAC"}
+{"version":3,"file":"useConversationSessionState.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useConversationSessionState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAI3D,UAAU,iCAAiC;IACzC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,2BAA2B,GAAI,0DAKzC,iCAAiC;;;;;CAoBnC,CAAC"}

package/dist/hooks/session/useConversationSessionState.js

@@ -1,13 +1,13 @@
 "use client";
 import { useGetListSessionByConversation } from "./useGetListSessionByConversation";
-import { isGroupSession } from "../../utils/imCommon";
-export const useConversationSessionState = ({ conversationId, conversationType, groupId, }) => {
+import { isGroupConversation } from "../../utils/imCommon";
+export const useConversationSessionState = ({ conversationId, conversationType, peerType, groupId, }) => {
     var _a;
-    const isGroupConversation = isGroupSession(conversationType);
-    const currentGroupId = isGroupConversation ? groupId : undefined;
+    const isGroupChat = isGroupConversation({ peerType, conversationType });
+    const currentGroupId = isGroupChat ? groupId : undefined;
     const { data: conversationSessions, refetch: refetchConversationSessions, } = useGetListSessionByConversation({
         conversationId,
-        enabled: !isGroupConversation,
+        enabled: !isGroupChat,
     });
     const latestConversationSession = conversationSessions === null || conversationSessions === void 0 ? void 0 : conversationSessions[0];
     return {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.tsx"],"names":[],"mappings":"AAKA,OAAO,iBAAiB,CAAC;AAYzB,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,QAAA,MAAM,UAAU,GAAI,cAAc,eAAe,4CAyBhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.tsx"],"names":[],"mappings":"AAKA,OAAO,iBAAiB,CAAC;AAazB,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,QAAA,MAAM,UAAU,GAAI,cAAc,eAAe,4CAsChD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/layout/index.js

@@ -9,6 +9,7 @@ import timezone from "dayjs/plugin/timezone";
 import { useSyncUsersInfo } from "../hooks/user/useUsersInfo";
 import useConversationStore from "../store/conversation";
 import InfoModal from "../components/common/InfoModal";
+import { useChatContext } from "../context/ChatContext";
 dayjs.extend(utc);
 dayjs.extend(timezone);
 dayjs.tz.setDefault("Asia/Ho_Chi_Minh");
@@ -17,8 +18,16 @@ const MainLayout = ({ children }) => {
     const { t } = useTranslation();
     useGlobalEvent();
     useSyncUsersInfo();
+    const { renderGroupAccessModal } = useChatContext();
     const removedFromGroupModalOpen = useConversationStore((state) => state.removedFromGroupModalOpen);
     const hideRemovedFromGroupModal = useConversationStore((state) => state.hideRemovedFromGroupModal);
-    return (_jsxs(_Fragment, { children: [children, _jsx(InfoModal, { open: removedFromGroupModalOpen, onOk: hideRemovedFromGroupModal, title: t("removed_from_group_modal_title"), okText: t("removed_from_group_modal_ok"), children: _jsx("p", { children: t("removed_from_group_modal_message") }) })] }));
+    const modalProps = {
+        open: removedFromGroupModalOpen,
+        onOk: hideRemovedFromGroupModal,
+        title: t("removed_from_group_modal_title"),
+        okText: t("removed_from_group_modal_ok"),
+        message: t("removed_from_group_modal_message"),
+    };
+    return (_jsxs(_Fragment, { children: [children, renderGroupAccessModal ? (renderGroupAccessModal(modalProps)) : (_jsx(InfoModal, { open: modalProps.open, onOk: modalProps.onOk, title: modalProps.title, okText: modalProps.okText, children: _jsx("p", { children: modalProps.message }) }))] }));
 };
 export default MainLayout;