@droppii-org/chat-sdk 0.0.48 → 0.0.50

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"BottomSection.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/BottomSection.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,mBAAmB,+CAMxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -1,6 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-const FooterBottomSection = () => {
-    return (_jsx("div", { className: "flex items-center gap-2", children: _jsx("div", {}) }));
-};
-export default FooterBottomSection;

package/dist/components/session/AssignedSessionFilter.d.ts

@@ -1,7 +0,0 @@
-interface AssignedSessionFilterProps {
-    onFilterChange?: (categoryId: string, subCategoryId?: string) => void;
-    className?: string;
-}
-declare const AssignedSessionFilter: ({ onFilterChange, className, }: AssignedSessionFilterProps) => import("react/jsx-runtime").JSX.Element;
-export default AssignedSessionFilter;
-//# sourceMappingURL=AssignedSessionFilter.d.ts.map

package/dist/components/session/AssignedSessionFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssignedSessionFilter.d.ts","sourceRoot":"","sources":["../../../src/components/session/AssignedSessionFilter.tsx"],"names":[],"mappings":"AA2BA,UAAU,0BAA0B;IAClC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,qBAAqB,GAAI,gCAG5B,0BAA0B,4CAwQ5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/session/AssignedSessionFilter.js

@@ -1,152 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { Icon } from "../icon";
-import useConversationStore from "../../store/conversation";
-import { SESSION_STATUS_ENUM, TAG_ENUM } from "../../constants";
-const AssignedSessionFilter = ({ onFilterChange, className = "", }) => {
-    const [expandedCategories, setExpandedCategories] = useState(new Set([0]));
-    const [selectedFilter, setSelectedFilter] = useState(SESSION_STATUS_ENUM.UNASSIGNED);
-    const summary = useConversationStore((state) => state.summary);
-    const setFilterSummary = useConversationStore((state) => state.setFilterSummary);
-    const messageCategories = useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-        return [
-            {
-                icon: "chat-square-b",
-                label: "Đang mở",
-                key: "ALL",
-                count: (summary === null || summary === void 0 ? void 0 : summary.activeSessionCount) || 0,
-                color: "text-gray-600",
-                query: {
-                    status: undefined,
-                    tag: undefined,
-                },
-                subCategories: [
-                    {
-                        icon: "user-del-o",
-                        label: "Chưa phân công",
-                        key: SESSION_STATUS_ENUM.UNASSIGNED,
-                        count: ((_b = (_a = summary === null || summary === void 0 ? void 0 : summary.sessionStatuses) === null || _a === void 0 ? void 0 : _a.find((status) => status.type === SESSION_STATUS_ENUM.UNASSIGNED)) === null || _b === void 0 ? void 0 : _b.count) || 0,
-                        color: "text-orange-500",
-                        query: {
-                            status: SESSION_STATUS_ENUM.UNASSIGNED,
-                            tag: undefined,
-                        },
-                    },
-                    {
-                        icon: "warning-square-o",
-                        label: "Chậm xử lý",
-                        key: TAG_ENUM.SLOW_PROCESSING,
-                        count: ((_d = (_c = summary === null || summary === void 0 ? void 0 : summary.tagCounts) === null || _c === void 0 ? void 0 : _c.find((status) => status.type === TAG_ENUM.SLOW_PROCESSING)) === null || _d === void 0 ? void 0 : _d.count) || 0,
-                        color: "text-red-500",
-                        query: {
-                            status: undefined,
-                            tag: TAG_ENUM.SLOW_PROCESSING,
-                        },
-                    },
-                    {
-                        icon: "time-circle-o",
-                        label: "Chờ xử lý",
-                        key: SESSION_STATUS_ENUM.WAITING_PROCESS,
-                        count: ((_f = (_e = summary === null || summary === void 0 ? void 0 : summary.sessionStatuses) === null || _e === void 0 ? void 0 : _e.find((status) => status.type === SESSION_STATUS_ENUM.WAITING_PROCESS)) === null || _f === void 0 ? void 0 : _f.count) || 0,
-                        color: "text-orange-400",
-                        query: {
-                            status: SESSION_STATUS_ENUM.WAITING_PROCESS,
-                            tag: undefined,
-                        },
-                    },
-                    {
-                        icon: "arrow-reply-o",
-                        label: "Chưa trả lời",
-                        key: TAG_ENUM.AWAITING_REPLY,
-                        count: ((_h = (_g = summary === null || summary === void 0 ? void 0 : summary.tagCounts) === null || _g === void 0 ? void 0 : _g.find((status) => status.type === TAG_ENUM.AWAITING_REPLY)) === null || _h === void 0 ? void 0 : _h.count) || 0,
-                        color: "text-purple-500",
-                        query: {
-                            status: undefined,
-                            tag: TAG_ENUM.AWAITING_REPLY,
-                        },
-                    },
-                    {
-                        icon: "play-b",
-                        label: "Đang xử lý",
-                        key: SESSION_STATUS_ENUM.IN_PROCESS,
-                        count: ((_k = (_j = summary === null || summary === void 0 ? void 0 : summary.sessionStatuses) === null || _j === void 0 ? void 0 : _j.find((status) => status.type === SESSION_STATUS_ENUM.IN_PROCESS)) === null || _k === void 0 ? void 0 : _k.count) || 0,
-                        color: "text-gray-600",
-                        query: {
-                            status: SESSION_STATUS_ENUM.IN_PROCESS,
-                            tag: undefined,
-                        },
-                    },
-                    {
-                        icon: "pause-b",
-                        label: "Tạm chờ",
-                        key: TAG_ENUM.TEMPORARILY_PAUSED,
-                        count: ((_m = (_l = summary === null || summary === void 0 ? void 0 : summary.sessionStatuses) === null || _l === void 0 ? void 0 : _l.find((status) => status.type === TAG_ENUM.TEMPORARILY_PAUSED)) === null || _m === void 0 ? void 0 : _m.count) || 0,
-                        color: "text-gray-600",
-                        query: {
-                            status: undefined,
-                            tag: TAG_ENUM.TEMPORARILY_PAUSED,
-                        },
-                    },
-                ],
-            },
-            {
-                icon: "check-b",
-                label: "Đã đóng",
-                key: SESSION_STATUS_ENUM.COMPLETED,
-                count: ((_p = (_o = summary === null || summary === void 0 ? void 0 : summary.sessionStatuses) === null || _o === void 0 ? void 0 : _o.find((status) => status.type === SESSION_STATUS_ENUM.COMPLETED)) === null || _p === void 0 ? void 0 : _p.count) || 0,
-                color: "text-green-600",
-                query: {
-                    status: SESSION_STATUS_ENUM.COMPLETED,
-                    tag: undefined,
-                },
-            },
-        ];
-    }, []);
-    const toggleCategory = (index) => {
-        const newExpanded = new Set(expandedCategories);
-        if (newExpanded.has(index)) {
-            newExpanded.delete(index);
-        }
-        else {
-            newExpanded.add(index);
-        }
-        setExpandedCategories(newExpanded);
-    };
-    const handleFilterSelect = (categoryKey, subCategoryKey) => {
-        const filterKey = subCategoryKey || categoryKey;
-        setSelectedFilter(filterKey);
-        // Find the selected category and subcategory by key
-        const category = messageCategories.find((cat) => cat.key === categoryKey);
-        let query;
-        if (category) {
-            if (subCategoryKey && category.subCategories) {
-                const subCategory = category.subCategories.find((sub) => sub.key === subCategoryKey);
-                query = subCategory === null || subCategory === void 0 ? void 0 : subCategory.query;
-            }
-            else {
-                query = category.query;
-            }
-        }
-        if (query) {
-            setFilterSummary(query);
-        }
-        onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(categoryKey, subCategoryKey);
-    };
-    return (_jsxs("div", { className: `w-64 bg-white border-r border-gray-200 flex flex-col ${className}`, children: [_jsx("div", { className: "p-4 border-b border-gray-200", children: _jsx("h2", { className: "text-lg font-semibold text-gray-800", children: "TIN NH\u1EAEN C\u1EE6A T\u00D4I" }) }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx("ul", { className: "py-2", children: messageCategories.map((category, index) => (_jsxs("li", { children: [_jsxs("button", { onClick: () => {
-                                    if (category.subCategories) {
-                                        toggleCategory(index);
-                                    }
-                                    else {
-                                        handleFilterSelect(category.key);
-                                    }
-                                }, className: `w-full flex items-center justify-between px-4 py-3 hover:bg-gray-50 transition-colors group ${selectedFilter === category.key && !category.subCategories
-                                    ? "bg-blue-50 border-r-2 border-blue-500"
-                                    : ""}`, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [category.subCategories && (_jsx(Icon, { icon: expandedCategories.has(index)
-                                                            ? "chevron-down-b"
-                                                            : "chevron-right-b", size: 14, className: "text-gray-400" })), _jsx(Icon, { icon: category.icon, size: 20, className: category.color })] }), _jsx("span", { className: "font-medium text-gray-800 text-left", children: category.label })] }), _jsx("span", { className: "text-sm font-medium text-gray-500 min-w-0", children: category.count })] }), category.subCategories && expandedCategories.has(index) && (_jsx("ul", { className: "ml-4 border-l border-gray-200", children: category.subCategories.map((subCategory, subIndex) => (_jsx("li", { children: _jsxs("button", { onClick: () => handleFilterSelect(category.key, subCategory.key), className: `w-full flex items-center justify-between px-4 py-2 hover:bg-gray-50 transition-colors group ${selectedFilter === subCategory.key
-                                            ? "bg-blue-50 border-r-2 border-blue-500"
-                                            : ""}`, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex-shrink-0 ml-4", children: _jsx(Icon, { icon: subCategory.icon, size: 18, className: subCategory.color }) }), _jsx("span", { className: "text-sm font-medium text-gray-700 text-left", children: subCategory.label })] }), _jsx("span", { className: "text-xs font-medium text-gray-500 min-w-0", children: subCategory.count })] }) }, subIndex))) }))] }, index))) }) })] }));
-};
-export default AssignedSessionFilter;

package/dist/hooks/conversation/useConversationStore.d.ts

@@ -1,11 +0,0 @@
-interface ConversationStore {
-    conversationData: any;
-    setConversationData: (data: any) => void;
-    selectedThreadId: string;
-    selectedSourceId: string;
-    setSelectedThreadId: (threadId: string) => void;
-    setSelectedSourceId: (sourceId: string) => void;
-}
-declare const useConversationStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ConversationStore>>;
-export default useConversationStore;
-//# sourceMappingURL=useConversationStore.d.ts.map

package/dist/hooks/conversation/useConversationStore.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useConversationStore.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useConversationStore.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,gBAAgB,EAAE,GAAG,CAAC;IACtB,mBAAmB,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACzC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,QAAA,MAAM,oBAAoB,gFAOvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}

package/dist/hooks/conversation/useConversationStore.js

@@ -1,10 +0,0 @@
-import { create } from "zustand";
-const useConversationStore = create((set) => ({
-    conversationData: null,
-    setConversationData: (data) => set({ conversationData: data }),
-    selectedThreadId: "",
-    setSelectedThreadId: (threadId) => set({ selectedThreadId: threadId }),
-    selectedSourceId: "",
-    setSelectedSourceId: (sourceId) => set({ selectedSourceId: sourceId }),
-}));
-export default useConversationStore;

package/dist/screens/desk-message/index.d.ts

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

package/dist/screens/desk-message/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/index.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,gBAAgB,+CAerB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/screens/desk-message/index.js

@@ -1,15 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SessionType } from "@openim/wasm-client-sdk";
-import MessageList from "../../components/message/MessageList";
-import DeskConversationList from "../../components/conversation/DeskConversationList";
-import { useConversationDetail } from "../../hooks/conversation/useConversation";
-import AssignedSessionFilter from "../../components/session/AssignedSessionFilter";
-const DChatDeskMessage = () => {
-    const { conversationDetail } = useConversationDetail({
-        sourceID: "123-123",
-        sessionType: SessionType.Group,
-    });
-    return (_jsxs("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: [_jsx(AssignedSessionFilter, {}), _jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: "sg_123-123", conversationData: conversationDetail })] }));
-};
-export default DChatDeskMessage;