@droppii-org/chat-sdk 0.1.2 → 0.1.3

package/dist/components/searchConversation/SearchDrawer.js

@@ -26,7 +26,7 @@ const SearchDrawer = () => {
                         padding: 0,
                         height: "100%",
                     },
-                }, getContainer: false, width: isMobile ? "100%" : 360, children: _jsxs("div", { className: "flex flex-col h-full", children: [_jsxs("div", { className: "flex items-center justify-between p-3", children: [_jsx("span", { className: "text-lg font-medium", children: "T\u00ECm ki\u1EBFm tin nh\u1EAFn" }), _jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: "close-b", size: 22 }) })] }), _jsx("div", { className: "px-3", children: _jsx(Input, { ref: searchInputRef, placeholder: t("search"), prefix: _jsx(Icon, { icon: "search-o", size: 18, className: "text-gray-400" }), onChange: (e) => {
+                }, getContainer: false, width: isMobile ? "100%" : 360, children: _jsxs("div", { className: "flex flex-col h-full", children: [_jsxs("div", { className: "flex items-center justify-between p-3", children: [_jsx("span", { className: "text-lg font-medium", children: t("search_message_title") }), _jsx(Button, { type: "text", shape: "default", className: "text-gray-500 w-8 h-8 p-0", onClick: toggle, children: _jsx(Icon, { icon: "close-b", size: 22 }) })] }), _jsx("div", { className: "px-3", children: _jsx(Input, { ref: searchInputRef, placeholder: t("search"), prefix: _jsx(Icon, { icon: "search-o", size: 18, className: "text-gray-400" }), onChange: (e) => {
                                     setSearch(e.target.value);
                                 }, className: "rounded-lg text-sm", size: "large", allowClear: true, value: search, autoFocus: false }) }), _jsx("div", { className: "flex-1 py-3 overflow-auto", children: _jsx(SearchMessageOnCurrentConversation, { searchTerm: search, onClose: toggle }) })] }) })] }));
 };

package/dist/components/searchConversation/item/SearchItemAsMessage.d.ts

@@ -1,6 +1,8 @@
 import { MessageItem } from "@openim/wasm-client-sdk";
 interface SearchItemAsMessageProps {
-    message: MessageItem;
+    message: MessageItem & {
+        isRevoked?: boolean;
+    };
     searchTerm: string;
     onClick?: () => void;
 }

package/dist/components/searchConversation/item/SearchItemAsMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchItemAsMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/searchConversation/item/SearchItemAsMessage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAWnE,UAAU,wBAAwB;IAChC,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CA+F3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SearchItemAsMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/searchConversation/item/SearchItemAsMessage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAA4B,MAAM,yBAAyB,CAAC;AAehF,UAAU,wBAAwB;IAChC,OAAO,EAAE,WAAW,GAAG;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CAkG3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/searchConversation/item/SearchItemAsMessage.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SessionType } from "@openim/wasm-client-sdk";
 import { Avatar } from "antd";
-import { formatTimestamp, highlightSearch, sanitizeHtml } from "../../../utils/common";
+import { formatTimestamp, highlightSearch, sanitizeHtml, } from "../../../utils/common";
 import { DChatSDK } from "../../../constants/sdk";
 import { useChatContext } from "../../../context/ChatContext";
 import { message as antdMessage } from "antd";
