@droppii-org/chat-sdk 0.1.54 → 0.1.56

package/dist/components/biz-inbox/BizThreadAvatar.d.ts

@@ -1,7 +1,7 @@
-import { BizChatCategory, BizPeerType } from "../../types/biz";
+import { ChatCategory, PeerType } from "../../types/conversation";
 export interface BizThreadAvatarProps {
-    peerType: BizPeerType;
-    chatCategory: BizChatCategory;
+    peerType: PeerType;
+    chatCategory: ChatCategory;
     displayName: string;
     avatarUrl: string | null;
     badgeLabel: string;

package/dist/components/biz-inbox/BizThreadAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadAvatar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG3D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,eAAe,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,GAAI,iEAMtB,oBAAoB,4CAmCtB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"BizThreadAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadAvatar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAG9D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,GAAI,iEAMtB,oBAAoB,4CAmCtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/biz-inbox/BizThreadAvatar.js

@@ -2,11 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Icon } from "../../components/icon";
-import { BizChatCategory, BizPeerType } from "../../types/biz";
-import { resolveBizBadgeColor } from "../../utils/bizConversation";
+import { ChatCategory, PeerType } from "../../types/conversation";
+import { resolvePeerBadgeColor } from "../../utils/conversation";
 const BizThreadAvatar = ({ peerType, chatCategory, displayName, avatarUrl, badgeLabel, }) => {
-    const badge = badgeLabel ? (_jsx("span", { className: clsx("absolute -bottom-px -right-px flex h-[17px] items-center justify-center gap-2 rounded-md border border-white px-1 text-[10px] font-semibold leading-3 text-white shadow-badge-inset", resolveBizBadgeColor(peerType)), children: badgeLabel })) : null;
-    return (_jsxs("div", { className: "relative h-12 w-12 shrink-0", children: [avatarUrl ? (_jsx("img", { src: avatarUrl, alt: displayName, className: "h-12 w-12 rounded-full object-cover" })) : (_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-chat-avatar text-white", children: chatCategory === BizChatCategory.GROUP ||
-                    peerType === BizPeerType.GROUP ? (_jsx(Icon, { icon: "user-two-b", size: 20 })) : peerType === BizPeerType.BOT ? (_jsx(Icon, { icon: "droppii-o-1", size: 20 })) : (_jsx(Icon, { icon: "user-o", size: 20 })) })), badge] }));
+    const badge = badgeLabel ? (_jsx("span", { className: clsx("absolute -bottom-px -right-px flex h-[17px] items-center justify-center gap-2 rounded-md border border-white px-1 text-[10px] font-semibold leading-3 text-white shadow-badge-inset", resolvePeerBadgeColor(peerType)), children: badgeLabel })) : null;
+    return (_jsxs("div", { className: "relative h-12 w-12 shrink-0", children: [avatarUrl ? (_jsx("img", { src: avatarUrl, alt: displayName, className: "h-12 w-12 rounded-full object-cover" })) : (_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-chat-avatar text-white", children: chatCategory === ChatCategory.GROUP ||
+                    peerType === PeerType.GROUP ? (_jsx(Icon, { icon: "user-two-b", size: 20 })) : peerType === PeerType.BOT ? (_jsx(Icon, { icon: "droppii-o-1", size: 20 })) : (_jsx(Icon, { icon: "user-o", size: 20 })) })), badge] }));
 };
 export default BizThreadAvatar;

package/dist/components/biz-inbox/BizThreadCard.d.ts

@@ -1,7 +1,7 @@
-import type { BizConversationListItem } from "../../hooks/biz/useBizConversationListItems";
+import type { ConversationListItem } from "../../types/conversation";
 export interface BizThreadCardProps {
-    item: BizConversationListItem;
-    onClick: (item: BizConversationListItem) => void;
+    item: ConversationListItem;
+    onClick: (item: ConversationListItem) => void;
 }
 declare const BizThreadCard: ({ item, onClick }: BizThreadCardProps) => import("react/jsx-runtime").JSX.Element;
 export default BizThreadCard;

package/dist/components/biz-inbox/BizThreadCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAavF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,OAAO,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAClD;AAQD,QAAA,MAAM,aAAa,GAAI,mBAAmB,kBAAkB,4CA6C3D,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"BizThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAYjE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAC/C;AAQD,QAAA,MAAM,aAAa,GAAI,mBAAmB,kBAAkB,4CA4C3D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/biz-inbox/BizThreadCard.js

