@droppii-org/chat-sdk 0.1.1 → 0.1.3

package/dist/components/richTextEditor/RichTextEditor.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { LexicalComposer } from "@lexical/react/LexicalComposer";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
+import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
+import { ListPlugin } from "@lexical/react/LexicalListPlugin";
+import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
+import { $generateHtmlFromNodes, $generateNodesFromDOM } from "@lexical/html";
+import { $getRoot } from "lexical";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { useEffect } from "react";
+import { ToolbarPlugin } from "../message/footer/ToolbarPlugin";
+import MediaActions from "../message/footer/MediaActions";
+import { FilePreviewList } from "../message/footer/FilePreview";
+import { editorTheme, editorNodes, editorOnError, } from "../message/footer/editorConfig";
+const EDITOR_CONFIG = {
+    namespace: "CannedResponseEditor",
+    theme: editorTheme,
+    onError: editorOnError,
+    nodes: editorNodes,
+};
+function HtmlPlugin({ initialHtml }) {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        if (!initialHtml)
+            return;
+        editor.update(() => {
+            const parser = new DOMParser();
+            const dom = parser.parseFromString(initialHtml, "text/html");
+            const nodes = $generateNodesFromDOM(editor, dom);
+            const root = $getRoot();
+            root.clear();
+            root.append(...nodes);
+        }, { tag: "initial-html" });
+    }, [editor, initialHtml]);
+    return null;
+}
+export default function RichTextEditor({ initialHtml, placeholder, onChange, onFilesChange, minHeight = "160px", showMediaUpload = true, }) {
+    const [listUploadFiles, setListUploadFiles] = useState([]);
+    const handleChange = (editorState, editor, tags) => {
+        if (tags.has("initial-html"))
+            return;
+        editorState.read(() => {
+            const html = $generateHtmlFromNodes(editor);
+            const plainText = $getRoot().getTextContent().trim();
+            onChange === null || onChange === void 0 ? void 0 : onChange(html, plainText);
+        });
+    };
+    const handleRemoveFile = (file) => {
+        const newList = listUploadFiles.filter((f) => f.uid !== file.uid);
+        setListUploadFiles(newList);
+        onFilesChange === null || onFilesChange === void 0 ? void 0 : onFilesChange(newList);
+    };
+    const handleFilesChange = (files) => {
+        setListUploadFiles(files);
+        onFilesChange === null || onFilesChange === void 0 ? void 0 : onFilesChange(files);
+    };
+    return (_jsxs(LexicalComposer, { initialConfig: EDITOR_CONFIG, children: [_jsxs("div", { className: "border border-gray-200 rounded-lg", children: [_jsx(FilePreviewList, { files: listUploadFiles, onRemove: handleRemoveFile }), _jsx("div", { className: "relative", children: _jsx(RichTextPlugin, { contentEditable: _jsx(ContentEditable, { className: "px-3 py-2 text-sm outline-none", style: { minHeight } }), ErrorBoundary: LexicalErrorBoundary, placeholder: placeholder ? (_jsx("div", { className: "absolute top-2 left-3 pointer-events-none", children: _jsx("p", { className: "text-gray-400 text-sm", children: placeholder }) })) : null }) }), _jsxs("div", { className: "flex items-center border-t border-gray-100 px-2 py-1", children: [_jsx(ToolbarPlugin, {}), _jsx(MediaActions, { listUploadFiles: listUploadFiles, onFilesChange: handleFilesChange, showMediaUpload: showMediaUpload })] })] }), _jsx(LinkPlugin, {}), _jsx(ListPlugin, {}), _jsx(OnChangePlugin, { onChange: handleChange, ignoreSelectionChange: true }), _jsx(HtmlPlugin, { initialHtml: initialHtml })] }));
+}

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

@@ -20,5 +20,6 @@ export declare const useMessage: (conversationId?: string, searchClientMsgID?: s
 };
 export declare const pushNewMessage: (message: MessageItem) => void;
 export declare const updateOneMessage: (message: MessageItem) => void;
+export declare const removeOneMessage: (clientMsgID: string) => void;
 export declare const getVisibleNeighbor: (allMessages: MessageItem[], current: MessageItem, direction: "prev" | "next") => MessageItem | undefined;
 //# sourceMappingURL=useMessage.d.ts.map

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;;;;;;CAuMnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAElC,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({
@@ -143,11 +144,16 @@ export const useMessage = (conversationId, searchClientMsgID) => {
                 return Object.assign(Object.assign({}, preState), { messageList: tmpList });
             });
         };
+        const removeOneMessage = (clientMsgID) => {
+            setLoadState((preState) => (Object.assign(Object.assign({}, preState), { messageList: preState.messageList.filter((msg) => msg.clientMsgID !== clientMsgID) })));
+        };
         emitter.on("PUSH_NEW_MSG", pushNewMessage);
         emitter.on("UPDATE_ONE_MSG", updateOneMessage);
+        emitter.on("REMOVE_ONE_MSG", removeOneMessage);
         return () => {
             emitter.off("PUSH_NEW_MSG", pushNewMessage);
             emitter.off("UPDATE_ONE_MSG", updateOneMessage);
+            emitter.off("REMOVE_ONE_MSG", removeOneMessage);
         };
     }, []);
     useEffect(() => {
@@ -179,6 +185,7 @@ export const useMessage = (conversationId, searchClientMsgID) => {
 };
 export const pushNewMessage = (message) => emit("PUSH_NEW_MSG", message);
 export const updateOneMessage = (message) => emit("UPDATE_ONE_MSG", message);
+export const removeOneMessage = (clientMsgID) => emit("REMOVE_ONE_MSG", clientMsgID);
 export const getVisibleNeighbor = (allMessages, current, direction) => {
     const currentIndex = allMessages.findIndex((m) => m.clientMsgID === current.clientMsgID);
     if (currentIndex === -1)

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

@@ -2,12 +2,17 @@ import { MergerMsgParams, MessageItem } from "@openim/wasm-client-sdk";
 import { ExtendMessageInfo, FileMsgParamsByFile, ImageMsgParamsByFile, VideoMsgParamsByFile } from "../../types/chat";
 import { UploadFile } from "antd";
 import { ISessionByStatus } from "../../store/type";
+export declare const isMediaResendable: (message: {
+    clientMsgID: string;
+    contentType: number;
+}) => boolean;
 export declare const createTextMessage: (text: string) => Promise<MessageItem | null>;
 export declare const createImageMessageByFile: (file: ImageMsgParamsByFile) => Promise<MessageItem | null>;
 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 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;
@@ -20,6 +25,7 @@ export declare const useSendMessage: () => {
         files: UploadFile[];
         currentSession?: ISessionByStatus;
     }) => Promise<void>;
+    resendMessage: (failedMessage: MessageItem) => Promise<void>;
 };
 export declare const generateExtendMessageInfo: ({ richText, currentSession, }: {
     richText?: 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,EAEZ,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,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;gEAsDpB;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;CA0GJ,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"}