@@ -44,7 +44,10 @@ const SearchItemAsMessage = (props) => {
     };
     let msgContent = "";
     try {
-        msgContent = ((_a = JSON.parse((message === null || message === void 0 ? void 0 : message.content) || "{}")) === null || _a === void 0 ? void 0 : _a.content) || "";
+        msgContent =
+            (message === null || message === void 0 ? void 0 : message.isRevoked) === true
+                ? t("revoked")
+                : ((_a = JSON.parse((message === null || message === void 0 ? void 0 : message.content) || "{}")) === null || _a === void 0 ? void 0 : _a.content) || "";
     }
     catch (error) {
         console.error("Failed to parse message content", error);

package/dist/components/thread/AssignConfirmModal.d.ts

@@ -0,0 +1,12 @@
+import { ISupporterResponse } from "../../types/dto";
+interface AssignConfirmModalProps {
+    open: boolean;
+    agent: ISupporterResponse | null;
+    loading: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+    afterClose?: () => void;
+}
+declare const AssignConfirmModal: ({ open, agent, loading, onCancel, onConfirm, afterClose, }: AssignConfirmModalProps) => import("react/jsx-runtime").JSX.Element;
+export default AssignConfirmModal;
+//# sourceMappingURL=AssignConfirmModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssignConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/thread/AssignConfirmModal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrD,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,kBAAkB,GAAI,4DAOzB,uBAAuB,4CAwDzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/thread/AssignConfirmModal.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, Button, Avatar } from "antd";
+import { useTranslation, Trans } from "react-i18next";
+const AssignConfirmModal = ({ open, agent, loading, onCancel, onConfirm, afterClose, }) => {
+    var _a;
+    const { t } = useTranslation();
+    return (_jsx(Modal, { open: open, onCancel: onCancel, footer: null, closable: !loading, centered: true, forceRender: true, width: 400, maskClosable: !loading, keyboard: !loading, afterClose: afterClose, children: _jsxs("div", { className: "flex flex-col items-center gap-4 pt-2", role: "alertdialog", "aria-label": t("manual_assign_confirm_question", {
+                name: agent === null || agent === void 0 ? void 0 : agent.displayName,
+            }), children: [_jsx(Avatar, { src: agent === null || agent === void 0 ? void 0 : agent.avatar, size: 48, children: ((_a = agent === null || agent === void 0 ? void 0 : agent.displayName) === null || _a === void 0 ? void 0 : _a.charAt(0)) || "A" }), _jsx("p", { className: "text-base text-center", children: _jsx(Trans, { i18nKey: "manual_assign_confirm_question", values: { name: agent === null || agent === void 0 ? void 0 : agent.displayName }, components: { bold: _jsx("strong", {}) } }) }), _jsxs("div", { className: "flex gap-3 w-full", children: [_jsx(Button, { className: "flex-1", size: "large", onClick: onCancel, disabled: loading, children: t("cancel") }), _jsx(Button, { type: "primary", className: "flex-1", size: "large", onClick: onConfirm, loading: loading, disabled: !agent, children: t("manual_assign_button_reassign") })] })] }) }));
+};
+export default AssignConfirmModal;

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

@@ -0,0 +1,14 @@
+interface SupporterInfo {
+    avatar: string;
+    username: string;
+    fullName: string;
+    id: string;
+}
+interface ManualAssignPopoverProps {
+    sessionId: string;
+    supporter: SupporterInfo;
+    teamId?: string;
+}
+declare const ManualAssignPopover: ({ sessionId, supporter, teamId: propTeamId, }: ManualAssignPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export default ManualAssignPopover;
+//# sourceMappingURL=ManualAssignPopover.d.ts.map

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

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

package/dist/components/thread/ManualAssignPopover.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Popover, Input, Avatar, Spin, Badge } from "antd";
+import { useTranslation } from "react-i18next";
+import clsx from "clsx";
+import { Icon } from "../icon";
+import { useGetTeamSupporters } from "../../hooks/session/useGetTeamSupporters";
+import { useAssignSession } from "../../hooks/session/useAssignSession";
+import { useQueryClient } from "@tanstack/react-query";
+import { message as antdMessage } from "antd";
+import { invalidateSessionQueries } from "../../utils/queryHelpers";
+import AssignConfirmModal from "./AssignConfirmModal";
+import { useDebounce } from "ahooks";
+const SEARCH_DEBOUNCE_WAIT = 300;
+const SupporterItem = ({ supporter, onClick, isCurrentAssignee, }) => {
+    var _a;
+    const { t } = useTranslation();
+    const isOnline = supporter.status === "ONLINE";
+    return (_jsxs("div", { role: "option", tabIndex: 0, "aria-selected": isCurrentAssignee, className: clsx("flex items-center gap-3 px-3 py-2 rounded-md transition-colors", isCurrentAssignee
+            ? "bg-blue-50 border border-blue-200 pointer-events-none"
+            : "cursor-pointer hover:bg-gray-50"), onClick: () => onClick(supporter), children: [_jsx(Badge, { dot: true, color: isOnline ? "#52c41a" : "#d9d9d9", offset: [-2, 24], children: _jsx(Avatar, { src: supporter.avatar, size: 32, children: ((_a = supporter.displayName) === null || _a === void 0 ? void 0 : _a.charAt(0)) || "A" }) }), _jsx("span", { className: "text-sm truncate flex-1", children: supporter.displayName }), isCurrentAssignee && (_jsx("span", { className: "text-xs text-blue-500 shrink-0", children: t("manual_assign_current") }))] }));
+};
+const ManualAssignPopover = ({ sessionId, supporter, teamId: propTeamId, }) => {
+    var _a, _b;
+    const { t } = useTranslation();
+    const queryClient = useQueryClient();
+    const [open, setOpen] = useState(false);
+    const [searchText, setSearchText] = useState("");
+    const [selectedAgent, setSelectedAgent] = useState(null);
+    const [confirmModalOpen, setConfirmModalOpen] = useState(false);
+    const debouncedSearch = useDebounce(searchText, {
+        wait: SEARCH_DEBOUNCE_WAIT,
+    });
+    const teamId = propTeamId || "";
+    const { data: supporters, isLoading, isFetching, } = useGetTeamSupporters({
+        teamId,
+        search: debouncedSearch || undefined,
+    });
+    const { mutate: assignSession, isPending: isAssigning } = useAssignSession();
+    const handleSelectAgent = (agent) => {
+        if (isAssigning)
+            return;
+        setSelectedAgent(agent);
+        setConfirmModalOpen(true);
+    };
+    const handleConfirmAssign = () => {
+        if (!selectedAgent || isAssigning)
+            return;
+        assignSession({ sessionId, supporterId: selectedAgent.memberId }, {
+            onSuccess: () => {
+                antdMessage.success(t("manual_assign_success"));
+                setConfirmModalOpen(false);
+                setOpen(false);
+                setSearchText("");
+                invalidateSessionQueries(queryClient);
+            },
+            onError: () => {
+                antdMessage.error(t("manual_assign_failed"));
+            },
+        });
+    };
+    const handleCancelConfirm = () => {
+        setConfirmModalOpen(false);
+    };
+    const handleAfterClose = () => {
+        setSelectedAgent(null);
+    };
+    const handleOpenChange = (newOpen) => {
+        if (isAssigning)
+            return;
+        if (!newOpen && confirmModalOpen)
+            return;
+        setOpen(newOpen);
+        if (!newOpen) {
+            setSearchText("");
+        }
+    };
+    const popoverContent = (_jsxs("div", { className: "w-64", children: [_jsx("div", { className: "mb-2", children: _jsx(Input, { autoFocus: true, placeholder: t("manual_assign_search_placeholder"), value: searchText, onChange: (e) => setSearchText(e.target.value), prefix: _jsx(Icon, { icon: "search-o", size: 16, className: "text-gray-400" }), className: "rounded-lg border-gray-300 focus-within:border-[#3278f7] focus-within:shadow-[0_0_0_2px_rgba(50,120,247,0.12)]", allowClear: true }) }), _jsx("div", { className: "max-h-72 overflow-y-auto", role: "listbox", children: isLoading ? (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Spin, {}) })) : supporters && supporters.length > 0 ? (_jsx("div", { className: clsx("flex flex-col transition-opacity duration-200", isFetching && "opacity-50 pointer-events-none"), children: supporters.map((item) => (_jsx(SupporterItem, { supporter: item, onClick: handleSelectAgent, isCurrentAssignee: item.memberId === (supporter === null || supporter === void 0 ? void 0 : supporter.id) }, item.memberId))) })) : (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx("span", { className: "text-sm text-gray-400", children: t("manual_assign_no_results") }) })) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Popover, { content: popoverContent, trigger: "click", open: open, onOpenChange: handleOpenChange, placement: "topLeft", arrow: false, children: _jsxs("div", { role: "button", tabIndex: 0, "aria-label": t("manual_assign_button_reassign"), className: clsx("flex items-center border border-gray-200 rounded-lg p-1 gap-1 transition-opacity", isAssigning
+                        ? "opacity-50 pointer-events-none"
+                        : "cursor-pointer hover:opacity-80"), children: [_jsx(Avatar, { src: supporter === null || supporter === void 0 ? void 0 : supporter.avatar, size: 28, children: ((_b = (_a = supporter === null || supporter === void 0 ? void 0 : supporter.fullName) === null || _a === void 0 ? void 0 : _a.charAt) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) || "A" }), _jsx("span", { className: "text-purple-500", children: _jsx(Icon, { icon: "shuffle-b", size: 20 }) })] }) }), _jsx(AssignConfirmModal, { open: confirmModalOpen, agent: selectedAgent, loading: isAssigning, onCancel: handleCancelConfirm, onConfirm: handleConfirmAssign, afterClose: handleAfterClose })] }));
+};
+export default ManualAssignPopover;

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

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

