@droppii-org/chat-sdk 0.0.30 → 0.0.31

package/dist/types/dto.d.ts

@@ -0,0 +1,35 @@
+import { MessageType, SessionType } from "@openim/wasm-client-sdk";
+export interface Pageable {
+    pageNumber: number;
+    pageSize: number;
+    totalElements: number;
+    totalPages: number;
+}
+export interface MediaCollectionRequest {
+    recvID: string;
+    contentType: MessageType;
+    page: number;
+    pageSize: number;
+}
+export interface MediaCollectionItem {
+    chatLog: {
+        sendID: string;
+        recvID: string;
+        msgFrom: string;
+        contentType: MessageType;
+        content: string;
+        sendTime: number;
+        createTime: number;
+        sessionType: SessionType;
+        isRead: boolean;
+        isRevoked: boolean;
+        clientMsgID: string;
+        serverMsgID: string;
+    };
+    isRevoked: boolean;
+}
+export interface MediaCollectionResponse {
+    data: MediaCollectionItem[];
+    pageable: Pageable;
+}
+//# sourceMappingURL=dto.d.ts.map

package/dist/types/dto.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dto.d.ts","sourceRoot":"","sources":["../../src/types/dto.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,WAAW,QAAQ;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,WAAW,CAAC;QACzB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,WAAW,CAAC;QACzB,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,OAAO,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,QAAQ,EAAE,QAAQ,CAAC;CACpB"}

package/dist/types/dto.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/common.d.ts

@@ -0,0 +1,2 @@
+export declare function renderFileSize(bytes: number): string;
+//# sourceMappingURL=common.d.ts.map

package/dist/utils/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/utils/common.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAapD"}

package/dist/utils/common.js

@@ -0,0 +1,12 @@
+export function renderFileSize(bytes) {
+    if (!bytes || bytes <= 0)
+        return "0 B";
+    const units = ["B", "KB", "MB", "GB", "TB"];
+    let index = 0;
+    let size = bytes;
+    while (size >= 1024 && index < units.length - 1) {
+        size /= 1024;
+        index++;
+    }
+    return `${size.toFixed(1)} ${units[index]}`;
+}

package/dist/utils/imCommon.d.ts

@@ -1,6 +1,5 @@
 import { ConversationItem, SessionType } from "@openim/wasm-client-sdk";
 export declare const isGroupSession: (sessionType?: SessionType) => boolean;
