@droppii-org/chat-sdk 0.0.48 → 0.0.49

package/dist/utils/common.js

@@ -115,6 +115,6 @@ export function formatTimestamp(timestamp, options) {
 }
 export function extractLinks(text) {
     // Regex match http:// hoặc https:// và domain
-    const urlRegex = /(https?:\/\/[^\s]+)/g;
+    const urlRegex = /\bhttps?:\/\/[^\s<>"']*[^\s<>"',.!?()\[\]{}]/g;
     return text.match(urlRegex) || [];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-sdk",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "description": "Droppii React Chat SDK",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

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;

package/dist/types/index.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}

package/dist/types/index.js

@@ -1 +0,0 @@
-"use strict";

package/dist/types/sdk.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=sdk.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../src/types/sdk.ts"],"names":[],"mappings":""}

package/dist/types/sdk.js

@@ -1 +0,0 @@
-"use strict";