package/dist/components/thread/SessionSection.js

@@ -2,12 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useBoolean, useDebounce } from "ahooks";
 import { Icon } from "../icon";
 import { Button, Select, Spin, Tag, Input, message, Avatar } from "antd";
+import ManualAssignPopover from "./ManualAssignPopover";
 import { useGetLabelSession } from "../../hooks/session/useGetLabelSession";
 import { useUpdateSessionInfo } from "../../hooks/session/useUpdateSessionInfo";
 import { useCloseSession } from "../../hooks/session/useCloseSession";
 import { useQueryClient } from "@tanstack/react-query";
 import { QUERY_KEYS } from "../../services/query";
 import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
 const { TextArea } = Input;
 const formatSessionDate = (dateString) => {
     if (!dateString)
@@ -22,6 +24,7 @@ const formatSessionDate = (dateString) => {
 export const SessionDetailCard = ({ session, isActive, }) => {
     var _a, _b, _c, _d, _e;
     const queryClient = useQueryClient();
+    const { t } = useTranslation("common");
     const { data: availableLabels, isLoading: isLoadingLabels } = useGetLabelSession();
     const { mutate: updateSession } = useUpdateSessionInfo();
     const { mutate: closeSession, isPending: isClosing } = useCloseSession();
@@ -95,13 +98,13 @@ export const SessionDetailCard = ({ session, isActive, }) => {
     const handleCloseSession = () => {
         closeSession(session.id, {
             onSuccess: () => {
-                message.success("Đóng phiên chat thành công");
+                message.success(t("close_session_success"));
                 queryClient.invalidateQueries({
                     queryKey: [QUERY_KEYS.GET_LIST_SESSION_BY_CONVERSATION],
                 });
             },
             onError: () => {
-                message.error("Đóng phiên chat thất bại");
+                message.error(t("close_session_failed"));
             },
         });
     };
@@ -109,13 +112,14 @@ export const SessionDetailCard = ({ session, isActive, }) => {
         value: label.id,
         label: label.name,
     }));
-    return (_jsxs("div", { className: `p-3 border rounded-lg shadow-md ${isActive ? "border-blue-500" : "border-gray-300"}`, children: [_jsxs("div", { className: "flex justify-between items-start mb-3", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Icon, { icon: "chat-square-b", size: 16, className: "text-gray-500" }), _jsxs("p", { className: "font-semibold text-sm", children: ["Session ", session.order] })] }), _jsx("p", { className: "text-xs text-gray-400", children: formatSessionDate(session.closedDate || session.createdDate) })] }) }), isActive ? (_jsx(Tag, { color: "processing", children: "\u0110ang ho\u1EA1t \u0111\u1ED9ng" })) : (_jsx(Avatar, { src: (_a = session.supporter) === null || _a === void 0 ? void 0 : _a.avatar, size: 24, children: ((_d = (_c = (_b = session.supporter) === null || _b === void 0 ? void 0 : _b.username) === null || _c === void 0 ? void 0 : _c.charAt) === null || _d === void 0 ? void 0 : _d.call(_c, 0)) || "A" }))] }), _jsxs("div", { className: "flex flex-col gap-3 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 text-gray-500", children: [_jsx(Icon, { icon: "tag-o", size: 16, className: "mt-1" }), _jsx(Select, { mode: "multiple", loading: isLoadingLabels, className: "w-full", placeholder: "Th\u00EAm th\u1EBB...", options: labelOptions, value: (_e = session.labels) === null || _e === void 0 ? void 0 : _e.map((label) => label.id), onChange: handleUpdateLabels, removeIcon: true })] }), _jsxs("div", { className: "flex items-start gap-2 text-gray-500", children: [_jsx(Icon, { icon: "info-circle-o", size: 16, className: "mt-1" }), _jsx(TextArea, { value: issueDetailInput.value, onChange: (e) => setIssueDetailInput({
+    return (_jsxs("div", { className: `p-3 border rounded-lg shadow-md ${isActive ? "border-blue-500" : "border-gray-300"}`, children: [_jsxs("div", { className: "flex justify-between items-start mb-3", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Icon, { icon: "chat-square-b", size: 16, className: "text-gray-500" }), _jsx("p", { className: "font-semibold text-sm", children: t("session_label", { order: session.order }) })] }), _jsx("p", { className: "text-xs text-gray-400", children: formatSessionDate(session.closedDate || session.createdDate) })] }) }), isActive ? (_jsx(Tag, { color: "processing", children: t("session_active") })) : (_jsx(Avatar, { src: (_a = session.supporter) === null || _a === void 0 ? void 0 : _a.avatar, size: 24, children: ((_d = (_c = (_b = session.supporter) === null || _b === void 0 ? void 0 : _b.fullName) === null || _c === void 0 ? void 0 : _c.charAt) === null || _d === void 0 ? void 0 : _d.call(_c, 0)) || "A" }))] }), _jsxs("div", { className: "flex flex-col gap-3 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 text-gray-500", children: [_jsx(Icon, { icon: "tag-o", size: 16, className: "mt-1" }), _jsx(Select, { mode: "multiple", loading: isLoadingLabels, className: "w-full", placeholder: t("session_add_tag_placeholder"), options: labelOptions, value: (_e = session.labels) === null || _e === void 0 ? void 0 : _e.map((label) => label.id), onChange: handleUpdateLabels, removeIcon: true })] }), _jsxs("div", { className: "flex items-start gap-2 text-gray-500", children: [_jsx(Icon, { icon: "info-circle-o", size: 16, className: "mt-1" }), _jsx(TextArea, { value: issueDetailInput.value, onChange: (e) => setIssueDetailInput({
                                     value: e.target.value,
                                     sessionId: session.id,
-                                }), placeholder: "V\u1EA5n \u0111\u1EC1 c\u1EE5 th\u1EC3...", className: "border-none !shadow-none py-0 px-2", autoSize: { minRows: 1, maxRows: 3 } })] }), _jsxs("div", { className: "flex items-start gap-2 text-gray-500", children: [_jsx(Icon, { icon: "paper-o", size: 16, className: "mt-1" }), _jsx(TextArea, { value: noteInput.value, onChange: (e) => setNoteInput({ value: e.target.value, sessionId: session.id }), placeholder: "Ghi ch\u00FA...", className: "border-none !shadow-none py-0 px-2", autoSize: { minRows: 1, maxRows: 3 } })] })] }), isActive && (_jsx(Button, { type: "primary", block: true, className: "mt-4", onClick: handleCloseSession, loading: isClosing, children: "\u0110\u00F3ng" }))] }));
+                                }), placeholder: t("session_issue_detail_placeholder"), className: "border-none !shadow-none py-0 px-2", autoSize: { minRows: 1, maxRows: 3 } })] }), _jsxs("div", { className: "flex items-start gap-2 text-gray-500", children: [_jsx(Icon, { icon: "paper-o", size: 16, className: "mt-1" }), _jsx(TextArea, { value: noteInput.value, onChange: (e) => setNoteInput({ value: e.target.value, sessionId: session.id }), placeholder: t("session_note_placeholder"), className: "border-none !shadow-none py-0 px-2", autoSize: { minRows: 1, maxRows: 3 } })] })] }), isActive && (_jsxs("div", { className: "flex items-center gap-2 mt-4 border-t border-gray-200 pt-4", children: [_jsx(ManualAssignPopover, { sessionId: session.id, supporter: session.supporter, teamId: session.teamId }), _jsx(Button, { type: "primary", className: "flex-1", onClick: handleCloseSession, loading: isClosing, children: t("session_close_button") })] }))] }));
 };
 const ClosedSessionItem = ({ session, expandedSessionId, onToggleExpand, }) => {
     var _a, _b, _c, _d;
+    const { t } = useTranslation("common");
     const isExpanded = session.id === expandedSessionId;
     const handleClick = () => {
         onToggleExpand(session.id);
@@ -123,9 +127,10 @@ const ClosedSessionItem = ({ session, expandedSessionId, onToggleExpand, }) => {
     if (isExpanded) {
         return (_jsx("div", { children: _jsx(SessionDetailCard, { session: session, isActive: false }) }));
     }
-    return (_jsxs("div", { className: "flex justify-between items-center p-2 rounded-md hover:bg-gray-100 cursor-pointer", onClick: handleClick, children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Icon, { icon: "chat-square-b", size: 16, className: "text-gray-500" }), _jsxs("span", { className: "font-semibold", children: ["Session ", session.order] }), _jsx("span", { className: "text-gray-400 text-xs", children: formatSessionDate(session.closedDate || session.createdDate) })] }), _jsx(Avatar, { src: (_a = session.supporter) === null || _a === void 0 ? void 0 : _a.avatar, size: 24, children: ((_d = (_c = (_b = session.supporter) === null || _b === void 0 ? void 0 : _b.username) === null || _c === void 0 ? void 0 : _c.charAt) === null || _d === void 0 ? void 0 : _d.call(_c, 0)) || "A" })] }));
+    return (_jsxs("div", { className: "flex justify-between items-center p-2 rounded-md hover:bg-gray-100 cursor-pointer", onClick: handleClick, children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Icon, { icon: "chat-square-b", size: 16, className: "text-gray-500" }), _jsx("span", { className: "font-semibold", children: t("session_label", { order: session.order }) }), _jsx("span", { className: "text-gray-400 text-xs", children: formatSessionDate(session.closedDate || session.createdDate) })] }), _jsx(Avatar, { src: (_a = session.supporter) === null || _a === void 0 ? void 0 : _a.avatar, size: 24, children: ((_d = (_c = (_b = session.supporter) === null || _b === void 0 ? void 0 : _b.fullName) === null || _c === void 0 ? void 0 : _c.charAt) === null || _d === void 0 ? void 0 : _d.call(_c, 0)) || "A" })] }));
 };
 const SessionSection = ({ sessions, isLoading }) => {
+    const { t } = useTranslation("common");
     const [isOpen, { toggle }] = useBoolean(true);
     const [expandedSessionId, setExpandedSessionId] = useState(null);
     const handleToggleExpand = (sessionId) => {
@@ -136,6 +141,6 @@ const SessionSection = ({ sessions, isLoading }) => {
             setExpandedSessionId(null);
         }
     }, [isOpen]);
