@droppii-org/chat-sdk 0.8.3 → 0.8.4

package/dist/components/canned-response/CannedResponseBody.js

@@ -7,7 +7,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { CannedResponseVisibleScope } from "../../types/chat";
 import TeamItem from "./team/TeamItem";
 import { useFetchCannedResponse } from "../../hooks/canned-response/useFetchCannedResponse";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import { Icon } from "../../components/icon";
 import { sanitizeHtml } from "../../utils/common";
 import { useDebounce } from "ahooks";

package/dist/components/common/ShadowSafeInfiniteScroll.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps } from "react";
+import InfiniteScroll from "react-infinite-scroll-component";
+type InfiniteScrollProps = ComponentProps<typeof InfiniteScroll>;
+/**
+ * Drop-in replacement for `react-infinite-scroll-component` that resolves a
+ * string `scrollableTarget` inside the tree the list is mounted in.
+ *
+ * The library looks the id up with `document.getElementById`, which cannot see
+ * into a shadow root (Mall renders the chat in one), so the scroll listener
+ * never attached and page 2 was never requested. Here the id is resolved
+ * through the probe's own root node and the element is handed to the library.
+ */
+declare const ShadowSafeInfiniteScroll: ({ scrollableTarget, children, ...rest }: InfiniteScrollProps) => import("react/jsx-runtime").JSX.Element;
+export default ShadowSafeInfiniteScroll;
+//# sourceMappingURL=ShadowSafeInfiniteScroll.d.ts.map

package/dist/components/common/ShadowSafeInfiniteScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowSafeInfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/common/ShadowSafeInfiniteScroll.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAyB,MAAM,OAAO,CAAC;AAC9D,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAE7D,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAEjE;;;;;;;;GAQG;AACH,QAAA,MAAM,wBAAwB,GAAI,yCAI/B,mBAAmB,4CA2CrB,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/components/common/ShadowSafeInfiniteScroll.js

@@ -0,0 +1,45 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import InfiniteScroll from "react-infinite-scroll-component";
+/**
+ * Drop-in replacement for `react-infinite-scroll-component` that resolves a
+ * string `scrollableTarget` inside the tree the list is mounted in.
+ *
+ * The library looks the id up with `document.getElementById`, which cannot see
+ * into a shadow root (Mall renders the chat in one), so the scroll listener
+ * never attached and page 2 was never requested. Here the id is resolved
+ * through the probe's own root node and the element is handed to the library.
+ */
+const ShadowSafeInfiniteScroll = (_a) => {
+    var { scrollableTarget, children } = _a, rest = __rest(_a, ["scrollableTarget", "children"]);
+    const targetId = typeof scrollableTarget === "string" ? scrollableTarget : null;
+    const [resolved, setResolved] = useState(null);
+    const probeRef = useCallback((node) => {
+        if (!node || !targetId)
+            return;
+        const root = node.getRootNode();
+        const element = typeof root.getElementById === "function"
+            ? root.getElementById(targetId)
+            : null;
+        setResolved({ id: targetId, target: element !== null && element !== void 0 ? element : targetId });
+    }, [targetId]);
+    if (!targetId) {
+        return (_jsx(InfiniteScroll, Object.assign({}, rest, { scrollableTarget: scrollableTarget, children: children })));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("span", { ref: probeRef, hidden: true, "aria-hidden": "true" }), (resolved === null || resolved === void 0 ? void 0 : resolved.id) === targetId && (
+            // The library types the prop as ReactNode but accepts an element.
+            _jsx(InfiniteScroll, Object.assign({}, rest, { scrollableTarget: resolved.target, children: children })))] }));
+};
+export default ShadowSafeInfiniteScroll;

package/dist/components/conversation/DeskConversationList.js

@@ -8,7 +8,7 @@ import { useTranslation } from "react-i18next";
 import { useBoolean, useDebounce } from "ahooks";
 import SearchConversation from "../../components/search-conversation";
 import useSessionStore from "../../store/session";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import ConversationBySessionItem from "./ConversationBySessionItem";
 import ConversationByGroupItem from "./ConversationByGroupItem";
 import { useGetSessionList } from "../../hooks/session/useGetSessionList";

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

