@droppii-org/chat-sdk 0.1.21 → 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/constants/bizInbox.d.ts

@@ -0,0 +1,37 @@
+export declare const BIZ_INBOX_TABS: {
+    readonly MESSAGES: "messages";
+    readonly COMMUNITY: "community";
+};
+export type BizInboxTabKey = (typeof BIZ_INBOX_TABS)[keyof typeof BIZ_INBOX_TABS];
+export declare const BIZ_INBOX_DEFAULTS: {
+    readonly PAGE_SIZE: 20;
+    readonly SEARCH_DEBOUNCE_MS: 300;
+    readonly TAB_SWITCH_DEBOUNCE_MS: 0;
+    readonly QUERY_STALE_MS: 30000;
+    readonly CONTACT_LIST_SKELETON_COUNT: 6;
+    readonly THREAD_LIST_SKELETON_COUNT: 8;
+};
+export declare const BIZ_INBOX_PAGINATION: {
+    readonly FIRST_PAGE: 1;
+    readonly INFINITE_SCROLL_THRESHOLD: 5;
+};
+export declare const BIZ_INBOX_QUERY_TAGS: {
+    readonly CONVERSATION_LIST: "biz-inbox-conversation-list";
+};
+export declare const BIZ_INBOX_TEST_IDS: {
+    readonly ROOT: "biz-inbox-root";
+    readonly HEADER: "biz-inbox-header";
+    readonly TAB_MESSAGES: "biz-inbox-tab-messages";
+    readonly TAB_COMMUNITY: "biz-inbox-tab-community";
+    readonly SEARCH_INPUT: "biz-inbox-search-input";
+    readonly CREATE_GROUP_BUTTON: "biz-inbox-create-group";
+    readonly THREAD_LIST: "biz-inbox-thread-list";
+    readonly THREAD_CARD: "biz-inbox-thread-card";
+    readonly CONTACT_LIST_SKELETON: "biz-inbox-contact-list-skeleton";
+    readonly STATE_LOADING: "biz-inbox-state-loading";
+    readonly STATE_EMPTY: "biz-inbox-state-empty";
+    readonly STATE_ERROR: "biz-inbox-state-error";
+    readonly COMMUNITY_PLACEHOLDER: "biz-inbox-community-placeholder";
+};
+export declare const THREAD_CARD_ESTIMATED_HEIGHT = 72;
+//# sourceMappingURL=bizInbox.d.ts.map

package/dist/constants/bizInbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bizInbox.d.ts","sourceRoot":"","sources":["../../src/constants/bizInbox.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD,eAAO,MAAM,kBAAkB;;;;;;;CAOrB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;CAEvB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;CAcrB,CAAC;AAEX,eAAO,MAAM,4BAA4B,KAAK,CAAC"}

package/dist/constants/bizInbox.js

@@ -0,0 +1,35 @@
+export const BIZ_INBOX_TABS = {
+    MESSAGES: "messages",
+    COMMUNITY: "community",
+};
+export const BIZ_INBOX_DEFAULTS = {
+    PAGE_SIZE: 20,
+    SEARCH_DEBOUNCE_MS: 300,
+    TAB_SWITCH_DEBOUNCE_MS: 0,
+    QUERY_STALE_MS: 30000,
+    CONTACT_LIST_SKELETON_COUNT: 6,
+    THREAD_LIST_SKELETON_COUNT: 8,
+};
+export const BIZ_INBOX_PAGINATION = {
+    FIRST_PAGE: 1,
+    INFINITE_SCROLL_THRESHOLD: 5,
+};
+export const BIZ_INBOX_QUERY_TAGS = {
+    CONVERSATION_LIST: "biz-inbox-conversation-list",
+};
+export const BIZ_INBOX_TEST_IDS = {
+    ROOT: "biz-inbox-root",
+    HEADER: "biz-inbox-header",
+    TAB_MESSAGES: "biz-inbox-tab-messages",
+    TAB_COMMUNITY: "biz-inbox-tab-community",
+    SEARCH_INPUT: "biz-inbox-search-input",
+    CREATE_GROUP_BUTTON: "biz-inbox-create-group",
+    THREAD_LIST: "biz-inbox-thread-list",
+    THREAD_CARD: "biz-inbox-thread-card",
+    CONTACT_LIST_SKELETON: "biz-inbox-contact-list-skeleton",
+    STATE_LOADING: "biz-inbox-state-loading",
+    STATE_EMPTY: "biz-inbox-state-empty",
+    STATE_ERROR: "biz-inbox-state-error",
+    COMMUNITY_PLACEHOLDER: "biz-inbox-community-placeholder",
+};
+export const THREAD_CARD_ESTIMATED_HEIGHT = 72;

package/dist/hooks/biz/index.d.ts

@@ -0,0 +1,4 @@
+export { useBizConversationList } from "./useBizConversationList";
+export { useCreateBizConversation } from "./useCreateBizConversation";
+export type { CreateBizConversationInput } from "./useCreateBizConversation";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/biz/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/biz/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/hooks/biz/index.js

@@ -0,0 +1,2 @@
+export { useBizConversationList } from "./useBizConversationList";
+export { useCreateBizConversation } from "./useCreateBizConversation";

package/dist/hooks/biz/useBizConversationList.d.ts

@@ -0,0 +1,14 @@
+import type { BizConversationItem } from "../../types/biz";
+interface UseBizConversationListParams {
+    enabled: boolean;
+    pageSize?: number;
+}
+interface UseBizConversationListResult {
+    items: BizConversationItem[];
+    isFetchingNextPage: boolean;
+    hasNextPage: boolean;
+    fetchNextPage: () => void;
+}
+export declare const useBizConversationList: (params: UseBizConversationListParams) => UseBizConversationListResult;
+export {};
+//# sourceMappingURL=useBizConversationList.d.ts.map