-    return (_jsxs("div", { className: "flex flex-col border-b", children: [_jsxs("div", { role: "button", onClick: toggle, className: "flex items-center justify-between px-4 py-2 rounded-md hover:bg-gray-100 sticky top-0 bg-white z-10", children: [_jsx("h3", { className: "font-bold text-gray-500 text-xs tracking-wider", children: "SESSIONS" }), _jsx(Icon, { icon: isOpen ? "angle-up-o" : "angle-down-o", size: 18 })] }), isOpen && (_jsx("div", { className: "px-4 pt-2 pb-4", children: isLoading ? (_jsx("div", { className: "text-center mt-4", children: _jsx(Spin, {}) })) : (_jsx("div", { className: "flex flex-col gap-1", children: sessions.map((session) => (_jsx(ClosedSessionItem, { session: session, expandedSessionId: expandedSessionId, onToggleExpand: handleToggleExpand }, session.id))) })) }))] }));
+    return (_jsxs("div", { className: "flex flex-col border-b", children: [_jsxs("div", { role: "button", onClick: toggle, className: "flex items-center justify-between px-4 py-2 rounded-md hover:bg-gray-100 sticky top-0 bg-white z-10", children: [_jsx("h3", { className: "font-bold text-gray-500 text-xs tracking-wider", children: t("sessions_heading") }), _jsx(Icon, { icon: isOpen ? "angle-up-o" : "angle-down-o", size: 18 })] }), isOpen && (_jsx("div", { className: "px-4 pt-2 pb-4", children: isLoading ? (_jsx("div", { className: "text-center mt-4", children: _jsx(Spin, {}) })) : (_jsx("div", { className: "flex flex-col gap-1", children: sessions.map((session) => (_jsx(ClosedSessionItem, { session: session, expandedSessionId: expandedSessionId, onToggleExpand: handleToggleExpand }, session.id))) })) }))] }));
 };
 export default SessionSection;