@@ -43,8 +43,8 @@ const ConversationMessageList = ({ bottomSlot, onCopyMessageLink, onSearchMessag
     const canReply = usePeerLinkState(conversation) !== "unlinked";
     const viewerUserID = (user === null || user === void 0 ? void 0 : user.userID) || authUserID;
     const isAgentView = isSupportSessionAgentView(Object.assign(Object.assign({}, conversation), { conversationID: conversationId }), viewerUserID);
-    // App history strips the assignment log and session dividers, which an
-    // agent handling someone else's session needs — load the full history.
+    // An agent handling someone else's session keeps loading the full history;
+    // the assignment log and session dividers in it are hidden at render.
     const useAppHistory = !isAgentView;
     const messageController = useMessage(conversationId, searchClientMsgID, true, useAppHistory, onSearchMessageRevoked);
     useViewOnlyGroupRefresh({

package/dist/components/conversation-detail/thread-search/ThreadSearchContent.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Input, Spin, message as toastMessage } from "antd";
 import { useDebounce } from "ahooks";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../../common/ShadowSafeInfiniteScroll";
 import { useTranslation } from "react-i18next";
 import { MessageType, } from "@droppii-org/wasm-client-sdk";
 import { Icon } from "../../../components/icon";

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import { Empty } from "antd";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import useConversationStore from "../../store/conversation";
 import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";
 import { Icon } from "../../components/icon";

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Spin } from "antd";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import { useTranslation } from "react-i18next";
 import { useChatContext } from "../../context/ChatContext";
 import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";

package/dist/components/conversation-inbox/contact-search/ContactSearchMessagesTab.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Spin } from "antd";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../../common/ShadowSafeInfiniteScroll";
 import { useTranslation } from "react-i18next";
 import ContactSearchMessageResultItem from "./ContactSearchMessageResultItem";
 import ContactSearchStateMessage from "./ContactSearchStateMessage";

package/dist/components/conversation-inbox/contact-search/ContactSearchPanel.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from "react";
 import { Drawer, Input, Spin, message as toastMessage, } from "antd";
 import { useDebounce } from "ahooks";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../../common/ShadowSafeInfiniteScroll";
 import { useTranslation } from "react-i18next";
 import { MessageType } from "@droppii-org/wasm-client-sdk";
 import { Icon } from "../../../components/icon";

package/dist/components/media-collection/FileCollection.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MessageType } from "@droppii-org/wasm-client-sdk";
 import { useSearchMessage } from "../../hooks/search/useSearchMessage";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import { Empty, Spin } from "antd";
 import { useCallback } from "react";
 import dayjs from "dayjs";

package/dist/components/media-collection/ImageCollection.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MessageType } from "@droppii-org/wasm-client-sdk";
 import { useSearchMessage } from "../../hooks/search/useSearchMessage";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import { Empty, Image, Spin } from "antd";
 import { useCallback } from "react";
 import dayjs from "dayjs";

package/dist/components/media-collection/LinkCollection.js

@@ -6,7 +6,7 @@ import { useSearchMessage } from "../../hooks/search/useSearchMessage";
 import { useCallback } from "react";
 import dayjs from "dayjs";
 import { LIBRARY_DATE_HEADER_FORMAT } from "../../constants/dateFormat";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import { MessageType, SessionType } from "@droppii-org/wasm-client-sdk";
 import { Icon } from "../../components/icon";
 import { DChatSDK } from "../../constants/sdk";
@@ -72,7 +72,7 @@ const LinkCollection = ({ onClose }) => {
                     }) })] }, date));
     }, []);
     if (dataFlatten.length === 0 && !isLoading)
-        return _jsx(Empty, { description: t("no_media_files") });
+        return _jsx(Empty, { description: t("no_resource_links") });
     if (isLoading)
         return (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Spin, {}) }));
     return (_jsx("div", { id: "scrollableFileDiv", "data-cp-name": "LinkCollection", className: "h-full overflow-auto", children: _jsx(InfiniteScroll, { dataLength: Object.keys(groupedData).length, next: fetchNextPage, hasMore: hasNextPage, loader: _jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }), scrollableTarget: "scrollableFileDiv", children: Object.entries(groupedData).map(([date, items]) => renderItem(date, items)) }) }));

