@droppii-org/chat-sdk 0.1.20 → 0.1.22

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BizCommunityTabPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizCommunityTabPlaceholder.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,0BAA0B,+CAkB/B,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/dist/components/bizInbox/BizCommunityTabPlaceholder.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { TeamOutlined } from "@ant-design/icons";
+import { BIZ_INBOX_TEST_IDS } from "../../constants/bizInbox";
+const BizCommunityTabPlaceholder = () => {
+    const { t } = useTranslation("bizInbox");
+    return (_jsxs("div", { role: "status", "data-testid": BIZ_INBOX_TEST_IDS.COMMUNITY_PLACEHOLDER, className: "flex flex-1 flex-col items-center justify-center gap-3 p-8 text-center", children: [_jsx(TeamOutlined, { "aria-hidden": true, className: "text-5xl text-primary-500" }), _jsx("div", { className: "text-lg font-semibold text-neutral-900", children: t("community_tab.coming_soon.title") }), _jsx("div", { className: "max-w-md text-sm text-neutral-500", children: t("community_tab.coming_soon.description") })] }));
+};
+export default BizCommunityTabPlaceholder;

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

@@ -0,0 +1,6 @@
+export interface BizContactListSkeletonProps {
+    itemCount?: number;
+}
+declare const BizContactListSkeleton: ({ itemCount, }: BizContactListSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default BizContactListSkeleton;
+//# sourceMappingURL=BizContactListSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BizContactListSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizContactListSkeleton.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,sBAAsB,GAAI,gBAE7B,2BAA2B,4CAsB7B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/bizInbox/BizContactListSkeleton.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BIZ_INBOX_DEFAULTS, BIZ_INBOX_TEST_IDS, } from "../../constants/bizInbox";
+const BizContactListSkeleton = ({ itemCount = BIZ_INBOX_DEFAULTS.CONTACT_LIST_SKELETON_COUNT, }) => {
+    const items = Array.from({ length: itemCount }, (_, index) => index);
+    return (_jsx("div", { "data-testid": BIZ_INBOX_TEST_IDS.CONTACT_LIST_SKELETON, className: "flex h-full w-72 flex-col gap-3 border-r border-neutral-200 bg-neutral-50 p-4", children: items.map((index) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg bg-white p-3 shadow-sm", 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" })] })] }, index))) }));
+};
+export default BizContactListSkeleton;

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

