@droppii-org/chat-sdk 0.1.23 → 0.1.25

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

@@ -0,0 +1,3 @@
+declare const BizInboxHeader: () => import("react/jsx-runtime").JSX.Element;
+export default BizInboxHeader;
+//# sourceMappingURL=BizInboxHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BizInboxHeader.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizInboxHeader.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,cAAc,+CAkBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+const BizInboxHeader = () => {
+    const { t } = useTranslation("biz-inbox");
+    return (_jsx("div", { "data-testid": "biz-inbox-header", className: "flex w-full flex-col border-b border-gray-100 bg-white", children: _jsx("div", { className: "flex h-12 items-end px-3", children: _jsxs("div", { className: "flex h-full flex-col items-center justify-end px-3", children: [_jsx("span", { className: "pb-1.5 text-center text-[16px] font-bold leading-[160%] tracking-[0.16px] text-[#1B3FE4]", children: t("tabs.messages") }), _jsx("span", { className: "h-[3px] w-full rounded-t bg-[#1B3FE4]" })] }) }) }));
+};
+export default BizInboxHeader;

package/dist/components/biz-inbox/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/biz-inbox/BizThreadAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadAvatar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C,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/biz-inbox/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 "../../components/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/biz-inbox/BizThreadCard.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadCard.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAYvD,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/biz-inbox/BizThreadCard.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { formatTimestamp } from "../../utils/common";
+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(sendTime, { hasTime: true });
+};
+const BizThreadCard = ({ item, onClick }) => {
+    const { t } = useTranslation("biz-inbox");
+    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-[#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/biz-inbox/BizThreadList.d.ts

@@ -0,0 +1,11 @@
+import type { BizConversationItem } from "../../types/biz";
+export interface BizThreadListProps {
+    items: BizConversationItem[];
+    isFetchingNextPage: boolean;
+    hasNextPage: boolean;
+    onLoadMore: () => void;
+    onSelectThread?: (item: BizConversationItem) => void;
+}
+declare const BizThreadList: ({ items, isFetchingNextPage, hasNextPage, onLoadMore, onSelectThread, }: BizThreadListProps) => import("react/jsx-runtime").JSX.Element;
+export default BizThreadList;
+//# sourceMappingURL=BizThreadList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadList.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAKvD,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/biz-inbox/BizThreadList.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 "../../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" })] })] }));
+const BizThreadList = ({ items, isFetchingNextPage, hasNextPage, onLoadMore, onSelectThread, }) => {
+    const { t } = useTranslation("biz-inbox");
+    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();
+        }
+    };
+    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

@@ -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/biz-inbox/BizThreadTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadTitle.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/BizThreadTitle.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,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/biz-inbox/BizThreadTitle.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "../../components/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/biz-inbox/index.d.ts

@@ -0,0 +1,10 @@
+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";
+export type { BizThreadListProps } from "./BizThreadList";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/biz-inbox/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/biz-inbox/index.js

@@ -0,0 +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/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,4CAsF3D,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,53 +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 latestMessagePreview = "";
-    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-[#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: [_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-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)]", item.chatCategory === "BIZ_MALL" ? "bg-[#F28504]" : "bg-[#59ABFF]"), children: badgeLabel }))] }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col 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 })] }), _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 }))] }));
+    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/BizMessageBubble.d.ts

@@ -0,0 +1,10 @@
+export interface BizMessageBubbleProps {
+    isMine: boolean;
+    content: string;
+    senderName?: string;
+    showSenderName?: boolean;
+    showTip?: boolean;
+}
+declare const BizMessageBubble: ({ isMine, content, senderName, showSenderName, showTip, }: BizMessageBubbleProps) => import("react/jsx-runtime").JSX.Element;
+export default BizMessageBubble;
+//# sourceMappingURL=BizMessageBubble.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BizMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/components/bizThreadDetail/BizMessageBubble.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA6BD,QAAA,MAAM,gBAAgB,GAAI,2DAMvB,qBAAqB,4CA2BvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/bizThreadDetail/BizMessageBubble.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+const INCOMING_TAIL_PATH = "M1.3798 18H4V0C3.51762 4.5 3.34269 10.5 0.966518 14C-0.568384 16.2608 -0.159364 18 1.3798 18Z";
+const OUTGOING_TAIL_PATH = "M2.6202 18H0V0C0.482375 4.5 0.657308 10.5 3.03348 14C4.56838 16.2608 4.15936 18 2.6202 18Z";
+const BizMessageBubbleTail = ({ isMine }) => (_jsx("div", { className: "flex shrink-0 items-center justify-center", children: _jsx("div", { className: "flex-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "4", height: "18", viewBox: "0 0 4 18", fill: "none", "aria-hidden": true, children: _jsx("path", { d: isMine ? OUTGOING_TAIL_PATH : INCOMING_TAIL_PATH, fill: isMine ? "#0051FF" : "#83899D", fillOpacity: "0.1" }) }) }) }));
+const BizMessageBubble = ({ isMine, content, senderName, showSenderName, showTip = true, }) => {
+    const bubbleClass = clsx("relative max-w-full rounded-[20px] p-2", isMine ? "bg-[rgba(0,81,255,0.1)]" : "bg-[rgba(131,137,157,0.1)]");
+    return (_jsxs("div", { className: "relative flex items-end", "data-testid": "biz-message-bubble", children: [!isMine && showTip && _jsx(BizMessageBubbleTail, { isMine: isMine }), _jsx("div", { className: bubbleClass, children: _jsxs("div", { className: "flex flex-col gap-1 px-1", children: [showSenderName && senderName && (_jsx("span", { className: "text-[12px] font-medium leading-[160%] tracking-[0.12px] text-[#747B7E]", children: senderName })), _jsx("p", { className: "whitespace-pre-wrap break-words text-[16px] leading-[160%] tracking-[0.16px] text-[#393E40]", children: content })] }) }), isMine && showTip && _jsx(BizMessageBubbleTail, { isMine: isMine })] }));
+};
+export default BizMessageBubble;

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

@@ -0,0 +1,3 @@
+declare const BizMessageList: () => import("react/jsx-runtime").JSX.Element;
+export default BizMessageList;
+//# sourceMappingURL=BizMessageList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BizMessageList.d.ts","sourceRoot":"","sources":["../../../src/components/bizThreadDetail/BizMessageList.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,cAAc,+CA8DnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/bizThreadDetail/BizMessageList.js

@@ -0,0 +1,28 @@
+"use client";
+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";
+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 emitter from "../../utils/events";
+import BizMessageItem from "./item/BizMessageItem";
+const BizMessageList = () => {
+    const { t } = useTranslation("biz-inbox");
+    const { user } = useChatContext();
+    const conversationId = useBizConversationStore((state) => { var _a; return (_a = state.conversationData) === null || _a === void 0 ? void 0 : _a.conversationId; });
+    const messageController = useMessage(conversationId, undefined, !!conversationId);
+    const { scrollRef, loadMoreOldMessage, handleInfiniteScroll, scrollToBottomIfAtBottom, } = useMessageListScroll(Object.assign({ conversationId, userId: user === null || user === void 0 ? void 0 : user.userID }, messageController));
+    const { loadState, moreNewLoading } = messageController;
+    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 (_jsxs("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: [_jsx(MessageInfiniteScroll, { scrollRef: scrollRef, scrollableTargetId: "scrollableBizMessagesDiv", loadState: loadState, 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: loadState.messageList.map((message, _, array) => (_jsx(BizMessageItem, { message: message, allMessages: array }, message.clientMsgID))) }), moreNewLoading && (_jsx("div", { className: "flex items-center justify-center py-2", children: _jsx(Spin, {}) }))] }));
+};
+export default BizMessageList;

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,aAAa,CAAC;AAQvD,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 "../../components/icon";
+import BizThreadAvatar from "../../components/biz-inbox/BizThreadAvatar";
+import BizThreadTitle from "../../components/biz-inbox/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("biz-inbox");
+    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,8 @@
+export interface BizThreadDetailInputProps {
+    placeholder?: string;
+    onSendMessage?: (text: string) => void;
+    onInputChange?: (value: string) => void;
+}
+declare const BizThreadDetailInput: ({ placeholder, onSendMessage, onInputChange, }: 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":"AAcA,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,4CAwM3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}