@@ -3,9 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import dayjs from "dayjs";
 import { useTranslation } from "react-i18next";
 import useAuthStore from "../../store/auth";
-import { formatTimestamp } from "../../utils/common";
-import { parseBizLatestMessage } from "../../utils/bizMessage";
-import { resolveBizAvatarUrl, resolveBizBadgeLabel, resolveBizDisplayName, } from "../../utils/bizConversation";
+import { formatTimestamp, parseLatestMessage } from "../../utils/common";
+import { resolveConversationAvatarUrl, resolvePeerBadgeLabel, resolveConversationDisplayName, } from "../../utils/conversation";
 import ThreadCard from "../../components/conversation/ThreadCard";
 import BizThreadAvatar from "./BizThreadAvatar";
 import BizThreadTitle from "./BizThreadTitle";
@@ -20,12 +19,12 @@ const BizThreadCard = ({ item, onClick }) => {
     const { t } = useTranslation("biz-inbox");
     const { t: tCommon } = useTranslation("common");
     const currentUserId = useAuthStore((state) => state.userID);
-    const displayName = resolveBizDisplayName(item, t);
-    const avatarUrl = resolveBizAvatarUrl(item);
-    const badgeLabel = resolveBizBadgeLabel(item.peer.type, t);
-    const latestMessagePreview = parseBizLatestMessage(item.latestMsg, currentUserId, tCommon, item.peer.fullName);
+    const displayName = resolveConversationDisplayName(item, t);
+    const avatarUrl = resolveConversationAvatarUrl(item);
+    const badgeLabel = resolvePeerBadgeLabel(item.peerType, t);
+    const latestMessagePreview = parseLatestMessage(item.latestMsg, currentUserId, tCommon);
     const latestMessageTime = formatLatestMessageTime(item.latestMsgSendTime || null);
     const unreadCount = (_a = item.unreadCount) !== null && _a !== void 0 ? _a : 0;
-    return (_jsx(ThreadCard, { testId: "biz-inbox-thread-card", onClick: () => onClick(item), unreadCount: unreadCount, time: latestMessageTime, preview: latestMessagePreview, avatar: _jsx(BizThreadAvatar, { peerType: item.peer.type, chatCategory: item.chatCategory, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), title: _jsx(BizThreadTitle, { peerType: item.peer.type, chatCategory: item.chatCategory, displayName: displayName, hasUnread: unreadCount > 0 }) }));
+    return (_jsx(ThreadCard, { testId: "biz-inbox-thread-card", onClick: () => onClick(item), unreadCount: unreadCount, time: latestMessageTime, preview: latestMessagePreview, avatar: _jsx(BizThreadAvatar, { peerType: item.peerType, chatCategory: item.chatCategory, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), title: _jsx(BizThreadTitle, { peerType: item.peerType, chatCategory: item.chatCategory, displayName: displayName, hasUnread: unreadCount > 0 }) }));
 };
 export default BizThreadCard;

package/dist/components/biz-inbox/BizThreadList.d.ts

@@ -1,11 +1,11 @@
-import type { BizConversationListItem } from "../../hooks/biz/useBizConversationListItems";
+import type { ConversationListItem } from "../../types/conversation";
 export interface BizThreadListProps {
-    items: BizConversationListItem[];
+    items: ConversationListItem[];
     isLoading: boolean;
     isFetchingNextPage: boolean;
     hasNextPage: boolean;
     onLoadMore: () => void;
-    onSelectThread?: (item: BizConversationListItem) => void;
+    onSelectThread?: (item: ConversationListItem) => void;
 }
 declare const BizThreadList: ({ items, isLoading, isFetchingNextPage, hasNextPage, onLoadMore, onSelectThread, }: BizThreadListProps) => import("react/jsx-runtime").JSX.Element;
 export default BizThreadList;

package/dist/components/biz-inbox/BizThreadList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAOvF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,uBAAuB,EAAE,CAAC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC1D;AAYD,QAAA,MAAM,aAAa,GAAI,oFAOpB,kBAAkB,4CAkFpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"BizThreadList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAKjE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACvD;AAYD,QAAA,MAAM,aAAa,GAAI,oFAOpB,kBAAkB,4CA8EpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/biz-inbox/BizThreadList.js

@@ -4,9 +4,7 @@ import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useTranslation } from "react-i18next";
 import { Empty, Spin } from "antd";
 import InfiniteScroll from "react-infinite-scroll-component";
-import useBizConversationStore from "../../store/bizConversation";
 import useConversationStore from "../../store/conversation";
-import { buildBizSdkConversation } from "../../utils/bizConversation";
 import { Icon } from "../../components/icon";
 import BizThreadCard from "./BizThreadCard";
 const FooterSkeleton = () => (_jsxs("div", { className: "flex items-center gap-3 p-3", children: [_jsx("div", { className: "h-10 w-10 animate-pulse rounded-full bg-neutral-200" }), _jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [_jsx("div", { className: "h-3 w-1/2 animate-pulse rounded bg-neutral-200" }), _jsx("div", { className: "h-2.5 w-1/3 animate-pulse rounded bg-neutral-200" })] })] }));