@@ -0,0 +1,7 @@
+export interface BizCreateGroupButtonProps {
+    onClick: () => void;
+    disabled?: boolean;
+}
+declare const BizCreateGroupButton: ({ onClick, disabled }: BizCreateGroupButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default BizCreateGroupButton;
+//# sourceMappingURL=BizCreateGroupButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BizCreateGroupButton.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizCreateGroupButton.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,oBAAoB,GAAI,uBAA+B,yBAAyB,4CAiBrF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/bizInbox/BizCreateGroupButton.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { PlusOutlined } from "@ant-design/icons";
+import { BIZ_INBOX_TEST_IDS } from "../../constants/bizInbox";
+const BizCreateGroupButton = ({ onClick, disabled = false }) => {
+    const { t } = useTranslation("bizInbox");
+    const label = t("actions.create_group");
+    return (_jsxs("button", { type: "button", onClick: onClick, disabled: disabled, "aria-label": label, "data-testid": BIZ_INBOX_TEST_IDS.CREATE_GROUP_BUTTON, className: "inline-flex h-10 items-center justify-center gap-2 rounded-lg bg-primary px-4 text-sm font-medium text-white transition-colors hover:bg-primary-600 focus:outline-none focus:ring-2 focus:ring-primary disabled:cursor-not-allowed disabled:opacity-60", children: [_jsx(PlusOutlined, { "aria-hidden": true }), _jsx("span", { children: label })] }));
+};
+export default BizCreateGroupButton;

package/dist/components/bizInbox/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/bizInbox/BizInboxHeader.d.ts.map

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

package/dist/components/bizInbox/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("bizInbox");
+    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/bizInbox/BizInboxTabs.d.ts

@@ -0,0 +1,8 @@
+import type { BizInboxTab } from "../../types/biz";
+export interface BizInboxTabsProps {
+    activeTab: BizInboxTab;
+    onChange: (tab: BizInboxTab) => void;
+}
+declare const BizInboxTabs: ({ activeTab, onChange }: BizInboxTabsProps) => import("react/jsx-runtime").JSX.Element;
+export default BizInboxTabs;
+//# sourceMappingURL=BizInboxTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BizInboxTabs.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizInboxTabs.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACtC;AAqBD,QAAA,MAAM,YAAY,GAAI,yBAAyB,iBAAiB,4CAiC/D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/bizInbox/BizInboxTabs.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import clsx from "clsx";
+import { BIZ_INBOX_TABS, BIZ_INBOX_TEST_IDS, } from "../../constants/bizInbox";
+const TAB_CONFIGS = [
+    {
+        key: BIZ_INBOX_TABS.MESSAGES,
+        labelKey: "tabs.messages",
+        testId: BIZ_INBOX_TEST_IDS.TAB_MESSAGES,
+    },
+    {
+        key: BIZ_INBOX_TABS.COMMUNITY,
+        labelKey: "tabs.community",
+        testId: BIZ_INBOX_TEST_IDS.TAB_COMMUNITY,
+    },
+];
+const BizInboxTabs = ({ activeTab, onChange }) => {
+    const { t } = useTranslation("bizInbox");
+    return (_jsx("div", { role: "tablist", "aria-label": t("tabs.messages"), className: "flex items-center gap-1 border-b border-neutral-200", children: TAB_CONFIGS.map((config) => {
+            const isActive = activeTab === config.key;
+            return (_jsx("button", { type: "button", role: "tab", "aria-selected": isActive, tabIndex: isActive ? 0 : -1, "data-testid": config.testId, onClick: () => onChange(config.key), className: clsx("h-12 px-4 text-sm font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary", isActive
+                    ? "border-b-2 border-primary text-primary"
+                    : "border-b-2 border-transparent text-neutral-700 hover:text-primary"), children: t(config.labelKey) }, config.key));
+        }) }));
+};
+export default BizInboxTabs;

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

@@ -0,0 +1,9 @@
+export interface BizSearchInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    debounceMs?: number;
+    placeholderKey?: string;
+}
+declare const BizSearchInput: ({ value, onChange, debounceMs, placeholderKey, }: BizSearchInputProps) => import("react/jsx-runtime").JSX.Element;
+export default BizSearchInput;
+//# sourceMappingURL=BizSearchInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BizSearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/bizInbox/BizSearchInput.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,GAAI,kDAKrB,mBAAmB,4CA6BrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/bizInbox/BizSearchInput.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useDebounce } from "ahooks";
+import { useTranslation } from "react-i18next";
+import { BIZ_INBOX_DEFAULTS, BIZ_INBOX_TEST_IDS, } from "../../constants/bizInbox";
+const BizSearchInput = ({ value, onChange, debounceMs = BIZ_INBOX_DEFAULTS.SEARCH_DEBOUNCE_MS, placeholderKey = "search.placeholder", }) => {
+    const { t } = useTranslation("bizInbox");
+    const [internalValue, setInternalValue] = useState(value);
+    const debouncedValue = useDebounce(internalValue, { wait: debounceMs });
+    const lastEmittedRef = useRef(value);
+    useEffect(() => {
+        setInternalValue(value);
+        lastEmittedRef.current = value;
+    }, [value]);
+    useEffect(() => {
+        if (debouncedValue !== lastEmittedRef.current) {
+            lastEmittedRef.current = debouncedValue;
+            onChange(debouncedValue);
+        }
+    }, [debouncedValue, onChange]);
+    return (_jsx("input", { type: "search", value: internalValue, onChange: (event) => setInternalValue(event.target.value), placeholder: t(placeholderKey), "aria-label": t("search.aria_label"), "data-testid": BIZ_INBOX_TEST_IDS.SEARCH_INPUT, className: "h-10 w-full rounded-lg border border-neutral-200 bg-white px-4 text-sm text-neutral-900 placeholder:text-neutral-500 focus:border-primary focus:outline-none" }));
+};
+export default BizSearchInput;

package/dist/components/bizInbox/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/bizInbox/BizThreadCard.d.ts.map

@@ -0,0 +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"}

package/dist/components/bizInbox/BizThreadCard.js

@@ -0,0 +1,52 @@
+"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))
+        return "";
+    return formatTimestamp(timestamp, { 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 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 }))] }));
+};
+export default BizThreadCard;

package/dist/components/bizInbox/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/bizInbox/BizThreadList.d.ts.map

@@ -0,0 +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"}

package/dist/components/bizInbox/BizThreadList.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Empty } from "antd";
+import InfiniteScroll from "react-infinite-scroll-component";
+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(() => {
+        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)))) }) }));
+};
+export default BizThreadList;

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

@@ -0,0 +1,6 @@
+export { default as BizInboxHeader } from "./BizInboxHeader";
+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/bizInbox/index.d.ts.map

@@ -0,0 +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"}

package/dist/components/bizInbox/index.js

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

package/dist/components/bizInbox/states/BizThreadListEmpty.d.ts