package/dist/hooks/biz/useBizConversationList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBizConversationList.d.ts","sourceRoot":"","sources":["../../../src/hooks/biz/useBizConversationList.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,UAAU,4BAA4B;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,4BAA4B;IACpC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,sBAAsB,GACjC,QAAQ,4BAA4B,KACnC,4BA6CF,CAAC"}

package/dist/hooks/biz/useBizConversationList.js

@@ -0,0 +1,45 @@
+import { useInfiniteQuery } from "@tanstack/react-query";
+import useAuthStore from "../../store/auth";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+import { PAGE_SIZE } from "../../constants";
+import { DChatApplicationType } from "../../types/chat";
+export const useBizConversationList = (params) => {
+    var _a, _b, _c;
+    const applicationType = useAuthStore((state) => state.applicationType);
+    const pageSize = (_a = params.pageSize) !== null && _a !== void 0 ? _a : PAGE_SIZE.medium;
+    const isApplicationTypeValid = Object.values(DChatApplicationType).includes(applicationType);
+    const queryEnabled = params.enabled && isApplicationTypeValid;
+    const query = useInfiniteQuery({
+        queryKey: [QUERY_KEYS.GET_BIZ_CONVERSATIONS, applicationType, pageSize],
+        queryFn: async ({ pageParam }) => {
+            const res = await apiInstance.post(ENDPOINTS.chatService.getBizConversations, {
+                applicationType,
+                page: pageParam,
+                pageSize,
+            });
+            return res.data;
+        },
+        initialPageParam: 1,
+        enabled: queryEnabled,
+        getNextPageParam: (lastPage) => {
+            const pageable = lastPage.pageable;
+            if (!pageable)
+                return undefined;
+            const { pageNumber, totalPages } = pageable;
+            if (pageNumber >= totalPages)
+                return undefined;
+            return pageNumber + 1;
+        },
+    });
+    const items = ((_c = (_b = query.data) === null || _b === void 0 ? void 0 : _b.pages) !== null && _c !== void 0 ? _c : []).flatMap((page) => page.data);
+    return {
+        items,
+        isFetchingNextPage: query.isFetchingNextPage,
+        hasNextPage: !!query.hasNextPage,
+        fetchNextPage: () => {
+            query.fetchNextPage();
+        },
+    };
+};

package/dist/hooks/biz/useCreateBizConversation.d.ts

@@ -0,0 +1,8 @@
+import type { BizChatCategory, BizChatType, BizCreateConversationData } from "../../types/biz";
+export interface CreateBizConversationInput {
+    peerUserId: string;
+    chatCategory: BizChatCategory;
+    chatType: BizChatType;
+}
+export declare const useCreateBizConversation: () => import("@tanstack/react-query").UseMutationResult<BizCreateConversationData, Error, CreateBizConversationInput, unknown>;
+//# sourceMappingURL=useCreateBizConversation.d.ts.map

package/dist/hooks/biz/useCreateBizConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateBizConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/biz/useCreateBizConversation.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,yBAAyB,EAC1B,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,eAAe,CAAC;IAC9B,QAAQ,EAAE,WAAW,CAAC;CACvB;AAED,eAAO,MAAM,wBAAwB,gIAepC,CAAC"}

package/dist/hooks/biz/useCreateBizConversation.js

@@ -0,0 +1,15 @@
+"use client";
+import { useMutation } from "@tanstack/react-query";
+import useAuthStore from "../../store/auth";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+export const useCreateBizConversation = () => {
+    return useMutation({
+        mutationKey: [QUERY_KEYS.CREATE_BIZ_CONVERSATION],
+        mutationFn: async (input) => {
+            const res = await apiInstance.post(ENDPOINTS.chatService.createBizConversation, Object.assign(Object.assign({}, input), { applicationType: useAuthStore.getState().applicationType }));
+            return res.data.data;
+        },
+    });
+};

package/dist/hooks/session/useCreateNote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateNote.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useCreateNote.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,eAAO,MAAM,aAAa;oBAQJ,MAAM;aACb,MAAM;cACL,MAAM;WAgBlB,CAAC"}
+{"version":3,"file":"useCreateNote.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useCreateNote.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,eAAO,MAAM,aAAa;oBAQJ,MAAM;aACb,MAAM;cACL,MAAM;WAkBlB,CAAC"}

package/dist/hooks/session/useCreateNote.js

@@ -2,7 +2,7 @@ import { useMutation } from "@tanstack/react-query";
 import { QUERY_KEYS } from "../../services/query";
 import { apiInstance } from "../../services/api";
 import { ENDPOINTS } from "../../services/routes";
-import { DChatApplicationType } from "../../types/chat";
+import useAuthStore from "../../store/auth";
 export const useCreateNote = () => useMutation({
     mutationKey: [QUERY_KEYS.CREATE_NOTE],
     mutationFn: async ({ conversationId, content, targetId, }) => {
@@ -12,7 +12,9 @@ export const useCreateNote = () => useMutation({
             targetId,
             targetType: "USER",
         }, {
-            params: { applicationType: DChatApplicationType.OBEFE },
+            params: {
+                applicationType: useAuthStore.getState().applicationType,
+            },
         });
         return res === null || res === void 0 ? void 0 : res.data;
     },

package/dist/hooks/session/useGetLabelSession.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGetLabelSession.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useGetLabelSession.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAG/D,eAAO,MAAM,kBAAkB,+EAc3B,CAAC"}
+{"version":3,"file":"useGetLabelSession.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useGetLabelSession.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAG/D,eAAO,MAAM,kBAAkB,+EAiB9B,CAAC"}