@@ -15,16 +13,14 @@ const BizThreadList = ({ items, isLoading, isFetchingNextPage, hasNextPage, onLo
     const router = useRouter();
     const pathname = usePathname();
     const searchParams = useSearchParams();
-    const selectConversation = useBizConversationStore((state) => state.selectConversation);
     const setConversationData = useConversationStore((state) => state.setConversationData);
     const setSelectedConversationId = useConversationStore((state) => state.setSelectedConversationId);
     const handleSelectThread = (item) => {
         const newSearchParams = new URLSearchParams(searchParams);
-        newSearchParams.set("threadId", item.conversationId);
+        newSearchParams.set("threadId", item.conversationID);
         router.push(`${pathname}?${newSearchParams.toString()}`);
-        selectConversation(item);
-        setSelectedConversationId(item.conversationId);
-        setConversationData(buildBizSdkConversation(item));
+        setSelectedConversationId(item.conversationID);
+        setConversationData(item);
         onSelectThread === null || onSelectThread === void 0 ? void 0 : onSelectThread(item);
     };
     const handleEndReached = () => {
@@ -35,6 +31,6 @@ const BizThreadList = ({ items, isLoading, isFetchingNextPage, hasNextPage, onLo
     if (isLoading) {
         return (_jsx("div", { "data-testid": "biz-inbox-thread-list", className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) }));
     }
-    return (_jsx("div", { id: "scrollableBizThreadsDiv", "data-testid": "biz-inbox-thread-list", className: "min-h-0 w-full flex-1 overflow-auto", children: _jsx(InfiniteScroll, { dataLength: items.length, next: handleEndReached, hasMore: hasNextPage, loader: isFetchingNextPage ? _jsx(FooterSkeleton, {}) : null, scrollableTarget: "scrollableBizThreadsDiv", children: items.length === 0 ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("empty.no_conversations") }) })) : (items.map((item) => (_jsx(BizThreadCard, { item: item, onClick: handleSelectThread }, item.conversationId)))) }) }));
+    return (_jsx("div", { id: "scrollableBizThreadsDiv", "data-testid": "biz-inbox-thread-list", className: "min-h-0 w-full flex-1 overflow-auto", children: _jsx(InfiniteScroll, { dataLength: items.length, next: handleEndReached, hasMore: hasNextPage, loader: isFetchingNextPage ? _jsx(FooterSkeleton, {}) : null, scrollableTarget: "scrollableBizThreadsDiv", children: items.length === 0 ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: t("empty.no_conversations") }) })) : (items.map((item) => (_jsx(BizThreadCard, { item: item, onClick: handleSelectThread }, item.conversationID)))) }) }));
 };
 export default BizThreadList;

package/dist/components/biz-inbox/BizThreadTitle.d.ts

@@ -1,7 +1,7 @@
-import { BizChatCategory, BizPeerType } from "../../types/biz";
+import { ChatCategory, PeerType } from "../../types/conversation";
 export interface BizThreadTitleProps {
-    peerType: BizPeerType;
-    chatCategory: BizChatCategory;
+    peerType: PeerType;
+    chatCategory: ChatCategory;
     displayName: string;
     hasUnread?: boolean;
 }