@@ -0,0 +1,7 @@
+export type BizThreadListEmptyReason = "no_data" | "invalid_application_type";
+export interface BizThreadListEmptyProps {
+    reason?: BizThreadListEmptyReason;
+}
+declare const BizThreadListEmpty: ({ reason }: BizThreadListEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export default BizThreadListEmpty;
+//# sourceMappingURL=BizThreadListEmpty.d.ts.map

package/dist/components/bizInbox/states/BizThreadListEmpty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadListEmpty.d.ts","sourceRoot":"","sources":["../../../../src/components/bizInbox/states/BizThreadListEmpty.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,0BAA0B,CAAC;AAE9E,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,wBAAwB,CAAC;CACnC;AAOD,QAAA,MAAM,kBAAkB,GAAI,YAAwB,uBAAuB,4CAmB1E,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/bizInbox/states/BizThreadListEmpty.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { InboxOutlined } from "@ant-design/icons";
+import { BIZ_INBOX_TEST_IDS } from "../../../constants/bizInbox";
+const REASON_KEY_MAP = {
+    no_data: "empty.thread_list",
+    invalid_application_type: "empty.invalid_application_type",
+};
+const BizThreadListEmpty = ({ reason = "no_data" }) => {
+    const { t } = useTranslation("bizInbox");
+    const baseKey = REASON_KEY_MAP[reason];
+    return (_jsxs("div", { role: "status", "data-testid": BIZ_INBOX_TEST_IDS.STATE_EMPTY, className: "flex h-full flex-col items-center justify-center gap-3 p-8 text-center", children: [_jsx(InboxOutlined, { "aria-hidden": true, className: "text-4xl text-neutral-500" }), _jsx("div", { className: "text-base font-semibold text-neutral-900", children: t(`${baseKey}.title`) }), _jsx("div", { className: "max-w-sm text-sm text-neutral-500", children: t(`${baseKey}.description`) })] }));
+};
+export default BizThreadListEmpty;

package/dist/components/bizInbox/states/BizThreadListError.d.ts

@@ -0,0 +1,6 @@
+export interface BizThreadListErrorProps {
+    onRetry: () => void;
+}
+declare const BizThreadListError: ({ onRetry }: BizThreadListErrorProps) => import("react/jsx-runtime").JSX.Element;
+export default BizThreadListError;
+//# sourceMappingURL=BizThreadListError.d.ts.map

package/dist/components/bizInbox/states/BizThreadListError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadListError.d.ts","sourceRoot":"","sources":["../../../../src/components/bizInbox/states/BizThreadListError.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,kBAAkB,GAAI,aAAa,uBAAuB,4CA2B/D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/bizInbox/states/BizThreadListError.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { ExclamationCircleOutlined } from "@ant-design/icons";
+import { BIZ_INBOX_TEST_IDS } from "../../../constants/bizInbox";
+const BizThreadListError = ({ onRetry }) => {
+    const { t } = useTranslation("bizInbox");
+    const retryLabel = t("actions.retry");
+    return (_jsxs("div", { role: "alert", "data-testid": BIZ_INBOX_TEST_IDS.STATE_ERROR, className: "flex h-full flex-col items-center justify-center gap-3 p-8 text-center", children: [_jsx(ExclamationCircleOutlined, { "aria-hidden": true, className: "text-4xl text-red-500" }), _jsx("div", { className: "text-base font-semibold text-neutral-900", children: t("error.thread_list.title") }), _jsx("div", { className: "max-w-sm text-sm text-neutral-500", children: t("error.thread_list.description") }), _jsx("button", { type: "button", onClick: onRetry, "aria-label": retryLabel, className: "mt-2 inline-flex h-9 items-center justify-center rounded-lg bg-primary px-4 text-sm font-medium text-white hover:bg-primary-600 focus:outline-none focus:ring-2 focus:ring-primary", children: retryLabel })] }));
+};
+export default BizThreadListError;

package/dist/components/bizInbox/states/BizThreadListLoading.d.ts

@@ -0,0 +1,6 @@
+export interface BizThreadListLoadingProps {
+    itemCount?: number;
+}
+declare const BizThreadListLoading: ({ itemCount, }: BizThreadListLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export default BizThreadListLoading;
+//# sourceMappingURL=BizThreadListLoading.d.ts.map

package/dist/components/bizInbox/states/BizThreadListLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BizThreadListLoading.d.ts","sourceRoot":"","sources":["../../../../src/components/bizInbox/states/BizThreadListLoading.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,oBAAoB,GAAI,gBAE3B,yBAAyB,4CAoB3B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/bizInbox/states/BizThreadListLoading.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BIZ_INBOX_DEFAULTS, BIZ_INBOX_TEST_IDS, } from "../../../constants/bizInbox";
+const BizThreadListLoading = ({ itemCount = BIZ_INBOX_DEFAULTS.THREAD_LIST_SKELETON_COUNT, }) => {
+    const items = Array.from({ length: itemCount }, (_, index) => index);
+    return (_jsx("div", { role: "status", "data-testid": BIZ_INBOX_TEST_IDS.STATE_LOADING, className: "flex h-full flex-col gap-2 p-4", children: items.map((index) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg 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" })] })] }, index))) }));
+};
+export default BizThreadListLoading;

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

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/ActionBar.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,SAAS,+CA2Gd,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/ActionBar.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,SAAS,+CA+Gd,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -30,12 +30,15 @@ const ActionBar = () => {
             richText = $generateHtmlFromNodes(editor);
         });
         if (canSend) {
-            onSendMessage({
+            const sent = onSendMessage({
                 plainText,
                 richText,
                 type: listUploadFiles.length > 0 ? "file" : "text",
                 isInternal,
             });
+            if (!sent) {
+                return;
+            }
         }
         editor.update(() => {
             const root = $getRoot();

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

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

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

@@ -7,7 +7,7 @@ import { $isListNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND
 import { $isQuoteNode } from "@lexical/rich-text";
 import { useMessageFooterContext } from ".";
 import useConversationStore from "../../../store/conversation";
-import { emit } from "../../../utils/events";
+import emitter, { emit } from "../../../utils/events";
 export default function EnterHandler() {
     const [editor] = useLexicalComposerContext();
     const { onSendMessage, isInternal, listUploadFiles, isOpenCanned, activeCannedIndex, } = useMessageFooterContext();
@@ -35,12 +35,15 @@ export default function EnterHandler() {
                 const hasQuote = !!(quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.clientMsgID);
                 const canSend = hasQuote ? hasText : hasText || hasFiles;
                 if (canSend) {
-                    onSendMessage({
+                    const sent = onSendMessage({
                         plainText,
                         richText,
                         type: hasFiles ? "file" : "text",
                         isInternal,
                     });
+                    if (!sent) {
+                        return true;
+                    }
                 }
                 editor.update(() => {
                     const root = $getRoot();
@@ -95,5 +98,20 @@ export default function EnterHandler() {
         isOpenCanned,
         activeCannedIndex,
     ]);
+    useEffect(() => {
+        const clearEditor = () => {
+            editor.update(() => {
+                const root = $getRoot();
+                root.clear();
+                const paragraph = $createParagraphNode();
+                root.append(paragraph);
+                paragraph.select();
+            });
+        };
+        emitter.on("CLEAR_COMPOSER", clearEditor);
+        return () => {
+            emitter.off("CLEAR_COMPOSER", clearEditor);
+        };
+    }, [editor]);
     return null;
 }

package/dist/components/message/footer/SessionClosedModal.d.ts

@@ -0,0 +1,10 @@
+interface SessionClosedModalProps {
+    open: boolean;
+    loading: boolean;
+    onReopen: () => void;
+    onCreateNew: () => void;
+    onClose: () => void;
+}
+declare const SessionClosedModal: ({ open, loading, onReopen, onCreateNew, onClose, }: SessionClosedModalProps) => import("react/jsx-runtime").JSX.Element;
+export default SessionClosedModal;
+//# sourceMappingURL=SessionClosedModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionClosedModal.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/SessionClosedModal.tsx"],"names":[],"mappings":"AAKA,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,kBAAkB,GAAI,oDAMzB,uBAAuB,4CAmDzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal, Button } from "antd";
+import { useTranslation } from "react-i18next";
+const SessionClosedModal = ({ open, loading, onReopen, onCreateNew, onClose, }) => {
+    const { t } = useTranslation();
+    return (_jsx(Modal, { open: open, onCancel: onClose, footer: null, closable: !loading, centered: true, width: 400, maskClosable: !loading, keyboard: !loading, forceRender: true, children: _jsxs("div", { className: "flex flex-col gap-4 pt-2", role: "alertdialog", "aria-label": t("session_closed_modal_title"), children: [_jsx("p", { className: "text-base font-semibold", children: t("session_closed_modal_title") }), _jsx("p", { className: "text-sm text-gray-600", children: t("session_closed_modal_description") }), _jsxs("div", { className: "flex gap-3 w-full", children: [_jsx(Button, { type: "primary", className: "flex-1", size: "large", onClick: onReopen, loading: loading, disabled: loading, children: t("session_closed_modal_reopen") }), _jsx(Button, { type: "primary", className: "flex-1", size: "large", onClick: onCreateNew, loading: loading, disabled: loading, children: t("session_closed_modal_create_new") })] })] }) }));
+};
+export default SessionClosedModal;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAe,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAK5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAYtD,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AASD,eAAO,MAAM,oBAAoB,mDAY/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,gCAAyC,CAAC;AAE9E,QAAA,MAAM,qBAAqB,GAAI,4CAG5B,kBAAkB,4CA+JpB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAe,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAK5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAkBtD,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AASD,eAAO,MAAM,oBAAoB,mDAY/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,gCAAyC,CAAC;AAE9E,QAAA,MAAM,qBAAqB,GAAI,4CAG5B,kBAAkB,4CA8QpB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}