package/dist/components/thread/UserSection.js

@@ -70,7 +70,7 @@ const UserSection = () => {
                                     navigator.clipboard.writeText((data === null || data === void 0 ? void 0 : data.id) || "");
                                     message.success(t("copied_to_clipboard"));
                                 } })] }), _jsxs("div", { className: "flex justify-between items-center gap-2", children: [_jsxs("p", { className: "text-sm truncate flex gap-3", children: [_jsx("span", { className: "font-light text-gray-400 w-16", children: "Username" }), (data === null || data === void 0 ? void 0 : data.username) || ""] }), _jsx(Icon, { icon: "copy-o", size: 16, onClick: () => {
-                                    navigator.clipboard.writeText((data === null || data === void 0 ? void 0 : data.id) || "");
+                                    navigator.clipboard.writeText((data === null || data === void 0 ? void 0 : data.username) || "");
                                     message.success(t("copied_to_clipboard"));
                                 } })] }), _jsxs("div", { className: "flex justify-between", children: [_jsx("p", { className: "text-sm flex gap-3", children: _jsx("span", { className: "font-light text-gray-400 w-16", children: "Note" }) }), _jsx(TextArea, { value: noteValue, placeholder: t("add_note"), className: "border-none py-0", autoSize: { minRows: 1, maxRows: 6 }, onChange: (e) => {
                                     const v = e.target.value;

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,EAAY,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQ7E,eAAO,MAAM,kBAAkB,eAc9B,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM;;;;;qBAML,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CAkNnC,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,EAAY,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQ7E,eAAO,MAAM,kBAAkB,eAe9B,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM;;;;;qBAML,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;CAkNnC,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

@@ -19,6 +19,7 @@ export const visibleTypeMessage = [
     MessageType.QuoteMessage,
     MessageType.FaceMessage,
     MessageType.UrlTextMessage,
+    MessageType.RevokeMessage,
 ];
 export const useMessage = (conversationId, searchClientMsgID) => {
     const [loadState, setLoadState] = useState({

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

@@ -0,0 +1,5 @@
+export declare const useRevokeMessage: () => {
+    revokeMessage: (conversationID: string, clientMsgID: string) => Promise<void>;
+    loading: boolean;
+};
+//# sourceMappingURL=useRevokeMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRevokeMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useRevokeMessage.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;CAiB5B,CAAC"}

package/dist/hooks/message/useRevokeMessage.js

@@ -0,0 +1,16 @@
+import { DChatSDK } from "../../constants/sdk";
+import { useRequest } from "ahooks";
+export const useRevokeMessage = () => {
+    const { loading, runAsync: revokeMessage } = useRequest(async (conversationID, clientMsgID) => {
+        await DChatSDK.revokeMessage({
+            conversationID,
+            clientMsgID,
+        });
+    }, {
+        manual: true,
+    });
+    return {
+        revokeMessage,
+        loading,
+    };
+};

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

@@ -12,6 +12,7 @@ export declare const createMergerMessage: (mergerMsgParams: MergerMsgParams) =>
 export declare const createVideoMessageByFile: (file: VideoMsgParamsByFile) => Promise<MessageItem | null>;
 export declare const createFileMessageByFile: (file: FileMsgParamsByFile) => Promise<MessageItem | null>;
 export declare const createUrlTextMessage: (text: string, urls: string[]) => Promise<MessageItem | null>;
+export declare const createQuoteMessage: (text: string, quotedMessage: MessageItem) => Promise<MessageItem | null>;
 export declare const useSendMessage: () => {
     sendTextMessage: ({ plainText, richText, currentSession, }: {
         plainText: string;

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

@@ -1 +1 @@
-{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQlC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAepD,eAAO,MAAM,iBAAiB,GAAI,SAAS;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,YACK,CAAC;AAE7F,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,cAAc;gEAmJpB;QACD,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,CAAC,EAAE,gBAAgB,CAAC;KACnC;wEA+BE;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,UAAU,EAAE,CAAC;QACpB,cAAc,CAAC,EAAE,gBAAgB,CAAC;KACnC;mCAtIqB,WAAW;CA+PpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,+BAGvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC,KAWM,iBACN,CAAC"}
+{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,kBAAkB,CAAC;AAW1B,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQlC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAepD,eAAO,MAAM,iBAAiB,GAAI,SAAS;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,YAE0C,CAAC;AAE5C,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,gCAanD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,iBAAiB,eAAe,gCAazE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAU,MAAM,mBAAmB,gCAatE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,gCActE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,eAAe,WAAW,gCAc3B,CAAC;AAEF,eAAO,MAAM,cAAc;gEAgKpB;QACD,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,CAAC,EAAE,gBAAgB,CAAC;KACnC;wEAkCE;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,UAAU,EAAE,CAAC;QACpB,cAAc,CAAC,EAAE,gBAAgB,CAAC;KACnC;mCAhJqB,WAAW;CAgRpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,+BAGvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC,KAWM,iBACN,CAAC"}

package/dist/hooks/message/useSendMessage.js

@@ -3,7 +3,8 @@ import { DChatSDK } from "../../constants/sdk";
 import { v4 as uuidv4 } from "uuid";
 import { useChatContext } from "../../context/ChatContext";
 import { useCallback } from "react";
-import { pushNewMessage, removeOneMessage, updateOneMessage } from "./useMessage";
+import { useTranslation } from "react-i18next";
+import { pushNewMessage, removeOneMessage, updateOneMessage, } from "./useMessage";
 import { emit } from "../../utils/events";
 import useConversationStore from "../../store/conversation";
 import useAuthStore from "../../store/auth";
@@ -14,7 +15,8 @@ const MEDIA_CONTENT_TYPES = new Set([
     MessageType.VideoMessage,
     MessageType.FileMessage,
 ]);
-export const isMediaResendable = (message) => !MEDIA_CONTENT_TYPES.has(message.contentType) || messageFileStore.has(message.clientMsgID);
+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())
         .then(({ data }) => {
@@ -81,13 +83,30 @@ export const createUrlTextMessage = async (text, urls) => {
     });
     return textMessage;
 };
+export const createQuoteMessage = async (text, quotedMessage) => {
+    let textMessage = await DChatSDK.createQuoteMessage({
+        text,
+        message: JSON.stringify(quotedMessage),
+    })
+        .then(({ data }) => {
+        return data;
+    })
+        .catch(({ errCode, errMsg }) => {
+        console.error("createQuoteMessage", errCode, errMsg);
+        return null;
+    });
+    return textMessage;
+};
 export const useSendMessage = () => {
     const { user } = useChatContext();
+    const { t } = useTranslation("common");
     const conversationData = useConversationStore((state) => state.conversationData);
+    const quotedMessage = useConversationStore((state) => state.quotedMessage);
+    const setQuotedMessage = useConversationStore((state) => state.setQuotedMessage);
     const { userID: recvID, groupID } = conversationData || {};
     const dispatchMessage = useCallback(async (message) => {
         var _a;
-        const desc = generateContentBasedOnMessageType(message.contentType, ((_a = message === null || message === void 0 ? void 0 : message.textElem) === null || _a === void 0 ? void 0 : _a.content) || "") || "Bạn có tin nhắn mới";
+        const desc = generateContentBasedOnMessageType(message.contentType, ((_a = message === null || message === void 0 ? void 0 : message.textElem) === null || _a === void 0 ? void 0 : _a.content) || "") || t("new_message");
         const { data: successMessage } = await DChatSDK.sendMessage({
             recvID: recvID || "",
             groupID: groupID || "",
@@ -124,7 +143,8 @@ export const useSendMessage = () => {
         if (!storedFiles) {
             let newTextPayload = null;
             const textContent = ((_a = failedMessage.textElem) === null || _a === void 0 ? void 0 : _a.content) || failedMessage.content || "";
-            if (failedMessage.contentType === MessageType.UrlTextMessage && failedMessage.urlTextElem) {
+            if (failedMessage.contentType === MessageType.UrlTextMessage &&
+                failedMessage.urlTextElem) {
                 newTextPayload = await createUrlTextMessage(textContent, failedMessage.urlTextElem.urls);
             }
             else {
@@ -204,7 +224,11 @@ export const useSendMessage = () => {
         const urls = extractLinks(plainText);
         const isUrlMessage = urls.length > 0;
         let message = null;
-        if (isUrlMessage) {
+        if (!!(quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.clientMsgID)) {
+            message = await createQuoteMessage(plainText, quotedMessage);
+            setQuotedMessage(null);
+        }
+        else if (isUrlMessage) {
             message = await createUrlTextMessage(plainText, urls);
         }
         else {
@@ -218,7 +242,7 @@ export const useSendMessage = () => {
         });
         let messageItem = Object.assign(Object.assign({}, message), { ex: JSON.stringify(extendMessageInfo) || "{}" });
         sendMessage(messageItem);
-    }, [recvID, groupID, user, sendMessage]);
+    }, [recvID, groupID, user, sendMessage, quotedMessage, setQuotedMessage]);
     const sendMergeMessage = useCallback(async ({ richText, plainText, files, currentSession, }) => {
         if (!recvID && !groupID)
             return;
@@ -313,20 +337,27 @@ export const useSendMessage = () => {
             }
         }
         if (!!plainText && plainText.trim() !== "") {
-            const textMessage = await createTextMessage(plainText);
+            let textMessage = null;
+            if (quotedMessage) {
+                textMessage = await createQuoteMessage(plainText, quotedMessage);
+                setQuotedMessage(null);
+            }
+            else {
+                textMessage = await createTextMessage(plainText);
+            }
             if (!textMessage)
                 return;
             messageList.push(textMessage);
         }
         for (const message of messageList) {
             const extendMessageInfo = generateExtendMessageInfo({
-                richText,
+                richText: (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.TextMessage ? richText : "",
                 currentSession,
             });
             const mMessage = Object.assign(Object.assign({}, message), { ex: JSON.stringify(extendMessageInfo) || "{}" });
             await sendMessage(mMessage);
         }
-    }, [recvID, groupID, sendMessage]);
+    }, [recvID, groupID, sendMessage, quotedMessage, setQuotedMessage]);
     return {
         sendTextMessage,
         sendMergeMessage,

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

@@ -0,0 +1,8 @@
+import { BaseResponse } from "../../types/dto";
+interface AssignSessionParams {
+    sessionId: string;
+    supporterId: string;
+}
+export declare const useAssignSession: () => import("@tanstack/react-query").UseMutationResult<BaseResponse<boolean>, Error, AssignSessionParams, unknown>;
+export {};
+//# sourceMappingURL=useAssignSession.d.ts.map

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

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

package/dist/hooks/session/useAssignSession.js

@@ -0,0 +1,15 @@
+import { useMutation } from "@tanstack/react-query";
+import { QUERY_KEYS } from "../../services/query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import useAuthStore from "../../store/auth";
+export const useAssignSession = () => useMutation({
+    mutationKey: [QUERY_KEYS.ASSIGN_SESSION],
+    mutationFn: async ({ sessionId, supporterId }) => {
+        const res = await apiInstance.post(ENDPOINTS.chatService.assignSession(sessionId), {
+            applicationType: useAuthStore.getState().applicationType,
+            supporterId,
+        });
+        return res === null || res === void 0 ? void 0 : res.data;
+    },
+});

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

@@ -1 +1 @@
-{"version":3,"file":"useCreateNote.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useCreateNote.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,aAAa;oBAQJ,MAAM;aACb,MAAM;cACL,MAAM;WAgBlB,CAAC"}
+{"version":3,"file":"useCreateNote.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useCreateNote.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,eAAO,MAAM,aAAa;oBAQJ,MAAM;aACb,MAAM;cACL,MAAM;WAgBlB,CAAC"}

package/dist/hooks/session/useCreateNote.js

@@ -2,6 +2,7 @@ import { useMutation } from "@tanstack/react-query";
 import { QUERY_KEYS } from "../../services/query";
 import { apiInstance } from "../../services/api";
 import { ENDPOINTS } from "../../services/routes";
+import { DChatApplicationType } from "../../types/chat";
 export const useCreateNote = () => useMutation({
     mutationKey: [QUERY_KEYS.CREATE_NOTE],
     mutationFn: async ({ conversationId, content, targetId, }) => {
@@ -11,7 +12,7 @@ export const useCreateNote = () => useMutation({
             targetId,
             targetType: "USER",
         }, {
-            params: { applicationType: "OBEFE" },
+            params: { applicationType: DChatApplicationType.OBEFE },
         });
         return res === null || res === void 0 ? void 0 : res.data;
     },

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

@@ -0,0 +1,8 @@
+import { ISupporterResponse } from "../../types/dto";
+interface UseGetTeamSupportersParams {
+    teamId: string;
+    search?: string;
+}
+export declare const useGetTeamSupporters: ({ teamId, search, }: UseGetTeamSupportersParams) => import("@tanstack/react-query").UseQueryResult<ISupporterResponse[], Error>;
+export {};
+//# sourceMappingURL=useGetTeamSupporters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetTeamSupporters.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useGetTeamSupporters.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGnE,UAAU,0BAA0B;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,oBAAoB,GAAI,qBAGlC,0BAA0B,gFAiBzB,CAAC"}

package/dist/hooks/session/useGetTeamSupporters.js

@@ -0,0 +1,20 @@
+import { useQuery, keepPreviousData } from "@tanstack/react-query";
+import { QUERY_KEYS } from "../../services/query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import useAuthStore from "../../store/auth";
+export const useGetTeamSupporters = ({ teamId, search, }) => useQuery({
+    queryKey: [QUERY_KEYS.GET_TEAM_SUPPORTERS, teamId, search],
+    queryFn: async () => {
+        var _a;
+        const res = await apiInstance.get(ENDPOINTS.chatService.getTeamSupporters(teamId), {
+            params: {
+                applicationType: useAuthStore.getState().applicationType,
+                search: search || null,
+            },
+        });
+        return (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data;
+    },
+    enabled: !!teamId,
+    placeholderData: keepPreviousData,
+});

package/dist/index.d.ts

@@ -12,6 +12,7 @@ export { default as qs } from "query-string";
 export * from "antd/es/table";
 export { ChatProvider, useChatContext } from "./context/ChatContext";
 export { DChatDeskMessage, DChatBubble, Icon };
+export { default as RichTextEditor } from "./components/richTextEditor/RichTextEditor";
 export { useDChatAuth } from "./hooks/user/useAuth";
 export { useUpdateFcmToken } from "./hooks/user/useUpdateFcmToken";
 export { useUserStore, DChatApplicationType, useAuthStore };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,cAAc,CAAC;AAC7C,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC;AAI5D,OAAO,EACL,QAAQ,IAAI,aAAa,EACzB,QAAQ,IAAI,aAAa,EACzB,WAAW,IAAI,gBAAgB,GAChC,CAAC;AAEF,YAAY,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,cAAc,CAAC;AAC7C,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAGvF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC;AAI5D,OAAO,EACL,QAAQ,IAAI,aAAa,EACzB,QAAQ,IAAI,aAAa,EACzB,WAAW,IAAI,gBAAgB,GAChC,CAAC;AAEF,YAAY,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/index.js

@@ -14,6 +14,7 @@ export * from "antd/es/table";
 export { ChatProvider, useChatContext } from "./context/ChatContext";
 //Components
 export { DChatDeskMessage, DChatBubble, Icon };
+export { default as RichTextEditor } from "./components/richTextEditor/RichTextEditor";
 //Hooks
 export { useDChatAuth } from "./hooks/user/useAuth";
 export { useUpdateFcmToken } from "./hooks/user/useUpdateFcmToken";