@droppii-org/chat-sdk 0.0.21 → 0.0.23

package/dist/types/chat.d.ts

@@ -1,4 +1,5 @@
-import { InitAndLoginConfig, MessageItem, SelfUserInfo } from "@openim/wasm-client-sdk";
+import { FileMsgParamsByURL, ImageMsgParamsByURL, InitAndLoginConfig, MessageItem, SelfUserInfo, VideoMsgParamsByURL } from "@openim/wasm-client-sdk";
+import { UploadFile } from "antd";
 export declare enum ConnectStatus {
     Disconnected = 0,
     Connected = 1,
@@ -17,7 +18,7 @@ export interface ChatContextType {
 }
 export interface ChatProviderProps {
     children: React.ReactNode;
-    config: InitAndLoginConfig;
+    config: InitAndLoginConfig | null;
     refetchToken: () => Promise<string>;
 }
 export interface GroupMessageItem extends Pick<MessageItem, "sendID" | "sendTime"> {
@@ -26,5 +27,38 @@ export interface GroupMessageItem extends Pick<MessageItem, "sendID" | "sendTime
 }
 export interface ExtendMessageInfo {
     groupMessageID: string;
+    messageInfo?: {
+        type: "MESSAGE_INFO";
+        data: {
+            type: "rich_text";
+            content: string;
+        };
+    };
+    sessionInfo?: {
+        type: "SESSION_INFO";
+        data: {
+            sessionId: string;
+            applicationType: "OBEFE";
+        };
+    };
+}
+export interface MessageFooterContextType {
+    onSendMessage: ({ plainText, richText, type, }: {
+        plainText: string;
+        richText: string;
+        type: "text" | "file";
+    }) => void;
+    listUploadFiles: UploadFile[];
+    setListUploadFiles: (files: UploadFile[]) => void;
+}
+export interface ImageMsgParamsByFile extends ImageMsgParamsByURL {
+    file: File;
+}
+export interface VideoMsgParamsByFile extends VideoMsgParamsByURL {
+    videoFile: File;
+    snapshotFile: File;
+}
+export interface FileMsgParamsByFile extends FileMsgParamsByURL {
+    file: File;
 }
 //# sourceMappingURL=chat.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/types/chat.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,YAAY,EACb,MAAM,yBAAyB,CAAC;AAEjC,oBAAY,aAAa;IACvB,YAAY,IAAI;IAChB,SAAS,IAAI;IACb,UAAU,IAAI;CACf;AAED,oBAAY,UAAU;IACpB,aAAa,MAAM;IACnB,aAAa,MAAM;IACnB,aAAa,MAAM;IACnB,aAAa,MAAM;IACnB,aAAa,MAAM;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChD,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/types/chat.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,oBAAY,aAAa;IACvB,YAAY,IAAI;IAChB,SAAS,IAAI;IACb,UAAU,IAAI;CACf;AAED,oBAAY,UAAU;IACpB,aAAa,MAAM;IACnB,aAAa,MAAM;IACnB,aAAa,MAAM;IACnB,aAAa,MAAM;IACnB,aAAa,MAAM;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChD,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE;QACZ,IAAI,EAAE,cAAc,CAAC;QACrB,IAAI,EAAE;YACJ,IAAI,EAAE,WAAW,CAAC;YAClB,OAAO,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,IAAI,EAAE,cAAc,CAAC;QACrB,IAAI,EAAE;YACJ,SAAS,EAAE,MAAM,CAAC;YAClB,eAAe,EAAE,OAAO,CAAC;SAC1B,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,wBAAwB;IACvC,aAAa,EAAE,CAAC,EACd,SAAS,EACT,QAAQ,EACR,IAAI,GACL,EAAE;QACD,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,KAAK,IAAI,CAAC;IACX,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC7D,IAAI,EAAE,IAAI,CAAC;CACZ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-sdk",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "description": "Droppii React Chat SDK",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -70,7 +70,13 @@
     "access": "public"
   },
   "dependencies": {
+    "@ant-design/icons": "^6.0.0",
+    "@lexical/code": "^0.34.0",
+    "@lexical/html": "^0.34.0",
+    "@lexical/link": "^0.34.0",
+    "@lexical/list": "^0.34.0",
     "@lexical/react": "^0.34.0",
+    "@lexical/rich-text": "^0.34.0",
     "@openim/wasm-client-sdk": "3.8.3-patch.10",
     "@tailwindcss/postcss": "^4.1.12",
     "ahooks": "^3.9.4",

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