package/dist/components/media-collection/VideoCollection.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MessageType } from "@droppii-org/wasm-client-sdk";
 import { useSearchMessage } from "../../hooks/search/useSearchMessage";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import { Empty, Image, Spin } from "antd";
 import { useState } from "react";
 import dayjs from "dayjs";

package/dist/components/media-resources/ResourceScrollContainer.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import { Button, Spin } from "antd";
 import { useTranslation } from "react-i18next";
 import ResourceEmptyState from "./ResourceEmptyState";

package/dist/components/message/MessageInfiniteScroll.js

@@ -2,6 +2,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Spin } from "antd";
 import clsx from "clsx";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 const MessageInfiniteScroll = ({ scrollRef, scrollableTargetId, loadState, moreOldLoading = false, onLoadMoreOld, onScroll, children, empty, containerClassName, containerProps, }) => (_jsx("div", Object.assign({ id: scrollableTargetId, ref: scrollRef, className: clsx("flex h-full flex-col-reverse overflow-x-hidden overflow-y-auto pb-3", containerClassName), "data-cp-name": "MessageInfiniteScroll" }, containerProps, { children: empty && loadState.messageList.length === 0 ? (empty) : (_jsx(InfiniteScroll, { dataLength: loadState.messageList.length, next: onLoadMoreOld, className: "flex w-full min-w-0 flex-col-reverse", inverse: true, hasMore: loadState.hasMoreOld, loader: moreOldLoading ? (_jsx("div", { className: "flex w-full items-center justify-center py-2", children: _jsx(Spin, { size: "small" }) })) : (_jsx("span", { className: "sr-only" })), scrollableTarget: scrollableTargetId, onScroll: (e) => onScroll(e), children: children })) })));
 export default MessageInfiniteScroll;

package/dist/components/message/footer/EnterHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnterHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/EnterHandler.tsx"],"names":[],"mappings":"AAoBA,MAAM,CAAC,OAAO,UAAU,YAAY,SAkHnC"}
+{"version":3,"file":"EnterHandler.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/EnterHandler.tsx"],"names":[],"mappings":"AA+BA,MAAM,CAAC,OAAO,UAAU,YAAY,SAyHnC"}

package/dist/components/message/footer/EnterHandler.js

@@ -1,6 +1,7 @@
 "use client";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import { KEY_ENTER_COMMAND, COMMAND_PRIORITY_NORMAL, $createParagraphNode, $getRoot, } from "lexical";
+import { KEY_ENTER_COMMAND, COMMAND_PRIORITY_NORMAL, $createParagraphNode, $getRoot, $getSelection, $isRangeSelection, } from "lexical";
+import { $isListNode } from "@lexical/list";
 import { clearComposerHistoryAfterUpdate } from "./clearComposerHistory";
 import { resetEditorAfterSend, resetEditorIfUnchanged } from "./resetEditorAfterSend";
 import { useEffect, useRef } from "react";
@@ -11,6 +12,12 @@ import emitter, { emit } from "../../../utils/events";
 import { extractMentions } from "./mention/extractMentions";
 import useAuthStore from "../../../store/auth";
 import { LAYOUT_MEDIA } from "../../../constants/layout";