-export declare const initStore: () => void;
 export declare const conversationSort: (conversationList: ConversationItem[], originalList?: ConversationItem[]) => {
     conversationID: string;
     conversationType: SessionType;

package/dist/utils/imCommon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"imCommon.d.ts","sourceRoot":"","sources":["../../src/utils/imCommon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIxE,eAAO,MAAM,cAAc,GAAI,cAAc,WAAW,YACO,CAAC;AAEhE,eAAO,MAAM,SAAS,YAIrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,kBAAkB,gBAAgB,EAAE,EACpC,eAAe,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;GA8ClC,CAAC"}
+{"version":3,"file":"imCommon.d.ts","sourceRoot":"","sources":["../../src/utils/imCommon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGxE,eAAO,MAAM,cAAc,GAAI,cAAc,WAAW,YACO,CAAC;AAEhE,eAAO,MAAM,gBAAgB,GAC3B,kBAAkB,gBAAgB,EAAE,EACpC,eAAe,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;GA8ClC,CAAC"}

package/dist/utils/imCommon.js

@@ -10,12 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { GroupSessionTypes } from "../constants/im";
-import useConversationStore from "../store/conversation";
 export const isGroupSession = (sessionType) => sessionType ? GroupSessionTypes.includes(sessionType) : false;
-export const initStore = () => {
-    const { getConversationListByReq } = useConversationStore.getState();
-    getConversationListByReq();
-};
 export const conversationSort = (conversationList, originalList) => {
     const listWithIndex = conversationList.map((item, index) => {
         var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-sdk",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "description": "Droppii React Chat SDK",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -45,18 +45,24 @@
       "import": "./dist/utils/*.js",
       "types": "./dist/utils/*.d.ts"
     },
+    "./services/*": {
+      "import": "./dist/services/*.js",
+      "types": "./dist/services/*.d.ts"
+    },
+    "./locales/*": "./dist/locales/*",
     "./styles/global.css": "./dist/styles/global.css"
   },
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "pnpm build:css && tsc -p tsconfig.build.json && cp -R src/assets dist ",
+    "build": "pnpm build:css && tsc -p tsconfig.build.json && pnpm copy-assets",
     "build:css": "tailwindcss -i ./src/styles/global.css -o ./dist/styles/global.css --minify",
     "dev": "tsc --noEmit --watch",
     "lint": "eslint src/",
     "type-check": "tsc --noEmit",
-    "prepublishOnly": "pnpm build"
+    "prepublishOnly": "pnpm build",
+    "copy-assets": "cp -R src/assets dist && cp -R src/locales dist"
   },
   "keywords": [
     "chat",
@@ -79,16 +85,22 @@
     "@lexical/rich-text": "^0.34.0",
     "@openim/wasm-client-sdk": "3.8.3-patch.10",
     "@tailwindcss/postcss": "^4.1.12",
+    "@tanstack/react-query": "^5.85.5",
     "ahooks": "^3.9.4",
     "antd": "^5.27.0",
+    "axios": "^1.11.0",
     "clsx": "^2.0.0",
     "dayjs": "^1.11.13",
+    "i18next": "^25.5.2",
     "lexical": "^0.34.0",
+    "lodash": "^4.17.21",
     "lucide-react": "^0.263.1",
     "mitt": "^3.0.1",
     "postcss": "^8.5.6",
+    "react-i18next": "^15.7.3",
     "react-icomoon": "^2.6.1",
     "react-infinite-scroll-component": "^6.1.0",
+    "react-sticky-box": "^2.0.5",
     "tailwind-merge": "^2.0.0",
     "tailwindcss": "^3.3.0",
     "uuid": "^11.1.0",

package/dist/components/ChatBubble.d.ts

@@ -1,10 +0,0 @@
-import { SessionType } from "@openim/wasm-client-sdk";
-interface ChatBubbleProps {
-    conversationId: string;
-    sourceID: string;
-    sessionType: SessionType;
-    className?: string;
-}
-declare const ChatBubble: ({ conversationId, sourceID, sessionType, className, }: ChatBubbleProps) => import("react/jsx-runtime").JSX.Element;
-export default ChatBubble;
-//# sourceMappingURL=ChatBubble.d.ts.map

package/dist/components/ChatBubble.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatBubble.d.ts","sourceRoot":"","sources":["../../src/components/ChatBubble.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,UAAU,eAAe;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,uDAKjB,eAAe,4CAmDjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/ChatBubble.js

@@ -1,28 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { FloatButton, Drawer } from "antd";
-import { MessageOutlined, CloseOutlined } from "@ant-design/icons";
-import MessageList from "./message/MessageList";
-import { useConversationDetail } from "../hooks/conversation/useConversation";
-const ChatBubble = ({ conversationId, sourceID, sessionType, className, }) => {
-    const { conversationDetail } = useConversationDetail({
-        sourceID,
-        sessionType,
-    });
-    const [isOpen, setIsOpen] = useState(false);
-    const toggleChat = () => {
-        setIsOpen(!isOpen);
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(FloatButton, { icon: isOpen ? _jsx(CloseOutlined, {}) : _jsx(MessageOutlined, {}), type: "primary", style: {
-                    right: 24,
-                    bottom: 24,
-                    width: 60,
-                    height: 60,
-                }, onClick: toggleChat, className: className }), _jsx(Drawer, { placement: "right", onClose: () => setIsOpen(false), open: isOpen, mask: true, closable: false, styles: {
-                    body: { padding: 0 },
-                }, classNames: {
-                    wrapper: "!z-[9999]",
-                }, children: _jsx(MessageList, { conversationId: conversationId, conversationData: conversationDetail, className: "flex-1", onClose: () => setIsOpen(false) }) })] }));
-};
-export default ChatBubble;

