@droppii-org/chat-sdk 0.1.22 → 0.1.24

package/dist/components/bizInbox/BizThreadAvatar.d.ts

@@ -0,0 +1,10 @@
+import { BizChatCategory } from "../../types/biz";
+export interface BizThreadAvatarProps {
+    chatCategory: BizChatCategory;
+    displayName: string;
+    avatarUrl: string | null;
+    badgeLabel: string;
+}
+declare const BizThreadAvatar: ({ chatCategory, displayName, avatarUrl, badgeLabel, }: BizThreadAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default BizThreadAvatar;
+//# sourceMappingURL=BizThreadAvatar.d.ts.map

package/dist/components/bizInbox/BizThreadAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizThreadAvatar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,WAAW,oBAAoB;IACnC,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,uDAKtB,oBAAoB,4CA8BtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/bizInbox/BizThreadAvatar.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Icon } from "../icon";
+import { BizChatCategory } from "../../types/biz";
+import { resolveBizBadgeColor } from "../../utils/bizConversation";
+const BizThreadAvatar = ({ chatCategory, displayName, avatarUrl, badgeLabel, }) => (_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-[#0C5CFF] text-white", children: chatCategory === BizChatCategory.GROUP ? (_jsx(Icon, { icon: "user-two-b", size: 20 })) : chatCategory === BizChatCategory.BIZ_BOT_PDP ? (_jsx(Icon, { icon: "droppii-o-1", size: 20 })) : (_jsx(Icon, { icon: "user-o", size: 20 })) })), 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-[inset_2px_6px_8px_0_rgba(0,0,0,0.40)]", resolveBizBadgeColor(chatCategory)), children: badgeLabel }))] }));
+export default BizThreadAvatar;

package/dist/components/bizInbox/BizThreadCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizThreadCard.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC9C;AAgCD,QAAA,MAAM,aAAa,GAAI,mBAAmB,kBAAkB,4CAkF3D,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"BizThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizThreadCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAY3D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC9C;AAOD,QAAA,MAAM,aAAa,GAAI,mBAAmB,kBAAkB,4CA+C3D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/bizInbox/BizThreadCard.js

@@ -1,52 +1,25 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
-import clsx from "clsx";
-import { Icon } from "../icon";
 import { formatTimestamp } from "../../utils/common";
-const resolveDisplayName = (item, fallback) => {
-    var _a, _b, _c;
-    if (item.peer.user) {
-        const fullName = (_a = item.peer.user.fullName) === null || _a === void 0 ? void 0 : _a.trim();
-        if (fullName)
-            return fullName;
-        const username = (_b = item.peer.user.username) === null || _b === void 0 ? void 0 : _b.trim();
-        if (username)
-            return username;
-    }
-    if (item.peer.group) {
-        const groupName = (_c = item.peer.group.name) === null || _c === void 0 ? void 0 : _c.trim();
-        if (groupName)
-            return groupName;
-    }
-    return fallback;
-};
-const resolveAvatarUrl = (item) => {
-    var _a, _b, _c, _d;
-    return (_d = (_b = (_a = item.peer.user) === null || _a === void 0 ? void 0 : _a.avatar) !== null && _b !== void 0 ? _b : (_c = item.peer.group) === null || _c === void 0 ? void 0 : _c.avatar) !== null && _d !== void 0 ? _d : null;
-};
-const formatLatestMessageTime = (latestMessageAt) => {
-    if (!latestMessageAt)
-        return "";
-    const timestamp = new Date(latestMessageAt).getTime();
-    if (Number.isNaN(timestamp))
+import { resolveBizAvatarUrl, resolveBizBadgeLabel, resolveBizDisplayName, resolveBizLastMessagePreview, resolveBizLastMessageTime, } from "../../utils/bizConversation";
+import BizThreadAvatar from "./BizThreadAvatar";
+import BizThreadTitle from "./BizThreadTitle";
+const formatLatestMessageTime = (sendTime) => {
+    if (!sendTime)
         return "";
-    return formatTimestamp(timestamp, { hasTime: true });
+    return formatTimestamp(sendTime, { hasTime: true });
 };
 const BizThreadCard = ({ item, onClick }) => {
     const { t } = useTranslation("bizInbox");
-    const displayName = useMemo(() => resolveDisplayName(item, t("thread_card.fallback_name")), [item, t]);
-    const avatarUrl = resolveAvatarUrl(item);
-    const badgeLabel = item.chatCategory === "BIZ_MALL"
-        ? t("thread_card.badge.mall")
-        : item.chatCategory === "BIZ_BOT_PDP"
-            ? t("thread_card.badge.bot")
-            : "";
-    const latestMessageTime = formatLatestMessageTime(item.latestMessageAt);
+    const displayName = resolveBizDisplayName(item, t("thread_card.fallback_name"));
+    const avatarUrl = resolveBizAvatarUrl(item);
+    const badgeLabel = resolveBizBadgeLabel(item.chatCategory, t);
+    const latestMessagePreview = resolveBizLastMessagePreview(item.lastMessage, t);
+    const latestMessageTime = formatLatestMessageTime(resolveBizLastMessageTime(item.lastMessage));
     const handleClick = () => {
         onClick(item);
     };
-    return (_jsxs("button", { type: "button", onClick: handleClick, "data-testid": "biz-inbox-thread-card", className: "flex w-full shrink-0 items-center gap-2 border-b border-gray-100 bg-white p-3 text-left transition-colors hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#1677ff]", children: [_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-[#0C5CFF] text-white", children: item.chatCategory === "GROUP" ? (_jsx(Icon, { icon: "user-two-b", size: 20 })) : item.chatCategory === "BIZ_BOT_PDP" ? (_jsx(Icon, { icon: "droppii-o-1", size: 20 })) : (_jsx(Icon, { icon: "user-o", size: 20 })) })), badgeLabel && (_jsx("span", { className: clsx("absolute -bottom-1 left-1/2 max-w-[38px] -translate-x-1/2 rounded-md border border-white px-1.5 py-0.5 text-[10px] font-semibold leading-3 text-white shadow-[inset_2px_6px_8px_0_rgba(0,0,0,0.40)]", item.chatCategory === "BIZ_MALL" ? "bg-[#F28504]" : "bg-[#59ABFF]"), children: badgeLabel }))] }), _jsx("div", { className: "flex min-w-0 flex-1 flex-col gap-1 pt-0.5", children: _jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [item.chatCategory === "GROUP" && (_jsx(Icon, { icon: "user-two-b", size: 12, className: "shrink-0 text-black" })), item.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-[linear-gradient(93deg,#607CFB_0%,#1B3FE4_100%)] px-1 py-0.5 text-white", children: _jsx(Icon, { icon: "shield-done-b", size: 8 }) })), _jsx("span", { className: "truncate text-[16px] font-[510] leading-[160%] text-black", children: displayName })] }) }), latestMessageTime && (_jsx("span", { className: "shrink-0 text-[12px] font-normal leading-[160%] text-[#747B7E] [font-feature-settings:'liga'_off,'clig'_off]", children: latestMessageTime }))] }));
+    return (_jsxs("button", { type: "button", onClick: handleClick, "data-testid": "biz-inbox-thread-card", className: "flex w-full shrink-0 items-center gap-2 border-b border-[#EFEFEF] bg-white p-3 text-left transition-colors hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#1677ff]", children: [_jsx(BizThreadAvatar, { chatCategory: item.chatCategory, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col pt-0.5", children: [_jsx(BizThreadTitle, { chatCategory: item.chatCategory, displayName: displayName }), _jsx("p", { className: "min-h-[22.4px] truncate text-[14px] font-normal leading-[160%] tracking-[0.14px] text-[#5C6366] [font-feature-settings:'liga'_off,'clig'_off]", children: latestMessagePreview })] }), latestMessageTime && (_jsx("span", { className: "shrink-0 text-[12px] font-normal leading-[160%] text-[#747B7E] [font-feature-settings:'liga'_off,'clig'_off]", children: latestMessageTime }))] }));
 };
 export default BizThreadCard;

package/dist/components/bizInbox/BizThreadList.d.ts

@@ -4,7 +4,7 @@ export interface BizThreadListProps {
     isFetchingNextPage: boolean;
     hasNextPage: boolean;
     onLoadMore: () => void;
-    onSelectThread: (item: BizConversationItem) => void;
+    onSelectThread?: (item: BizConversationItem) => void;
 }
 declare const BizThreadList: ({ items, isFetchingNextPage, hasNextPage, onLoadMore, onSelectThread, }: BizThreadListProps) => import("react/jsx-runtime").JSX.Element;
 export default BizThreadList;

package/dist/components/bizInbox/BizThreadList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BizThreadList.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizThreadList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAI3D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACrD;AAYD,QAAA,MAAM,aAAa,GAAI,yEAMpB,kBAAkB,4CA6CpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"BizThreadList.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizThreadList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAK3D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACtD;AAYD,QAAA,MAAM,aAAa,GAAI,yEAMpB,kBAAkB,4CAoEpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/bizInbox/BizThreadList.js

@@ -1,17 +1,35 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { useTranslation } from "react-i18next";
 import { Empty } from "antd";
 import InfiniteScroll from "react-infinite-scroll-component";
+import useBizConversationStore from "../../store/bizConversation";
 import { Icon } from "../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" })] })] }));
 const BizThreadList = ({ items, isFetchingNextPage, hasNextPage, onLoadMore, onSelectThread, }) => {
-    const handleEndReached = useCallback(() => {
+    const { t } = useTranslation("bizInbox");
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const selectConversation = useBizConversationStore((state) => state.selectConversation);
+    const handleSelectThread = (item) => {
+        selectConversation(item);
+        if (searchParams.get("threadId") === item.conversationId) {
+            onSelectThread === null || onSelectThread === void 0 ? void 0 : onSelectThread(item);
+            return;
+        }
+        const newSearchParams = new URLSearchParams(searchParams);
+        newSearchParams.set("threadId", item.conversationId);
+        router.push(`${pathname}?${newSearchParams.toString()}`);
+        onSelectThread === null || onSelectThread === void 0 ? void 0 : onSelectThread(item);
+    };
+    const handleEndReached = () => {
         if (hasNextPage && !isFetchingNextPage) {
             onLoadMore();
         }
-    }, [hasNextPage, isFetchingNextPage, onLoadMore]);
-    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: "No conversations" }) })) : (items.map((item) => (_jsx(BizThreadCard, { item: item, onClick: onSelectThread }, 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/bizInbox/BizThreadTitle.d.ts

@@ -0,0 +1,8 @@
+import { BizChatCategory } from "../../types/biz";
+export interface BizThreadTitleProps {
+    chatCategory: BizChatCategory;
+    displayName: string;
+}
+declare const BizThreadTitle: ({ chatCategory, displayName }: BizThreadTitleProps) => import("react/jsx-runtime").JSX.Element;
+export default BizThreadTitle;
+//# sourceMappingURL=BizThreadTitle.d.ts.map

package/dist/components/bizInbox/BizThreadTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadTitle.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizThreadTitle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,eAAe,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,GAAI,+BAA+B,mBAAmB,4CAczE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/bizInbox/BizThreadTitle.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "../icon";
+import { BizChatCategory } from "../../types/biz";
+const BizThreadTitle = ({ chatCategory, displayName }) => (_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [chatCategory === BizChatCategory.GROUP && (_jsx(Icon, { icon: "user-two-b", size: 12, className: "shrink-0 text-black" })), 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-[linear-gradient(93deg,#607CFB_0%,#1B3FE4_100%)] px-1 py-0.5 text-white", children: _jsx(Icon, { icon: "shield-done-b", size: 8 }) })), _jsx("span", { className: "truncate text-[16px] font-[510] leading-[160%] text-black", children: displayName })] }));
+export default BizThreadTitle;

package/dist/components/bizInbox/index.d.ts

@@ -1,4 +1,8 @@
 export { default as BizInboxHeader } from "./BizInboxHeader";
+export { default as BizThreadAvatar } from "./BizThreadAvatar";
+export type { BizThreadAvatarProps } from "./BizThreadAvatar";
+export { default as BizThreadTitle } from "./BizThreadTitle";
+export type { BizThreadTitleProps } from "./BizThreadTitle";
 export { default as BizThreadCard } from "./BizThreadCard";
 export type { BizThreadCardProps } from "./BizThreadCard";
 export { default as BizThreadList } from "./BizThreadList";

package/dist/components/bizInbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/bizInbox/index.js

@@ -1,3 +1,5 @@
 export { default as BizInboxHeader } from "./BizInboxHeader";
+export { default as BizThreadAvatar } from "./BizThreadAvatar";
+export { default as BizThreadTitle } from "./BizThreadTitle";
 export { default as BizThreadCard } from "./BizThreadCard";
 export { default as BizThreadList } from "./BizThreadList";

package/dist/components/bizThreadDetail/BizThreadDetailHeader.d.ts

@@ -0,0 +1,8 @@
+import type { BizConversationItem } from "../../types/biz";
+export interface BizThreadDetailHeaderProps {
+    conversation: BizConversationItem;
+    onBack?: () => void;
+}
+declare const BizThreadDetailHeader: ({ conversation, onBack, }: BizThreadDetailHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default BizThreadDetailHeader;
+//# sourceMappingURL=BizThreadDetailHeader.d.ts.map

package/dist/components/bizThreadDetail/BizThreadDetailHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadDetailHeader.d.ts","sourceRoot":"","sources":["../../../src/components/bizThreadDetail/BizThreadDetailHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAQ3D,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,mBAAmB,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAqBD,QAAA,MAAM,qBAAqB,GAAI,2BAG5B,0BAA0B,4CA8C5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/bizThreadDetail/BizThreadDetailHeader.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 "../icon";
+import BizThreadAvatar from "../bizInbox/BizThreadAvatar";
+import BizThreadTitle from "../bizInbox/BizThreadTitle";
+import { isBizGroupChat, resolveBizAvatarUrl, resolveBizBadgeLabel, resolveBizDisplayName, } from "../../utils/bizConversation";
+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-[#1B3FE4]", children: _jsx(Icon, { icon: icon, size: 24 }) }));
+const BizThreadDetailHeader = ({ conversation, onBack, }) => {
+    const { t } = useTranslation("bizInbox");
+    const isGroup = isBizGroupChat(conversation);
+    const displayName = resolveBizDisplayName(conversation, t("thread_card.fallback_name"));
+    const avatarUrl = resolveBizAvatarUrl(conversation);
+    const badgeLabel = resolveBizBadgeLabel(conversation.chatCategory, t);
+    const subtitle = isGroup ? "" : 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-[#EFEFEF] bg-white p-2 shadow-[inset_0px_-1px_0px_0px_rgba(61,63,64,0.1)]", 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, { chatCategory: conversation.chatCategory, displayName: displayName, avatarUrl: avatarUrl, badgeLabel: badgeLabel }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(BizThreadTitle, { chatCategory: conversation.chatCategory, displayName: displayName }), _jsx("p", { className: "truncate text-[10px] font-normal leading-[160%] tracking-[0.1px] text-[#5C6366] [font-feature-settings:'liga'_off,'clig'_off]", children: subtitle })] })] })] }));
+};
+export default BizThreadDetailHeader;

package/dist/components/bizThreadDetail/BizThreadDetailInput.d.ts

@@ -0,0 +1,9 @@
+export interface BizThreadDetailInputProps {
+    placeholder?: string;
+    onSendClick?: () => void;
+    onInputChange?: (value: string) => void;
+    value?: string;
+}
+declare const BizThreadDetailInput: ({ placeholder, onSendClick, onInputChange, value: controlledValue, }: BizThreadDetailInputProps) => import("react/jsx-runtime").JSX.Element;
+export default BizThreadDetailInput;
+//# sourceMappingURL=BizThreadDetailInput.d.ts.map

package/dist/components/bizThreadDetail/BizThreadDetailInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/bizThreadDetail/BizThreadDetailInput.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,yBAAyB;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,oBAAoB,GAAI,sEAK3B,yBAAyB,4CA+C3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/bizThreadDetail/BizThreadDetailInput.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import clsx from "clsx";
+import { Icon } from "../icon";
+const BizThreadDetailInput = ({ placeholder, onSendClick, onInputChange, value: controlledValue, }) => {
+    const { t } = useTranslation("bizInbox");
+    const [internalValue, setInternalValue] = useState("");
+    const value = controlledValue !== null && controlledValue !== void 0 ? controlledValue : internalValue;
+    const canSend = value.trim().length > 0;
+    const handleChange = (nextValue) => {
+        if (controlledValue === undefined) {
+            setInternalValue(nextValue);
+        }
+        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(nextValue);
+    };
+    return (_jsx("div", { "data-testid": "biz-thread-detail-input", className: "flex w-full shrink-0 flex-col bg-[rgba(131,137,157,0.05)]", children: _jsxs("div", { className: "flex items-center gap-3 px-3 py-2", children: [_jsx("div", { className: "flex min-h-[48px] min-w-0 flex-1 items-center rounded-xl border border-[#DDDEDF] bg-white", children: _jsx("input", { type: "text", value: value, onChange: (e) => handleChange(e.target.value), placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t("thread_detail.input_placeholder"), "data-testid": "biz-thread-detail-message-input", className: "min-w-0 flex-1 bg-transparent px-3 py-3 text-[16px] leading-[160%] tracking-[0.16px] text-black outline-none placeholder:text-[#747B7E]" }) }), _jsx("div", { className: "flex shrink-0 items-center py-1", children: _jsx("button", { type: "button", onClick: onSendClick, disabled: !canSend, "data-testid": "biz-thread-detail-send", className: clsx("flex h-10 w-10 items-center justify-center rounded-full", canSend ? "bg-[#002BEB]" : "bg-[#002BEB] opacity-25"), children: _jsx(Icon, { icon: "send-b", size: 20, className: "text-white" }) }) })] }) }));
+};
+export default BizThreadDetailInput;

package/dist/components/bizThreadDetail/index.d.ts

@@ -0,0 +1,5 @@
+export { default as BizThreadDetailHeader } from "./BizThreadDetailHeader";
+export type { BizThreadDetailHeaderProps } from "./BizThreadDetailHeader";
+export { default as BizThreadDetailInput } from "./BizThreadDetailInput";
+export type { BizThreadDetailInputProps } from "./BizThreadDetailInput";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/bizThreadDetail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/bizThreadDetail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/bizThreadDetail/index.js

@@ -0,0 +1,2 @@
+export { default as BizThreadDetailHeader } from "./BizThreadDetailHeader";
+export { default as BizThreadDetailInput } from "./BizThreadDetailInput";

package/dist/index.d.ts

@@ -15,12 +15,18 @@ export { DChatDeskMessage, DChatBubble, Icon };
 export { default as RichTextEditor } from "./components/richTextEditor/RichTextEditor";
 export { default as DChatBizInbox } from "./screens/bizMessage";
 export type { DChatBizInboxProps } from "./screens/bizMessage";
-export type { BizConversationItem, BizConversationPeer, BizConversationPeerUser, BizConversationPeerGroup, BizCreateConversationData, BizConversationMember, BizChatCategory, BizChatType, } from "./types/biz";
+export { default as DChatBizThreadDetail } from "./screens/bizThreadDetail";
+export type { DChatBizThreadDetailProps } from "./screens/bizThreadDetail";
+export { BizThreadDetailHeader, BizThreadDetailInput, } from "./components/bizThreadDetail";
+export type { BizThreadDetailHeaderProps, BizThreadDetailInputProps, } from "./components/bizThreadDetail";
+export { BizChatCategory, BizChatType, BizPeerType, } from "./types/biz";
+export type { BizConversationItem, BizConversationPeer, BizCreateConversationData, BizConversationMember, } from "./types/biz";
 export { useDChatAuth } from "./hooks/user/useAuth";
 export { useUpdateFcmToken } from "./hooks/user/useUpdateFcmToken";
-export { useCreateBizConversation } from "./hooks/biz";
+export { useBizConversationList, useCreateBizConversation, } from "./hooks/biz";
 export type { CreateBizConversationInput } from "./hooks/biz";
 export { useUserStore, DChatApplicationType, useAuthStore };
+export { default as useBizConversationStore } from "./store/bizConversation";
 export { Platform as DChatPlatform, LogLevel as DChatLogLevel, SessionType as DChatSessionType, };
 export type { DChatInitAndLoginConfig };
 export { getDChatSDK } from "./constants/sdk";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,cAAc,CAAC;AAC7C,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAEvF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EACzB,qBAAqB,EACrB,eAAe,EACf,WAAW,GACZ,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AACvD,YAAY,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAG9D,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC;AAI5D,OAAO,EACL,QAAQ,IAAI,aAAa,EACzB,QAAQ,IAAI,aAAa,EACzB,WAAW,IAAI,gBAAgB,GAChC,CAAC;AAEF,YAAY,EAAE,uBAAuB,EAAE,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,EAAE,EAAE,MAAM,cAAc,CAAC;AAC7C,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGrE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAEvF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,YAAY,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAE3E,OAAO,EACL,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,eAAe,EACf,WAAW,EACX,WAAW,GACZ,MAAM,aAAa,CAAC;AACrB,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,yBAAyB,EACzB,qBAAqB,GACtB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EACL,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAG9D,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAI7E,OAAO,EACL,QAAQ,IAAI,aAAa,EACzB,QAAQ,IAAI,aAAa,EACzB,WAAW,IAAI,gBAAgB,GAChC,CAAC;AAEF,YAAY,EAAE,uBAAuB,EAAE,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -16,12 +16,16 @@ export { ChatProvider, useChatContext } from "./context/ChatContext";
 export { DChatDeskMessage, DChatBubble, Icon };
 export { default as RichTextEditor } from "./components/richTextEditor/RichTextEditor";
 export { default as DChatBizInbox } from "./screens/bizMessage";
+export { default as DChatBizThreadDetail } from "./screens/bizThreadDetail";
+export { BizThreadDetailHeader, BizThreadDetailInput, } from "./components/bizThreadDetail";
+export { BizChatCategory, BizChatType, BizPeerType, } from "./types/biz";
 //Hooks
 export { useDChatAuth } from "./hooks/user/useAuth";
 export { useUpdateFcmToken } from "./hooks/user/useUpdateFcmToken";
-export { useCreateBizConversation } from "./hooks/biz";
+export { useBizConversationList, useCreateBizConversation, } from "./hooks/biz";
 //Store
 export { useUserStore, DChatApplicationType, useAuthStore };
+export { default as useBizConversationStore } from "./store/bizConversation";
 // export * from "./types/sdk";
 export { Platform as DChatPlatform, LogLevel as DChatLogLevel, SessionType as DChatSessionType, };
 export { getDChatSDK } from "./constants/sdk";

package/dist/locales/vi/bizInbox.json

@@ -2,11 +2,18 @@
   "tabs": {
     "messages": "Tin nhắn"
   },
+  "empty": {
+    "no_conversations": "Chưa có cuộc trò chuyện"
+  },
   "thread_card": {
     "fallback_name": "Người dùng",
     "badge": {
       "mall": "Mall",
       "bot": "Bot"
     }
+  },
+  "thread_detail": {
+    "profile_hint": "Nhấn để xem thông tin",
+    "input_placeholder": "Nhập tin nhắn..."
   }
 }

package/dist/screens/bizMessage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/bizMessage/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,GAAI,0CAIpB,kBAAkB,4CAyDpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/bizMessage/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,GAAI,0CAIpB,kBAAkB,4CA8EpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/screens/bizMessage/index.js

@@ -1,30 +1,55 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from "react";
+import { useEffect } from "react";
+import { useSearchParams } from "next/navigation";
+import { useTranslation } from "react-i18next";
 import { Empty } from "antd";
 import clsx from "clsx";
 import useAuthStore from "../../store/auth";
+import useBizConversationStore from "../../store/bizConversation";
 import { useBizConversationList } from "../../hooks/biz";
-import { BizInboxHeader, BizThreadList } from "../../components/bizInbox";
+import { BizInboxHeader } from "../../components/bizInbox";
+import BizThreadList from "../../components/bizInbox/BizThreadList";
+import DChatBizThreadDetail from "../bizThreadDetail";
 import { PAGE_SIZE } from "../../constants";
 import { DChatApplicationType } from "../../types/chat";
 import { Icon } from "../../components/icon";
 const DChatBizInbox = ({ pageSize = PAGE_SIZE.medium, onSelectThread, className, }) => {
+    const { t } = useTranslation("bizInbox");
+    const searchParams = useSearchParams();
     const applicationType = useAuthStore((state) => state.applicationType);
-    const isApplicationTypeValid = useMemo(() => Object.values(DChatApplicationType).includes(applicationType), [applicationType]);
+    const conversationData = useBizConversationStore((state) => state.conversationData);
+    const selectConversation = useBizConversationStore((state) => state.selectConversation);
+    const clearSelectedConversation = useBizConversationStore((state) => state.clearSelectedConversation);
+    const threadId = searchParams.get("threadId");
+    const isApplicationTypeValid = Object.values(DChatApplicationType).includes(applicationType);
     const conversationList = useBizConversationList({
         enabled: isApplicationTypeValid,
         pageSize,
     });
-    const handleSelectThread = useCallback((item) => {
-        onSelectThread === null || onSelectThread === void 0 ? void 0 : onSelectThread(item);
-    }, [onSelectThread]);
-    const renderMessagesBody = () => {
-        if (!isApplicationTypeValid) {
-            return (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Empty, { image: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-gray-300" }), description: "No conversations" }) }));
+    useEffect(() => {
+        if (!threadId) {
+            if (conversationData) {
+                clearSelectedConversation();
+            }
+            return;
         }
-        return (_jsx(BizThreadList, { items: conversationList.items, isFetchingNextPage: conversationList.isFetchingNextPage, hasNextPage: conversationList.hasNextPage, onLoadMore: conversationList.fetchNextPage, onSelectThread: handleSelectThread }));
-    };
-    return (_jsxs("div", { "data-testid": "biz-inbox-root", className: clsx("flex h-full w-full flex-col bg-white", className), children: [_jsx(BizInboxHeader, {}), renderMessagesBody()] }));
+        if ((conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationId) === threadId)
+            return;
+        const matchedThread = conversationList.items.find((item) => item.conversationId === threadId);
+        if (matchedThread) {
+            selectConversation(matchedThread);
+        }
+    }, [
+        threadId,
+        conversationList.items,
+        conversationData,
+        selectConversation,
+        clearSelectedConversation,
+    ]);
+    if (threadId && conversationData) {
+        return _jsx(DChatBizThreadDetail, { className: className });
+    }
+    return (_jsxs("div", { "data-testid": "biz-inbox-root", className: clsx("flex h-full w-full flex-col bg-white", className), children: [_jsx(BizInboxHeader, {}), !isApplicationTypeValid ? (_jsx("div", { className: "flex flex-1 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") }) })) : (_jsx(BizThreadList, { items: conversationList.items, isFetchingNextPage: conversationList.isFetchingNextPage, hasNextPage: conversationList.hasNextPage, onLoadMore: conversationList.fetchNextPage, onSelectThread: onSelectThread }))] }));
 };
 export default DChatBizInbox;

package/dist/screens/bizThreadDetail/index.d.ts

@@ -0,0 +1,9 @@
+import type { BizThreadDetailInputProps } from "../../components/bizThreadDetail";
+export interface DChatBizThreadDetailProps extends BizThreadDetailInputProps {
+    className?: string;
+    children?: React.ReactNode;
+    onBack?: () => void;
+}
+declare const DChatBizThreadDetail: ({ className, children, onBack, ...inputProps }: DChatBizThreadDetailProps) => import("react/jsx-runtime").JSX.Element | null;
+export default DChatBizThreadDetail;
+//# sourceMappingURL=index.d.ts.map

package/dist/screens/bizThreadDetail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/bizThreadDetail/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAElF,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,oBAAoB,GAAI,gDAK3B,yBAAyB,mDA+B3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/screens/bizThreadDetail/index.js

@@ -0,0 +1,36 @@
+"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, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import clsx from "clsx";
+import useBizConversationStore from "../../store/bizConversation";
+import { BizThreadDetailHeader, BizThreadDetailInput, } from "../../components/bizThreadDetail";
+const DChatBizThreadDetail = (_a) => {
+    var { className, children, onBack } = _a, inputProps = __rest(_a, ["className", "children", "onBack"]);
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const conversation = useBizConversationStore((state) => state.conversationData);
+    const handleBack = () => {
+        const newSearchParams = new URLSearchParams(searchParams);
+        newSearchParams.delete("threadId");
+        const query = newSearchParams.toString();
+        router.replace(query ? `${pathname}?${query}` : pathname);
+        onBack === null || onBack === void 0 ? void 0 : onBack();
+    };
+    if (!conversation) {
+        return null;
+    }
+    return (_jsxs("div", { "data-testid": "biz-thread-detail-root", className: clsx("flex h-full w-full flex-col bg-white", className), children: [_jsx(BizThreadDetailHeader, { conversation: conversation, onBack: handleBack }), _jsx("div", { className: "min-h-0 flex-1 overflow-auto bg-white", children: children }), _jsx(BizThreadDetailInput, Object.assign({}, inputProps))] }));
+};
+export default DChatBizThreadDetail;

package/dist/store/bizConversation.d.ts

@@ -0,0 +1,12 @@
+import type { BizConversationItem } from "../types/biz";
+interface BizConversationStore {
+    conversationData: BizConversationItem | null;
+    selectedConversationId: string;
+    setConversationData: (data: BizConversationItem | null) => void;
+    setSelectedConversationId: (id: string) => void;
+    selectConversation: (conversation: BizConversationItem) => void;
+    clearSelectedConversation: () => void;
+}
+declare const useBizConversationStore: import("zustand").UseBoundStore<import("zustand").StoreApi<BizConversationStore>>;
+export default useBizConversationStore;
+//# sourceMappingURL=bizConversation.d.ts.map

package/dist/store/bizConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bizConversation.d.ts","sourceRoot":"","sources":["../../src/store/bizConversation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,UAAU,oBAAoB;IAC5B,gBAAgB,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC7C,sBAAsB,EAAE,MAAM,CAAC;IAC/B,mBAAmB,EAAE,CAAC,IAAI,EAAE,mBAAmB,GAAG,IAAI,KAAK,IAAI,CAAC;IAChE,yBAAyB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,CAAC,YAAY,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChE,yBAAyB,EAAE,MAAM,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,uBAAuB,mFAmB1B,CAAC;AAEJ,eAAe,uBAAuB,CAAC"}

package/dist/store/bizConversation.js

@@ -0,0 +1,22 @@
+import { create } from "zustand";
+const useBizConversationStore = create((set) => ({
+    conversationData: null,
+    selectedConversationId: "",
+    setConversationData: (data) => {
+        var _a;
+        return set({
+            conversationData: data,
+            selectedConversationId: (_a = data === null || data === void 0 ? void 0 : data.conversationId) !== null && _a !== void 0 ? _a : "",
+        });
+    },
+    setSelectedConversationId: (id) => set({ selectedConversationId: id }),
+    selectConversation: (conversation) => set({
+        conversationData: conversation,
+        selectedConversationId: conversation.conversationId,
+    }),
+    clearSelectedConversation: () => set({
+        conversationData: null,
+        selectedConversationId: "",
+    }),
+}));
+export default useBizConversationStore;