+const isCaretInList = (editor) => editor.getEditorState().read(() => {
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection))
+        return false;
+    return $isListNode(selection.anchor.getNode().getTopLevelElement());
+});
 export default function EnterHandler() {
     const [editor] = useLexicalComposerContext();
     const { onSendMessage, isInternal, listUploadFiles, isOpenCanned, activeCannedIndex, isMentionMenuOpen, } = useMessageFooterContext();
@@ -37,6 +44,12 @@ export default function EnterHandler() {
                 // A null event (IME composition end) has nothing to send or cancel on desktop.
                 if (isCrm && !event)
                     return true;
+                // Enter inside a list item continues (or, on an empty item, leaves) the
+                // list through Lexical's own handler; Ctrl/Cmd+Enter or the Send button
+                // sends from there.
+                if (!isOpenCanned && event && !event.ctrlKey && !event.metaKey && isCaretInList(editor)) {
+                    return false;
+                }
                 event.preventDefault();
                 if (isOpenCanned) {
                     emit("CANNED_RESPONSE_SELECT", activeCannedIndex);

package/dist/components/message/footer/ToolbarPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/ToolbarPlugin.tsx"],"names":[],"mappings":"AA4DA,eAAO,MAAM,aAAa,GAAI,aAAqB;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,4CA2NvE,CAAC"}
+{"version":3,"file":"ToolbarPlugin.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/ToolbarPlugin.tsx"],"names":[],"mappings":"AA6DA,eAAO,MAAM,aAAa,GAAI,aAAqB;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,4CAkOvE,CAAC"}

package/dist/components/message/footer/ToolbarPlugin.js

@@ -6,7 +6,7 @@ import { $isListNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND
 import { $createQuoteNode, $isQuoteNode } from "@lexical/rich-text";
 import { TOGGLE_LINK_COMMAND } from "@lexical/link";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { BoldOutlined, ItalicOutlined, StrikethroughOutlined, OrderedListOutlined, UnorderedListOutlined, } from "@ant-design/icons";
+import { BoldOutlined, ItalicOutlined, StrikethroughOutlined, UnderlineOutlined, OrderedListOutlined, UnorderedListOutlined, } from "@ant-design/icons";
 import { Button } from "antd";
 const quoteIcon = (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M5.24615 10.5714C4.5616 10.5714 3.99078 10.5715 3.53762 10.5105C3.0593 10.4462 2.62745 10.3047 2.28042 9.95769C1.9334 9.61072 1.79194 9.17887 1.72763 8.70055C1.6667 8.24737 1.66673 7.67654 1.66675 6.99199V6.91274C1.66673 6.22819 1.6667 5.65734 1.72763 5.20419C1.79194 4.72586 1.9334 4.29401 2.28043 3.94699C2.62746 3.59997 3.0593 3.4585 3.53762 3.3942C3.99078 3.33327 4.56161 3.33329 5.24615 3.33331H5.32541C6.00995 3.33329 6.5808 3.33327 7.03397 3.3942C7.51228 3.4585 7.94413 3.59997 8.29116 3.94699C8.63817 4.29401 8.77966 4.72586 8.84396 5.20419C8.90491 5.65734 8.90484 6.22817 8.90484 6.91272V6.99198C8.90484 7.67652 8.90491 8.24737 8.84396 8.70055C8.77966 9.17887 8.63817 9.61072 8.29116 9.95769C7.94413 10.3047 7.51228 10.4462 7.03397 10.5105C6.5808 10.5715 6.00998 10.5714 5.32544 10.5714H5.24615Z", fill: "currentColor" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.84403 16.1313C2.71884 15.7295 2.94301 15.3023 3.34474 15.1772C5.71249 14.4393 7.38095 12.3426 7.38095 9.914V6.76172C7.38095 6.34094 7.72207 5.99982 8.14286 5.99982C8.56366 5.99982 8.90476 6.34094 8.90476 6.76172V9.914C8.90476 13.0731 6.73976 15.7152 3.79812 16.6319C3.39638 16.7572 2.96923 16.533 2.84403 16.1313Z", fill: "currentColor" }), _jsx("path", { d: "M14.389 10.5714C13.7044 10.5714 13.1336 10.5715 12.6804 10.5105C12.2021 10.4462 11.7703 10.3047 11.4233 9.95769C11.0762 9.61072 10.9348 9.17887 10.8704 8.70055C10.8095 8.24737 10.8096 7.67654 10.8096 6.99199V6.91274C10.8096 6.22819 10.8095 5.65734 10.8704 5.20419C10.9348 4.72586 11.0762 4.29401 11.4233 3.94699C11.7703 3.59997 12.2021 3.4585 12.6804 3.3942C13.1336 3.33327 13.7044 3.33329 14.389 3.33331H14.4682C15.1528 3.33329 15.7236 3.33327 16.1768 3.3942C16.6551 3.4585 17.087 3.59997 17.4339 3.94699C17.781 4.29401 17.9225 4.72586 17.9868 5.20419C18.0477 5.65734 18.0477 6.22817 18.0477 6.91272V6.99198C18.0477 7.67652 18.0477 8.24737 17.9868 8.70055C17.9225 9.17887 17.781 9.61072 17.4339 9.95769C17.087 10.3047 16.6551 10.4462 16.1768 10.5105C15.7236 10.5715 15.1528 10.5714 14.4682 10.5714H14.389Z", fill: "currentColor" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9869 16.1313C11.8617 15.7295 12.0858 15.3023 12.4876 15.1772C14.8553 14.4393 16.5238 12.3426 16.5238 9.914V6.76172C16.5238 6.34094 16.8649 5.99982 17.2857 5.99982C17.7065 5.99982 18.0476 6.34094 18.0476 6.76172V9.914C18.0476 13.0731 15.8825 15.7152 12.9409 16.6319C12.5392 16.7572 12.112 16.533 11.9869 16.1313Z", fill: "currentColor" })] }));
 export const ToolbarPlugin = ({ compact = false }) => {
@@ -26,6 +26,12 @@ export const ToolbarPlugin = ({ compact = false }) => {
                 onPress: () => formatText("italic"),
                 isActive: activeMarks.includes("italic"),
             },
+            {
+                key: "underline",
+                icon: _jsx(UnderlineOutlined, { size: 22 }),
+                onPress: () => formatText("underline"),
+                isActive: activeMarks.includes("underline"),
+            },
             {
                 key: "strikethrough",
                 icon: _jsx(StrikethroughOutlined, { size: 22 }),
@@ -120,6 +126,8 @@ export const ToolbarPlugin = ({ compact = false }) => {
                         marks.push("bold");
                     if (selection.hasFormat("italic"))
                         marks.push("italic");
+                    if (selection.hasFormat("underline"))
+                        marks.push("underline");
                     if (selection.hasFormat("strikethrough"))
                         marks.push("strikethrough");
                     // block

package/dist/components/message/footer/resetEditorAfterSend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resetEditorAfterSend.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/resetEditorAfterSend.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAoE,MAAM,SAAS,CAAC;AAW1G,eAAO,MAAM,sBAAsB,GACjC,QAAQ,aAAa,EACrB,MAAM;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,SAU9C,CAAC;AAIF,eAAO,MAAM,oBAAoB,GAAI,QAAQ,aAAa,SAgDzD,CAAC"}
+{"version":3,"file":"resetEditorAfterSend.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/resetEditorAfterSend.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAoE,MAAM,SAAS,CAAC;AAW1G,eAAO,MAAM,sBAAsB,GACjC,QAAQ,aAAa,EACrB,MAAM;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,SAU9C,CAAC;AAIF,eAAO,MAAM,oBAAoB,GAAI,QAAQ,aAAa,SA4CzD,CAAC"}

package/dist/components/message/footer/resetEditorAfterSend.js

@@ -16,8 +16,8 @@ export const resetEditorIfUnchanged = (editor, sent) => {
         return;
     resetEditorAfterSend(editor);
 };
-// Empties the composer after a send but keeps the typing format, list and quote
-// context, so the next message continues in the same block style.
+// Empties the composer after a send. Inline marks are cleared; the list and
+// quote context stays so the next message continues in the same block style.
 export const resetEditorAfterSend = (editor) => {
     clearComposerHistoryAfterUpdate(editor);
     editor.update(() => {
@@ -35,15 +35,11 @@ export const resetEditorAfterSend = (editor) => {
             const listType = isListNode
                 ? topLevelNode.getListType()
                 : undefined;
-            if (selection.hasFormat("bold")) {
-                selection.formatText("bold");
-            }
-            if (selection.hasFormat("italic")) {
-                selection.formatText("italic");
-            }
-            if (selection.hasFormat("strikethrough")) {
-                selection.formatText("strikethrough");
-            }
+            // paragraph.select() keeps the previous selection's typing format, so a
+            // mark switched on before sending (bold, italic, underline...) would carry
+            // into the next message. Drop every mark instead of toggling known ones.
+            selection.format = 0;
+            selection.style = "";
             if (isQuoteNode) {
                 // Nếu đang là QuoteNode → chuyển về Paragraph (bình thường)
                 const paragraph = $createParagraphNode();

package/dist/components/message/item/index.js

@@ -186,7 +186,7 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
     const isSystemLogMessage = isSystemLogMessageType(message === null || message === void 0 ? void 0 : message.contentType);
     const isGroupNotificationMessage = isGroupNotificationMessageType(message === null || message === void 0 ? void 0 : message.contentType);
     const isSessionEvent = isSessionEventMessage(message);
-    const showsSessionEvents = isCrm || isSessionAgentView;
+    const showsSessionEvents = isCrm;
     const isStickerMessage = (message === null || message === void 0 ? void 0 : message.contentType) === MessageType.StickerMessage;
     const hasContextMenu = contextMenuItems.length > 0;
     const isLatestMine = ((_a = allMessages.find((m) => m.sendID === userID)) === null || _a === void 0 ? void 0 : _a.clientMsgID) ===
@@ -265,7 +265,7 @@ const MessageItem = ({ message, allMessages, isGroupChat = false, forceHideTip =
             memberRun ? (_jsx(MemberEventSummary, { messages: memberRun.messages })) : (_jsx(GroupNotificationMessageItem, { message: message }))));
     }
     if (isSessionEvent) {
-        // Owners in consumer apps don't see session dividers; CRM and agents do.
+        // Only CRM shows session dividers; consumer apps and PDP agents do not.
         if (!showsSessionEvents)
             return hiddenMessageNode;
         return (_createElement("div", Object.assign({}, messageContainerProps, { key: message === null || message === void 0 ? void 0 : message.clientMsgID }),

package/dist/components/search-conversation/SearchConversationAsGroups.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Empty, Spin } from "antd";
 import { useTranslation } from "react-i18next";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import SearchItemAsGroup from "./item/SearchItemAsGroup";
 import { useSearchGroups } from "../../hooks/search/useSearchGroups";
 import { useSearchScope } from "./SearchScopeContext";

package/dist/components/search-conversation/SearchConversationAsMessages.js

@@ -3,7 +3,7 @@ import { Empty, Spin } from "antd";
 import { useTranslation } from "react-i18next";
 import { useSearchMessage } from "../../hooks/search/useSearchMessage";
 import { MessageType } from "@droppii-org/wasm-client-sdk";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import SearchItemAsMessage from "./item/SearchItemAsMessage";
 import { useSearchScope } from "./SearchScopeContext";
 const SearchConversationAsMessages = (props) => {

package/dist/components/search-conversation/SearchConversationAsUsers.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Empty, Spin } from "antd";
 import { useTranslation } from "react-i18next";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import SearchItemAsUser from "./item/SearchItemAsUser";
 import { useSearchUsers } from "../../hooks/search/useSearchUsers";
 import { useSearchScope } from "./SearchScopeContext";

package/dist/components/search-conversation/SearchMessageOnCurrentConversation.js

@@ -3,7 +3,7 @@ import { Empty, Spin } from "antd";
 import { useTranslation } from "react-i18next";
 import { useSearchMessage } from "../../hooks/search/useSearchMessage";
 import { MessageType } from "@droppii-org/wasm-client-sdk";
-import InfiniteScroll from "react-infinite-scroll-component";
+import InfiniteScroll from "../common/ShadowSafeInfiniteScroll";
 import SearchItemAsMessage from "./item/SearchItemAsMessage";
 import useConversationStore from "../../store/conversation";
 const SearchMessageOnCurrentConversation = (props) => {

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

@@ -4,7 +4,7 @@ export declare const isMessageHiddenForViewer: (message: MessageItem, isCrm: boo
     peerType?: string;
     conversationType?: number;
     ex?: string;
-}, viewerUserID?: string) => boolean;
+}, _viewerUserID?: string) => boolean;
 export declare const useMessage: (conversationId?: string, searchClientMsgID?: string, enabled?: boolean, useAppHistory?: boolean, onSearchMessageRevoked?: () => void) => {
     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,EAEX,WAAW,EAEZ,MAAM,8BAA8B,CAAC;AAkBtC,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,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,EAC5E,eAAe,MAAM,KACpB,OA4BF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB,EAGrB,yBAAyB,MAAM,IAAI;;;;;qBAed,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;;uCA6BlB,MAAM;CAscvB,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,EAC1B,YAAY,CAAC,SAAS,EAAE,WAAW,KAAK,OAAO,KAC9C,WAAW,GAAG,SAqBhB,CAAC;AAMF,eAAO,MAAM,oBAAoB,GAC/B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAQhB,CAAC;AAkCF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,WAAW,EAAE,EACtB,SAAS,WAAW,EAAE,kBAgBvB,CAAC"}
+{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EAEX,WAAW,EAEZ,MAAM,8BAA8B,CAAC;AAiBtC,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,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,EAC5E,gBAAgB,MAAM,KACrB,OA2BF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB,EAGrB,yBAAyB,MAAM,IAAI;;;;;qBAed,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;;uCA6BlB,MAAM;CAscvB,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,EAC1B,YAAY,CAAC,SAAS,EAAE,WAAW,KAAK,OAAO,KAC9C,WAAW,GAAG,SAqBhB,CAAC;AAMF,eAAO,MAAM,oBAAoB,GAC/B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAQhB,CAAC;AAkCF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,WAAW,EAAE,EACtB,SAAS,WAAW,EAAE,kBAgBvB,CAAC"}

package/dist/hooks/message/useMessage.js

@@ -12,7 +12,6 @@ import { useCanLoadChatData } from "../../hooks/init/useCanLoadChatData";
 import { GROUP_NOTIFICATION_MESSAGE_TYPES, isGroupNotificationMessageType, isSessionEventMessage, isSystemLogMessageType } from "../../utils/messageLog";
 import { isEventCustomMessage, isRenderableCustomMessage, } from "../../utils/customMessage";
 import { isGroupConversation } from "../../utils/imCommon";
-import { isSupportSessionAgentView } from "../../utils/conversation";
 export const visibleTypeMessage = [
     MessageType.TextMessage,
     MessageType.PictureMessage,
@@ -32,7 +31,7 @@ export const visibleTypeMessage = [
     MessageType.LogTextMessage,
     ...GROUP_NOTIFICATION_MESSAGE_TYPES,
 ];
-export const isMessageHiddenForViewer = (message, isCrm, conversation, viewerUserID) => {
+export const isMessageHiddenForViewer = (message, isCrm, conversation, _viewerUserID) => {
     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
@@ -45,14 +44,13 @@ export const isMessageHiddenForViewer = (message, isCrm, conversation, viewerUse
     // never sees them.
     if (isCrm)
         return isEventCustomMessage(message);
-    // An agent handling someone else's session (e.g. PDP CS) needs the
-    // assignment log and session dividers; the owner never sees them.
-    const isAgentView = isSupportSessionAgentView(conversation, viewerUserID);
-    if (isAgentView && isSessionEventMessage(message))
-        return false;
+    // Outside CRM the viewer is either the session owner or an agent handling the
+    // owner's session (PDP Portal). Neither sees session management: the
+    // assignment log and the session start/end dividers stay hidden.
     const isCustomMessage = MessageType.CustomMessage === (message === null || message === void 0 ? void 0 : message.contentType);
     return (Boolean(message === null || message === void 0 ? void 0 : message.isInternal) ||
-        (!isAgentView && isSystemLogMessageType(message === null || message === void 0 ? void 0 : message.contentType)) ||
+        isSystemLogMessageType(message === null || message === void 0 ? void 0 : message.contentType) ||
+        isSessionEventMessage(message) ||
         (isCustomMessage && !isRenderableCustomMessage(message)));
 };
 export const useMessage = (conversationId, searchClientMsgID, enabled = true, useAppHistory = false, 

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

@@ -1 +1 @@
-{"version":3,"file":"useMessageListScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessageListScroll.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,WAAW,EAAe,MAAM,8BAA8B,CAAC;AAYxE,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAEhD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,WAAW,EAAE,CAAC;CAC5B;AAED,UAAU,0BAA0B;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,oBAAoB,CAAC;IAChC,eAAe,EAAE,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;IACxD,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD,kBAAkB,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uFAAuF;IACvF,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAED,eAAO,MAAM,oBAAoB,GAAI,sLAYlC,0BAA0B;;;;8BAsErB,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC;;;mCA0Ce,MAAM;CAyEzD,CAAC"}
+{"version":3,"file":"useMessageListScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessageListScroll.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,WAAW,EAAe,MAAM,8BAA8B,CAAC;AAYxE,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAEhD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,WAAW,EAAE,CAAC;CAC5B;AAED,UAAU,0BAA0B;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,oBAAoB,CAAC;IAChC,eAAe,EAAE,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;IACxD,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD,kBAAkB,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAClD,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uFAAuF;IACvF,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAED,eAAO,MAAM,oBAAoB,GAAI,sLAYlC,0BAA0B;;;;8BAsErB,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC;;;mCA0Ce,MAAM;CAkFzD,CAAC"}

package/dist/hooks/message/useMessageListScroll.js

@@ -101,6 +101,13 @@ export const useMessageListScroll = ({ conversationId, userId, isGroupChat, load
         });
     }, [handleMarkConversationMessageAsRead]);
     const scrollToMessage = useCallback((clientMsgID) => {
+        // Resolve in the tree the list lives in: inside a shadow root (Mall),
+        // document.getElementById cannot see the message elements.
+        const getMessageElementById = (id) => {
+            var _a, _b, _c;
+            const root = (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.getRootNode();
+            return ((_c = (_b = root === null || root === void 0 ? void 0 : root.getElementById) === null || _b === void 0 ? void 0 : _b.call(root, id)) !== null && _c !== void 0 ? _c : document.getElementById(id));
+        };
         // A search hit recalled since the results came back: say so instead of landing on its placeholder.
         // Checked before the scroll and again before the highlight, since the list reloads in between.
         const dropRevokedSearchTarget = () => {
@@ -117,7 +124,7 @@ export const useMessageListScroll = ({ conversationId, userId, isGroupChat, load
         setTimeout(() => {
             if (dropRevokedSearchTarget())
                 return;
-            const targetElement = document.getElementById(`${MSG_ITEM_PREFIX}${clientMsgID}`);
+            const targetElement = getMessageElementById(`${MSG_ITEM_PREFIX}${clientMsgID}`);
             targetElement === null || targetElement === void 0 ? void 0 : targetElement.scrollIntoView({
                 behavior: "auto",
                 block: "center",
@@ -126,10 +133,10 @@ export const useMessageListScroll = ({ conversationId, userId, isGroupChat, load
                 var _a;
                 if (dropRevokedSearchTarget())
                     return;
-                const targetContentElement = document.getElementById(`${MSG_ITEM_CONTENT_PREFIX}${clientMsgID}`);
+                const targetContentElement = getMessageElementById(`${MSG_ITEM_CONTENT_PREFIX}${clientMsgID}`);
                 // The border hugs the bubble; the pulse runs on the wrapper that also
                 // holds the pin badge, or the badge stays put while the bubble scales.
-                const pulseElement = (_a = document.getElementById(`${MSG_ITEM_BUBBLE_GROUP_PREFIX}${clientMsgID}`)) !== null && _a !== void 0 ? _a : targetContentElement;
+                const pulseElement = (_a = getMessageElementById(`${MSG_ITEM_BUBBLE_GROUP_PREFIX}${clientMsgID}`)) !== null && _a !== void 0 ? _a : targetContentElement;
                 const isHeld = useConversationStore.getState().heldHighlightClientMsgID ===
                     clientMsgID;
                 if (targetContentElement && isHeld) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-sdk",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "description": "Droppii React Chat SDK",
   "repository": {
     "type": "git",