package/dist/components/message/MessageItem.d.ts

@@ -1,7 +0,0 @@
-import { GroupMessageItem } from "../../types/chat";
-interface MessageItemProps {
-    groupMessage: GroupMessageItem;
-}
-declare const MessageItem: ({ groupMessage }: MessageItemProps) => import("react/jsx-runtime").JSX.Element;
-export default MessageItem;
-//# sourceMappingURL=MessageItem.d.ts.map

package/dist/components/message/MessageItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageItem.d.ts","sourceRoot":"","sources":["../../../src/components/message/MessageItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAUpD,UAAU,gBAAgB;IACxB,YAAY,EAAE,gBAAgB,CAAC;CAChC;AACD,QAAA,MAAM,WAAW,GAAI,kBAAkB,gBAAgB,4CAwEtD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/message/MessageItem.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import dayjs from "dayjs";
-import clsx from "clsx";
-import { Avatar } from "antd";
-import isToday from "dayjs/plugin/isToday";
-import { useChatContext } from "../../context/ChatContext";
-import { SessionType } from "@openim/wasm-client-sdk";
-dayjs.extend(isToday);
-const MessageItem = ({ groupMessage }) => {
-    const { user } = useChatContext();
-    const messagesInGroup = (groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.messages) || [];
-    const isToday = dayjs(groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.sendTime).isToday();
-    return (_jsxs("div", { className: "flex flex-col gap-2 my-4 mx-3 sm:mx-4", children: [_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "text-xs text-gray-600 text-center bg-neutral-100 px-2 py-1 rounded-full", children: dayjs(groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.sendTime).format(isToday ? "HH:mm" : "HH:mm, DD MMMM") }) }), messagesInGroup === null || messagesInGroup === void 0 ? void 0 : messagesInGroup.map((message, messageIndex) => {
-                var _a, _b, _c;
-                const isMine = (message === null || message === void 0 ? void 0 : message.sendID) === (user === null || user === void 0 ? void 0 : user.userID);
-                const showAvatar = messageIndex === messagesInGroup.length - 1;
-                const showSenderName = messageIndex === 0 && (message === null || message === void 0 ? void 0 : message.sessionType) === SessionType.Group;
-                return (_jsx("div", { className: clsx("flex", isMine ? "justify-end" : "justify-start"), children: _jsxs("div", { className: clsx("flex items-end gap-2", isMine ? "justify-end" : "justify-start"), children: [!isMine && (_jsx("div", { className: "flex items-center justify-center w-[32px] h-[32px]", children: showAvatar && (_jsx(Avatar, { children: ((_b = (_a = message === null || message === void 0 ? void 0 : message.senderNickname) === null || _a === void 0 ? void 0 : _a.charAt) === null || _b === void 0 ? void 0 : _b.call(_a, 0)) || "A" })) })), _jsxs("div", { className: "flex flex-col items-start flex-[0.8]", children: [!isMine && showSenderName && (_jsx("span", { className: "text-xs text-gray-500 mb-1 px-3", children: message === null || message === void 0 ? void 0 : message.senderNickname })), _jsxs("div", { className: clsx("px-3 py-2 rounded-2xl max-w-full break-words flex flex-col text-gray-900", isMine ? "bg-blue-100" : "bg-gray-100"), children: [_jsx("p", { className: "text-sm sm:text-base whitespace-pre-wrap", children: ((_c = message === null || message === void 0 ? void 0 : message.textElem) === null || _c === void 0 ? void 0 : _c.content) || "Tin nhắn không khả dụng" }), _jsx("span", { className: clsx("text-xs text-gray-500 text-right text-gray-500"), children: dayjs(message === null || message === void 0 ? void 0 : message.sendTime).format("HH:mm") })] })] })] }) }, message === null || message === void 0 ? void 0 : message.clientMsgID));
-            })] }, groupMessage === null || groupMessage === void 0 ? void 0 : groupMessage.groupMessageID));
-};
-export default MessageItem;

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/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;