package/dist/components/biz-inbox/BizThreadTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadTitle.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadTitle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,eAAe,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,GAAI,qDAKrB,mBAAmB,4CA2BrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BizThreadTitle.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadTitle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE9D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,GAAI,qDAKrB,mBAAmB,4CA2BrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/biz-inbox/BizThreadTitle.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Icon } from "../../components/icon";
-import { BizChatCategory, BizPeerType } from "../../types/biz";
-const BizThreadTitle = ({ peerType, chatCategory, displayName, hasUnread = false, }) => (_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [(chatCategory === BizChatCategory.GROUP ||
-            peerType === BizPeerType.GROUP) && (_jsx(Icon, { icon: "user-two-b", size: 12, className: "shrink-0 text-black" })), peerType === BizPeerType.BOT &&
-            chatCategory === BizChatCategory.BIZ_BOT_PDP && (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center gap-0.5 rounded-full border border-white bg-gradient-pr-light px-1 py-0.5 text-white", children: _jsx(Icon, { icon: "shield-done-b", size: 8 }) })), peerType === BizPeerType.BOT &&
-            chatCategory === BizChatCategory.BIZ_BOT_CRM && (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-black text-white", children: _jsx(Icon, { icon: "droppii-o-1", size: 8 }) })), _jsx("span", { className: clsx("min-w-0 truncate text-[16px] leading-[160%] text-black [font-feature-settings:'liga'_off,'clig'_off]", hasUnread ? "font-bold tracking-[0.16px]" : "font-[510]"), children: displayName })] }));
+import { ChatCategory, PeerType } from "../../types/conversation";
+const BizThreadTitle = ({ peerType, chatCategory, displayName, hasUnread = false, }) => (_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [(chatCategory === ChatCategory.GROUP ||
+            peerType === PeerType.GROUP) && (_jsx(Icon, { icon: "user-two-b", size: 12, className: "shrink-0 text-black" })), peerType === PeerType.BOT &&
+            chatCategory === ChatCategory.BIZ_BOT_PDP && (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center gap-0.5 rounded-full border border-white bg-gradient-pr-light px-1 py-0.5 text-white", children: _jsx(Icon, { icon: "shield-done-b", size: 8 }) })), peerType === PeerType.BOT &&
+            chatCategory === ChatCategory.BIZ_BOT_CRM && (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-black text-white", children: _jsx(Icon, { icon: "droppii-o-1", size: 8 }) })), _jsx("span", { className: clsx("min-w-0 truncate text-[16px] leading-[160%] text-black [font-feature-settings:'liga'_off,'clig'_off]", hasUnread ? "font-bold tracking-[0.16px]" : "font-[510]"), children: displayName })] }));
 export default BizThreadTitle;

package/dist/components/biz-thread-detail/BizMessageList.d.ts

@@ -1,3 +1,7 @@
-declare const BizMessageList: () => import("react/jsx-runtime").JSX.Element;
+import { type ReactNode } from "react";
+export interface BizMessageListProps {
+    bottomSlot?: ReactNode;
+}
+declare const BizMessageList: ({ bottomSlot }: BizMessageListProps) => import("react/jsx-runtime").JSX.Element;
 export default BizMessageList;
 //# sourceMappingURL=BizMessageList.d.ts.map

package/dist/components/biz-thread-detail/BizMessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMessageList.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,cAAc,+CAuFnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BizMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizMessageList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAalD,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,GAAI,gBAAgB,mBAAmB,4CA0E1D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/biz-thread-detail/BizMessageList.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { Empty, Spin } from "antd";
 import { useTranslation } from "react-i18next";
@@ -7,45 +7,29 @@ import { useChatContext } from "../../context/ChatContext";
 import MessageInfiniteScroll from "../../components/message/MessageInfiniteScroll";
 import { useMessage } from "../../hooks/message/useMessage";
 import { useMessageListScroll } from "../../hooks/message/useMessageListScroll";
-import useBizConversationStore from "../../store/bizConversation";
 import useConversationStore from "../../store/conversation";
 import useAuthStore from "../../store/auth";
-import { isBizGroupChat } from "../../utils/bizConversation";
-import { buildBotButtonsMessage } from "../../constants/botFlow";
+import { isGroupChat as resolveIsGroupChat } from "../../utils/conversation";
 import emitter from "../../utils/events";
 import MessageItem from "../../components/message/item";
-import { useBotFlowContext } from "./bot";
-const BizMessageList = () => {
-    var _a, _b;
+const BizMessageList = ({ bottomSlot }) => {
     const { t } = useTranslation("biz-inbox");
     const { user } = useChatContext();
-    const { buttons, disabled } = useBotFlowContext();
     const authUserID = useAuthStore((state) => state.userID);
-    const conversation = useBizConversationStore((state) => state.conversationData);
+    const conversation = useConversationStore((state) => state.conversationData);
     const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
-    const conversationId = selectedConversationId || (conversation === null || conversation === void 0 ? void 0 : conversation.conversationId) || "";
-    const isGroupChat = conversation ? isBizGroupChat(conversation) : false;
+    const conversationId = selectedConversationId || (conversation === null || conversation === void 0 ? void 0 : conversation.conversationID) || "";
+    const isGroupChat = conversation ? resolveIsGroupChat(conversation) : false;
     const messageController = useMessage(conversationId);
     const { scrollRef, loadMoreOldMessage, handleInfiniteScroll, scrollToBottomIfAtBottom, } = useMessageListScroll(Object.assign({ conversationId, userId: (user === null || user === void 0 ? void 0 : user.userID) || authUserID }, messageController));
     const { loadState, moreOldLoading } = messageController;
     const isMessageLoading = !conversationId || loadState.initLoading;
-    const botSenderId = ((_a = loadState.messageList.find((message) => message.sendID !== authUserID)) === null || _a === void 0 ? void 0 : _a.sendID) ||
-        ((_b = conversation === null || conversation === void 0 ? void 0 : conversation.peer) === null || _b === void 0 ? void 0 : _b.id) ||
-        "";
-    const botButtonsMessage = buttons.length > 0 && !disabled
-        ? buildBotButtonsMessage({
-            sendID: botSenderId,
-        })
-        : null;
-    const renderedMessages = botButtonsMessage
-        ? [botButtonsMessage, ...loadState.messageList]
-        : loadState.messageList;
     useEffect(() => {
         emitter.on("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM", scrollToBottomIfAtBottom);
         return () => {
             emitter.off("BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM", scrollToBottomIfAtBottom);
         };
     }, [scrollToBottomIfAtBottom]);
-    return (_jsx("div", { "data-testid": "biz-message-list", className: "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden bg-white", children: isMessageLoading ? (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) })) : (_jsx(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableBizMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, containerClassName: "h-full", empty: _jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Empty, { description: t("empty.no_messages") }) }), children: renderedMessages.map((message, _index, array) => (_jsx(MessageItem, { message: message, allMessages: array, isGroupChat: isGroupChat }, message.clientMsgID))) })) }));
+    return (_jsx("div", { "data-testid": "biz-message-list", className: "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-x-hidden bg-white", children: isMessageLoading ? (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) })) : (_jsxs(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableBizMessagesDiv", loadState: loadState, moreOldLoading: moreOldLoading, onLoadMoreOld: loadMoreOldMessage, onScroll: handleInfiniteScroll, containerClassName: "h-full", empty: _jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Empty, { description: t("empty.no_messages") }) }), children: [bottomSlot, loadState.messageList.map((message, index, array) => (_jsx(MessageItem, { message: message, allMessages: array, isGroupChat: isGroupChat, forceHideTip: index === 0 && !!bottomSlot }, message.clientMsgID)))] })) }));
 };
 export default BizMessageList;

package/dist/components/biz-thread-detail/BizThreadDetailHeader.d.ts

@@ -1,6 +1,6 @@
-import type { BizConversationItem } from "../../types/biz";
+import type { ConversationItem } from "@openim/wasm-client-sdk";
 export interface BizThreadDetailHeaderProps {
-    conversation: BizConversationItem;
+    conversation: ConversationItem;
     onBack?: () => void;
 }
 declare const BizThreadDetailHeader: ({ conversation, onBack, }: BizThreadDetailHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/biz-thread-detail/BizThreadDetailHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadDetailHeader.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizThreadDetailHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAOvD,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,mBAAmB,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAqBD,QAAA,MAAM,qBAAqB,GAAI,2BAG5B,0BAA0B,4CA2C5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"BizThreadDetailHeader.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizThreadDetailHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAShE,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,gBAAgB,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAqBD,QAAA,MAAM,qBAAqB,GAAI,2BAG5B,0BAA0B,4CA6C5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/biz-thread-detail/BizThreadDetailHeader.js

@@ -4,14 +4,16 @@ import { useTranslation } from "react-i18next";
 import { Icon } from "../../components/icon";
 import BizThreadAvatar from "../../components/biz-inbox/BizThreadAvatar";
 import BizThreadTitle from "../../components/biz-inbox/BizThreadTitle";
-import { resolveBizAvatarUrl, resolveBizBadgeLabel, resolveBizDisplayName, } from "../../utils/bizConversation";
+import { resolveConversationAvatarUrl, resolveConversationChatCategory, resolveConversationDisplayName, resolvePeerBadgeLabel, } from "../../utils/conversation";
 const HeaderIconButton = ({ icon, onClick, testId, }) => (_jsx("button", { type: "button", onClick: onClick, "data-testid": testId, className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-primary-400", children: _jsx(Icon, { icon: icon, size: 24 }) }));
 const BizThreadDetailHeader = ({ conversation, onBack, }) => {
     const { t } = useTranslation("biz-inbox");
-    const displayName = resolveBizDisplayName(conversation, t);
-    const avatarUrl = resolveBizAvatarUrl(conversation);
-    const badgeLabel = resolveBizBadgeLabel(conversation.peer.type, t);
+    const displayName = resolveConversationDisplayName(conversation, t);
+    const avatarUrl = resolveConversationAvatarUrl(conversation);
+    const peerType = conversation.peerType;
+    const chatCategory = resolveConversationChatCategory(conversation);
+    const badgeLabel = resolvePeerBadgeLabel(peerType, t);
     const subtitle = t("thread_detail.profile_hint");
-    return (_jsxs("div", { "data-testid": "biz-thread-detail-header", className: "flex w-full cursor-default items-center border-b border-gray-25 bg-white p-2 shadow-inset-gray-divider", children: [_jsx(HeaderIconButton, { icon: "arrow-left-o", onClick: onBack, testId: "biz-thread-detail-back" }), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 px-1", "data-testid": "biz-thread-detail-profile", children: [_jsx(BizThreadAvatar, { peerType: conversation.peer.type, chatCategory: conversation.chatCategory, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(BizThreadTitle, { peerType: conversation.peer.type, chatCategory: conversation.chatCategory, displayName: displayName }), _jsx("p", { className: "truncate text-[10px] font-normal leading-[160%] tracking-[0.1px] text-gray-600 [font-feature-settings:'liga'_off,'clig'_off]", children: subtitle })] })] })] }));
+    return (_jsxs("div", { "data-testid": "biz-thread-detail-header", className: "flex w-full cursor-default items-center border-b border-gray-25 bg-white p-2 shadow-inset-gray-divider", children: [_jsx(HeaderIconButton, { icon: "arrow-left-o", onClick: onBack, testId: "biz-thread-detail-back" }), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 px-1", "data-testid": "biz-thread-detail-profile", children: [_jsx(BizThreadAvatar, { peerType: peerType, chatCategory: chatCategory, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(BizThreadTitle, { peerType: peerType, chatCategory: chatCategory, displayName: displayName }), _jsx("p", { className: "truncate text-[10px] font-normal leading-[160%] tracking-[0.1px] text-gray-600 [font-feature-settings:'liga'_off,'clig'_off]", children: subtitle })] })] })] }));
 };
 export default BizThreadDetailHeader;

package/dist/components/biz-thread-detail/BizThreadDetailInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizThreadDetailInput.tsx"],"names":[],"mappings":"AA+BA,MAAM,WAAW,yBAAyB;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,oBAAoB,GAAI,gDAI3B,yBAAyB,4CA0Y3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"BizThreadDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/biz-thread-detail/BizThreadDetailInput.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,yBAAyB;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,oBAAoB,GAAI,gDAI3B,yBAAyB,4CAmY3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/biz-thread-detail/BizThreadDetailInput.js

@@ -7,10 +7,9 @@ import clsx from "clsx";
 import { Icon } from "../../components/icon";
 import { useSendMessage } from "../../hooks/message/useSendMessage";
 import useAuthStore from "../../store/auth";
-import useBizConversationStore from "../../store/bizConversation";
 import useConversationStore from "../../store/conversation";
 import useBizMessageDraftStore from "../../store/bizMessageDraft";
-import { resolveBizAvatarUrl, resolveBizDisplayName, } from "../../utils/bizConversation";
+import { resolveConversationAvatarUrl, resolveConversationDisplayName, } from "../../utils/conversation";
 import { emit } from "../../utils/events";
 import { extractLinkUrls } from "../../utils/link";
 import { useFetchUrlMetadata } from "../../hooks/common/useFetchUrlMetadata";
@@ -23,25 +22,21 @@ const CONTAINER_MIN_HEIGHT = 48;
 const BizThreadDetailInput = ({ placeholder, onSendMessage, onInputChange, }) => {
     const { t } = useTranslation("biz-inbox");
     const { t: tCommon } = useTranslation("common");
-    const bizConversation = useBizConversationStore((state) => state.conversationData);
     const conversationData = useConversationStore((state) => state.conversationData);
     const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
-    const conversationId = selectedConversationId || (bizConversation === null || bizConversation === void 0 ? void 0 : bizConversation.conversationId) || "";
+    const conversationId = selectedConversationId || (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "";
     const isConversationReady = !!conversationData && (!!conversationData.userID || !!conversationData.groupID);
     const sendMessageOptions = useMemo(() => ({
         scrollEvent: "BIZ_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM",
         resolveOfflinePushMeta: () => ({
-            title: bizConversation
-                ? resolveBizDisplayName(bizConversation, t)
-                : (conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName) || "Droppii Chat",
-            icon: (bizConversation && resolveBizAvatarUrl(bizConversation)) ||
-                (conversationData === null || conversationData === void 0 ? void 0 : conversationData.faceURL) ||
-                "",
-            conversationId: (bizConversation === null || bizConversation === void 0 ? void 0 : bizConversation.conversationId) ||
-                (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) ||
+            title: conversationData
+                ? resolveConversationDisplayName(conversationData, t)
+                : "Droppii Chat",
+            icon: (conversationData && resolveConversationAvatarUrl(conversationData)) ||
                 "",
+            conversationId: (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "",
         }),
-    }), [bizConversation, conversationData, t]);
+    }), [conversationData, t]);
     const { sendMergeMessage } = useSendMessage(sendMessageOptions);
     const userID = useAuthStore((state) => state.userID);
     const setDraft = useBizMessageDraftStore((state) => state.setDraft);

package/dist/components/biz-thread-detail/bot/BotButtonMessage.d.ts

@@ -1,3 +1,10 @@
-declare const BotButtonMessage: () => import("react/jsx-runtime").JSX.Element;
+import type { BotButtonOption } from "../../../types/conversation";
+export interface BotButtonMessageProps {
+    buttons: BotButtonOption[];
+    disabled?: boolean;
+    onSelect: (actionId: string) => void;
+    onRestart: () => void;
+}
+declare const BotButtonMessage: ({ buttons, disabled, onSelect, onRestart, }: BotButtonMessageProps) => import("react/jsx-runtime").JSX.Element | null;
 export default BotButtonMessage;
 //# sourceMappingURL=BotButtonMessage.d.ts.map

package/dist/components/biz-thread-detail/bot/BotButtonMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BotButtonMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/bot/BotButtonMessage.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,gBAAgB,+CAmErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"BotButtonMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/bot/BotButtonMessage.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAI5D,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,gBAAgB,GAAI,6CAKvB,qBAAqB,mDA4EvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/biz-thread-detail/bot/BotButtonMessage.js

@@ -3,12 +3,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { Icon } from "../../../components/icon";
+import MessageBubble from "../../../components/message/item/MessageBubble";
 import { BOT_BUTTON_MENU_THRESHOLD, BOT_DEFAULT_BUTTON_ID, } from "../../../constants/botFlow";
-import { useBotFlowContext } from "./BotFlowContext";
 const CHEVRON_SIZE = 20;
-const BotButtonMessage = () => {
+const BotButtonMessage = ({ buttons, disabled, onSelect, onRestart, }) => {
     const { t } = useTranslation("biz-inbox");
-    const { buttons, disabled, onSelect, onRestart } = useBotFlowContext();
+    if (buttons.length === 0)
+        return null;
     const isMenuStyle = buttons.length > BOT_BUTTON_MENU_THRESHOLD;
     const handleSelect = (actionId) => {
         if (disabled)
@@ -24,6 +25,6 @@ const BotButtonMessage = () => {
                         : option.label }), _jsx(Icon, { icon: "angle-right-o", size: CHEVRON_SIZE, className: "text-gray-900" })] }, option.id))) })) : (_jsx("div", { className: "flex flex-col gap-2", children: buttons.map((option) => (_jsx("button", { type: "button", disabled: disabled, onClick: () => handleSelect(option.id), className: clsx("flex flex-1 items-center justify-center gap-2 rounded-lg border border-primary-400 bg-primary-25 px-3 py-2", "text-center text-[14px] font-[510] leading-[160%] text-primary-400 transition-colors", disabled && "cursor-not-allowed opacity-60"), children: _jsx("span", { children: option.id === BOT_DEFAULT_BUTTON_ID
                     ? t("thread_detail.bot.restart")
                     : option.label }) }, option.id))) }));
-    return optionsNode;
+    return (_jsx("div", { className: "flex min-w-0 flex-col gap-2 px-3 py-1 sm:px-4", children: _jsx("div", { className: "flex min-w-0 items-end justify-start pl-3 pr-12", children: _jsx("div", { className: "flex min-w-0 max-w-[75%] flex-col items-start", children: _jsx(MessageBubble, { isMine: false, content: optionsNode }) }) }) }));
 };
 export default BotButtonMessage;

package/dist/components/biz-thread-detail/bot/index.d.ts

@@ -1,6 +1,5 @@
 export { default as BotStartButton } from "./BotStartButton";
 export type { BotStartButtonProps } from "./BotStartButton";
 export { default as BotButtonMessage } from "./BotButtonMessage";
-export { BotFlowProvider, useBotFlowContext } from "./BotFlowContext";
-export type { BotFlowContextValue } from "./BotFlowContext";
+export type { BotButtonMessageProps } from "./BotButtonMessage";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/biz-thread-detail/bot/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/bot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/biz-thread-detail/bot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/biz-thread-detail/bot/index.js

@@ -1,3 +1,2 @@
 export { default as BotStartButton } from "./BotStartButton";
 export { default as BotButtonMessage } from "./BotButtonMessage";
-export { BotFlowProvider, useBotFlowContext } from "./BotFlowContext";

package/dist/components/conversation-detail/ConversationDetailHeader.d.ts

@@ -0,0 +1,8 @@
+import type { ConversationItem } from "@openim/wasm-client-sdk";
+export interface ConversationDetailHeaderProps {
+    conversation: ConversationItem;
+    onBack?: () => void;
+}
+declare const ConversationDetailHeader: ({ conversation, onBack, }: ConversationDetailHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default ConversationDetailHeader;
+//# sourceMappingURL=ConversationDetailHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationDetailHeader.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationDetailHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAQhE,MAAM,WAAW,6BAA6B;IAC5C,YAAY,EAAE,gBAAgB,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAqBD,QAAA,MAAM,wBAAwB,GAAI,2BAG/B,6BAA6B,4CAyC/B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

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

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Icon } from "../../components/icon";
+import ConversationPeerAvatar from "../../components/conversation-inbox/ConversationPeerAvatar";
+import ConversationInboxTitle from "../../components/conversation-inbox/ConversationInboxTitle";
+import { resolveConversationAvatarUrl, resolveConversationDisplayName, resolvePeerBadgeLabel, } from "../../utils/conversation";
+const HeaderIconButton = ({ icon, onClick, testId, }) => (_jsx("button", { type: "button", onClick: onClick, "data-testid": testId, className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-primary-400", children: _jsx(Icon, { icon: icon, size: 24 }) }));
+const ConversationDetailHeader = ({ conversation, onBack, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const displayName = resolveConversationDisplayName(conversation, t);
+    const avatarUrl = resolveConversationAvatarUrl(conversation);
+    const peerType = conversation.peerType;
+    const badgeLabel = resolvePeerBadgeLabel(peerType, t);
+    const subtitle = t("thread_detail.profile_hint");
+    return (_jsxs("div", { "data-testid": "conversation-detail-header", className: "flex w-full cursor-default items-center border-b border-gray-25 bg-white p-2 shadow-inset-gray-divider", children: [_jsx(HeaderIconButton, { icon: "arrow-left-o", onClick: onBack, testId: "conversation-detail-back" }), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2 px-1", "data-testid": "conversation-detail-profile", children: [_jsx(ConversationPeerAvatar, { peerType: peerType, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(ConversationInboxTitle, { peerType: peerType, displayName: displayName }), _jsx("p", { className: "truncate text-[10px] font-normal leading-[160%] tracking-[0.1px] text-gray-600 [font-feature-settings:'liga'_off,'clig'_off]", children: subtitle })] })] })] }));
+};
+export default ConversationDetailHeader;

package/dist/components/conversation-detail/ConversationDetailInput.d.ts

@@ -0,0 +1,8 @@
+export interface ConversationDetailInputProps {
+    placeholder?: string;
+    onSendMessage?: (text: string) => void;
+    onInputChange?: (value: string) => void;
+}
+declare const ConversationDetailInput: ({ placeholder, onSendMessage, onInputChange, }: ConversationDetailInputProps) => import("react/jsx-runtime").JSX.Element;
+export default ConversationDetailInput;
+//# sourceMappingURL=ConversationDetailInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationDetailInput.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,4BAA4B;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,uBAAuB,GAAI,gDAI9B,4BAA4B,4CA2Y9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}