@droppii-org/chat-sdk 0.1.69 → 0.1.71

package/dist/components/media-collection/FileCollection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileCollection.d.ts","sourceRoot":"","sources":["../../../src/components/media-collection/FileCollection.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,cAAc,+CAqGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"FileCollection.d.ts","sourceRoot":"","sources":["../../../src/components/media-collection/FileCollection.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,cAAc,+CAqGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/media-collection/FileCollection.js

@@ -8,8 +8,7 @@ import dayjs from "dayjs";
 import useConversationStore from "../../store/conversation";
 import { useTranslation } from "react-i18next";
 import { documentIcon } from "../../assets/svg";
-import { shortenFileName } from "../../components/message/footer/FilePreview";
-import { renderFileSize } from "../../utils/common";
+import { renderFileSize, shortenFileName } from "../../utils/common";
 const FileCollection = () => {
     const { t } = useTranslation();
     const selectedSourceId = useConversationStore((state) => state.selectedSourceId);

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

@@ -1,10 +1,4 @@
 import { UploadFile } from "antd";
-interface ShortenOptions {
-    maxLength?: number;
-    keepStart?: number;
-    keepEnd?: number;
-}
-export declare const shortenFileName: (name?: string, options?: ShortenOptions) => string;
 export declare function FilePreviewList({ files, onRemove, onVideoReady, }: {
     files: UploadFile[];
     onRemove: (file: UploadFile) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/FilePreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAOlC,UAAU,cAAc;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,EAAE,UAAS,cAAmB,WAmB1E,CAAC;AAwIF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,YAAY,GACb,EAAE;IACD,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,kDAsBA;AAED,QAAA,MAAM,WAAW,+CAQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/FilePreview.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AA6IlC,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,YAAY,GACb,EAAE;IACD,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,kDAsBA;AAED,QAAA,MAAM,WAAW,+CAQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -5,23 +5,7 @@ import { useMessageFooterContext } from ".";
 import { Icon } from "../../../components/icon";
 import { documentIcon } from "../../../assets/svg";
 import { DOCUMENT_MIME_TYPES } from "../../../utils/fileValidation";
-import { formatDuration } from "../../../utils/common";
-export const shortenFileName = (name, options = {}) => {
-    if (!name)
-        return "";
-    const { maxLength = 20, keepStart = 8, keepEnd = 3 } = options;
-    if (name.length <= maxLength)
-        return name;
-    const dotIndex = name.lastIndexOf(".");
-    const ext = dotIndex !== -1 ? name.slice(dotIndex) : "";
-    const base = dotIndex !== -1 ? name.slice(0, dotIndex) : name;
-    const available = maxLength - ext.length - 3;
-    const startLen = keepStart !== null && keepStart !== void 0 ? keepStart : Math.floor(available / 2);
-    const endLen = keepEnd !== null && keepEnd !== void 0 ? keepEnd : Math.floor(available / 2);
-    const start = base.slice(0, startLen);
-    const end = base.slice(-endLen);
-    return `${start}...${end}${ext}`;
-};
+import { formatDuration, shortenFileName } from "../../../utils/common";
 const formatFileSize = (bytes) => {
     if (bytes === 0)
         return "0 B";

package/dist/components/message/item/FileMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/FileMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAOrE,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAiEnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"FileMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/FileMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAMrE,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAiEnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/message/item/FileMessage.js

@@ -3,8 +3,7 @@ import { MessageStatus } from "@openim/wasm-client-sdk";
 import { Spin } from "antd";
 import { Icon } from "../../../components/icon";
 import { documentIcon } from "../../../assets/svg";
-import { shortenFileName } from "../../../components/message/footer/FilePreview";
-import { renderFileSize } from "../../../utils/common";
+import { renderFileSize, shortenFileName } from "../../../utils/common";
 const FileMessageItem = (props) => {
     var _a;
     const { message } = props;

package/dist/components/message/reply/ReplyQuoteContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReplyQuoteContent.d.ts","sourceRoot":"","sources":["../../../../src/components/message/reply/ReplyQuoteContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AASnE,eAAO,MAAM,oBAAoB,GAAI,aAAa,WAAW,YACb,CAAC;AAEjD,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,GAAI,qBAG/B,sBAAsB,4CAsBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ReplyQuoteContent.d.ts","sourceRoot":"","sources":["../../../../src/components/message/reply/ReplyQuoteContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AASnE,eAAO,MAAM,oBAAoB,GAAI,aAAa,WAAW,YACb,CAAC;AAEjD,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,GAAI,qBAG/B,sBAAsB,4CA0BxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/message/reply/ReplyQuoteContent.js

@@ -9,9 +9,12 @@ const TEXT_LIKE_MESSAGE_TYPES = [
 ];
 export const hasReplyMediaPreview = (contentType) => !TEXT_LIKE_MESSAGE_TYPES.includes(contentType);
 export const ReplyQuoteContent = ({ message, title = "", }) => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const { t } = useTranslation();
     const hasMedia = hasReplyMediaPreview(message.contentType);
-    return (_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-0.5 pr-2 self-stretch", children: [_jsx("div", { className: "w-[3px] shrink-0 self-stretch rounded bg-gray-cool-200" }), hasMedia && _jsx(ReplyPreviewMedia, { message: message }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center py-1 pl-2", children: [_jsx("p", { className: "truncate text-[14px] font-medium leading-[160%] text-gray-900", children: title }), _jsx("p", { className: "truncate text-[13px] leading-[160%] text-gray-400", children: generateContentBasedOnMessageType(message.contentType, ((_a = message.textElem) === null || _a === void 0 ? void 0 : _a.content) || ((_b = message.quoteElem) === null || _b === void 0 ? void 0 : _b.text), t) })] })] }));
+    return (_jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-0.5 pr-2 self-stretch", children: [_jsx("div", { className: "w-[3px] shrink-0 self-stretch rounded bg-gray-cool-200" }), hasMedia && _jsx(ReplyPreviewMedia, { message: message }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center py-1 pl-2", children: [_jsx("p", { className: "truncate text-[14px] font-medium leading-[160%] text-gray-900", children: title }), _jsx("p", { className: "truncate text-[13px] leading-[160%] text-gray-400", children: generateContentBasedOnMessageType(message.contentType, ((_a = message.textElem) === null || _a === void 0 ? void 0 : _a.content) || ((_b = message.quoteElem) === null || _b === void 0 ? void 0 : _b.text), t, {
+                            duration: (_c = message.videoElem) === null || _c === void 0 ? void 0 : _c.duration,
+                            fileName: (_d = message.fileElem) === null || _d === void 0 ? void 0 : _d.fileName,
+                        }) })] })] }));
 };
 export default ReplyQuoteContent;

package/dist/hooks/message/useSendMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACrB,MAAM,cAAc,CAAC;AAWtB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQlC,OAAO,EAAgB,gBAAgB,EAAyB,MAAM,aAAa,CAAC;AAkBpF,eAAO,MAAM,iBAAiB,GAAI,SAAS;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,YAE0C,CAAC;AAE5C,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,gCAanD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,iBAAiB,eAAe,gCAazE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAU,MAAM,mBAAmB,gCAatE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,gCActE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,eAAe,WAAW,gCAc3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAC9B,4BAA4B,GAC5B,iDAAiD,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,eAAe,CAAC;CACxE;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,qBAAqB;uGAiPvD;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;QACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC;QAClC,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,eAAe,CAAC;QAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;KACpB,KAAG,OAAO,CAAC,OAAO,CAAC;mCAxHE,WAAW;CA8SpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,kDAKvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,sBA8BA,CAAC"}
+{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,WAAW,EAGZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACrB,MAAM,cAAc,CAAC;AAWtB,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQlC,OAAO,EAAgB,gBAAgB,EAAyB,MAAM,aAAa,CAAC;AAkBpF,eAAO,MAAM,iBAAiB,GAAI,SAAS;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,YAE0C,CAAC;AAE5C,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,gCAanD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAU,iBAAiB,eAAe,gCAazE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAU,MAAM,oBAAoB,gCAaxE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAU,MAAM,mBAAmB,gCAatE,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,gCActE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,MAAM,EACZ,eAAe,WAAW,gCAc3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAC9B,4BAA4B,GAC5B,iDAAiD,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,eAAe,CAAC;CACxE;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,qBAAqB;uGAsPvD;QACD,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;QACrB,cAAc,CAAC,EAAE,gBAAgB,CAAC;QAClC,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,eAAe,CAAC;QAC9B,IAAI,CAAC,EAAE,WAAW,CAAC;KACpB,KAAG,OAAO,CAAC,OAAO,CAAC;mCAxHE,WAAW;CA8SpC,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,kDAKvC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,sBA8BA,CAAC"}

package/dist/hooks/message/useSendMessage.js

@@ -139,9 +139,12 @@ export const useSendMessage = (options) => {
         }
     }, [queryClient]);
     const dispatchMessage = useCallback(async (message, currentSession) => {
-        var _a, _b, _c, _d;
-        const desc = generateContentBasedOnMessageType(message.contentType, ((_a = message === null || message === void 0 ? void 0 : message.textElem) === null || _a === void 0 ? void 0 : _a.content) || "") || t("new_message");
-        const pushMeta = (_c = (_b = options === null || options === void 0 ? void 0 : options.resolveOfflinePushMeta) === null || _b === void 0 ? void 0 : _b.call(options, { desc })) !== null && _c !== void 0 ? _c : {
+        var _a, _b, _c, _d, _e, _f;
+        const desc = generateContentBasedOnMessageType(message.contentType, ((_a = message === null || message === void 0 ? void 0 : message.textElem) === null || _a === void 0 ? void 0 : _a.content) || "", undefined, {
+            duration: (_b = message.videoElem) === null || _b === void 0 ? void 0 : _b.duration,
+            fileName: (_c = message.fileElem) === null || _c === void 0 ? void 0 : _c.fileName,
+        }) || t("new_message");
+        const pushMeta = (_e = (_d = options === null || options === void 0 ? void 0 : options.resolveOfflinePushMeta) === null || _d === void 0 ? void 0 : _d.call(options, { desc })) !== null && _e !== void 0 ? _e : {
             title: (conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName) || "Droppii Chat",
             icon: (conversationData === null || conversationData === void 0 ? void 0 : conversationData.faceURL) || "",
             conversationId: (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "",
@@ -163,7 +166,7 @@ export const useSendMessage = (options) => {
                 iOSBadgeCount: true,
             },
         });
-        updateOneMessage(Object.assign(Object.assign({}, successMessage), { ex: successMessage.ex || message.ex || "{}", isInternal: (_d = successMessage.isInternal) !== null && _d !== void 0 ? _d : message.isInternal }));
+        updateOneMessage(Object.assign(Object.assign({}, successMessage), { ex: successMessage.ex || message.ex || "{}", isInternal: (_f = successMessage.isInternal) !== null && _f !== void 0 ? _f : message.isInternal }));
         if (!message.isInternal) {
             await syncSessionAfterPublicMessage(currentSession);
         }

package/dist/locales/vi/common.json

@@ -100,7 +100,7 @@
   "search_message_title": "Tìm kiếm tin nhắn",
   "msg_type_image": "[Hình ảnh]",
   "msg_type_voice": "[Tin nhắn thoại]",
-  "msg_type_file": "[Tập tin]",
+  "msg_type_file": "[File]",
   "msg_type_video": "[Video]",
   "msg_type_unsupported": "Tin nhắn không khả dụng",
   "session_started": "Phiên chat đã bắt đầu",

package/dist/utils/common.d.ts

@@ -5,7 +5,16 @@ import { PeerType } from "../types/conversation";
 export declare const parseUrlMetadata: (ex?: string) => UrlMetadataInfo | undefined;
 export declare function formatDuration(seconds: number): string;
 export declare function renderFileSize(bytes: number): string;
-export declare const generateContentBasedOnMessageType: (contentType: MessageType, plainText?: string, t?: TFunction) => string;
+interface ShortenFileNameOptions {
+    maxLength?: number;
+    keepStart?: number;
+    keepEnd?: number;
+}
+export declare const shortenFileName: (name?: string, options?: ShortenFileNameOptions) => string;
+export declare const generateContentBasedOnMessageType: (contentType: MessageType, plainText?: string, t?: TFunction, mediaMeta?: {
+    duration?: number;
+    fileName?: string;
+}) => string;
 export declare const parseLatestMessage: (latestMsg: string, currentUserId?: string, t?: TFunction, conversation?: {
     peerType?: PeerType | string;
     showName?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/utils/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAqB,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,eAAe,GAAG,SAQhE,CAAC;AAwBF,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAItD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAapD;AAED,eAAO,MAAM,iCAAiC,GAC5C,aAAa,WAAW,EACxB,YAAY,MAAM,EAClB,IAAI,SAAS,WAsBd,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,WAAW,MAAM,EACjB,gBAAgB,MAAM,EACtB,IAAI,SAAS,EACb,eAAe;IAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,WAkEnE,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,MAAM,MAAM,EACZ,SAAS,MAAM,EACf,kBAAc,WA2Cf,CAAC;AAEF,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAC7B,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,aAAa,GACtB,MAAM,CAqBR;AAED,eAAO,MAAM,QAAQ,QAAkD,CAAC;AAExE,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAqC3D;AAED,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,MAAM,GAAG,IAOrD,CAAC;AAKF,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,KAAG,OACf,CAAC;AAEnC,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,KAAG,MAO9B,CAAC;AAEZ;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAgEjD"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/utils/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAqB,eAAe,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,eAAO,MAAM,gBAAgB,GAAI,KAAK,MAAM,KAAG,eAAe,GAAG,SAQhE,CAAC;AAwBF,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAItD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAapD;AAED,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,GAC1B,OAAO,MAAM,EACb,UAAS,sBAA2B,WAoBrC,CAAC;AAEF,eAAO,MAAM,iCAAiC,GAC5C,aAAa,WAAW,EACxB,YAAY,MAAM,EAClB,IAAI,SAAS,EACb,YAAY;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,WA+BrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,WAAW,MAAM,EACjB,gBAAgB,MAAM,EACtB,IAAI,SAAS,EACb,eAAe;IAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,WAuEnE,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,MAAM,MAAM,EACZ,SAAS,MAAM,EACf,kBAAc,WA2Cf,CAAC;AAEF,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAC7B,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,aAAa,GACtB,MAAM,CAqBR;AAED,eAAO,MAAM,QAAQ,QAAkD,CAAC;AAExE,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAqC3D;AAED,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,MAAM,GAAG,IAOrD,CAAC;AAKF,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,KAAG,OACf,CAAC;AAEnC,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,KAAG,MAO9B,CAAC;AAEZ;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAgEjD"}

package/dist/utils/common.js

@@ -46,7 +46,23 @@ export function renderFileSize(bytes) {
     }
     return `${size.toFixed(1)} ${units[index]}`;
 }
-export const generateContentBasedOnMessageType = (contentType, plainText, t) => {
+export const shortenFileName = (name, options = {}) => {
+    if (!name)
+        return "";
+    const { maxLength = 20, keepStart = 8, keepEnd = 3 } = options;
+    if (name.length <= maxLength)
+        return name;
+    const dotIndex = name.lastIndexOf(".");
+    const ext = dotIndex !== -1 ? name.slice(dotIndex) : "";
+    const base = dotIndex !== -1 ? name.slice(0, dotIndex) : name;
+    const available = maxLength - ext.length - 3;
+    const startLen = keepStart !== null && keepStart !== void 0 ? keepStart : Math.floor(available / 2);
+    const endLen = keepEnd !== null && keepEnd !== void 0 ? keepEnd : Math.floor(available / 2);
+    const start = base.slice(0, startLen);
+    const end = base.slice(-endLen);
+    return `${start}...${end}${ext}`;
+};
+export const generateContentBasedOnMessageType = (contentType, plainText, t, mediaMeta) => {
     switch (contentType) {
         case MessageType.TextMessage:
         case MessageType.QuoteMessage:
@@ -58,10 +74,18 @@ export const generateContentBasedOnMessageType = (contentType, plainText, t) =>
             return t ? t("msg_type_image") : "[Hình ảnh]";
         case MessageType.VoiceMessage:
             return t ? t("msg_type_voice") : "[Tin nhắn thoại]";
-        case MessageType.VideoMessage:
-            return t ? t("msg_type_video") : "[Video]";
-        case MessageType.FileMessage:
-            return t ? t("msg_type_file") : "[Tập tin]";
+        case MessageType.VideoMessage: {
+            const base = t ? t("msg_type_video") : "[Video]";
+            const durationLabel = (mediaMeta === null || mediaMeta === void 0 ? void 0 : mediaMeta.duration) != null
+                ? formatDuration(mediaMeta.duration / 1000)
+                : "";
+            return durationLabel ? `${base} ${durationLabel}` : base;
+        }
+        case MessageType.FileMessage: {
+            const base = t ? t("msg_type_file") : "[File]";
+            const fileName = shortenFileName(mediaMeta === null || mediaMeta === void 0 ? void 0 : mediaMeta.fileName);
+            return fileName ? `${base} ${fileName}` : base;
+        }
         case MessageType.RevokeMessage:
             return t ? t("revoked") : "Đã thu hồi tin nhắn";
         default:
@@ -69,7 +93,7 @@ export const generateContentBasedOnMessageType = (contentType, plainText, t) =>
     }
 };
 export const parseLatestMessage = (latestMsg, currentUserId, t, conversation) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     if (!latestMsg || !t)
         return "";
     try {
@@ -91,11 +115,14 @@ export const parseLatestMessage = (latestMsg, currentUserId, t, conversation) =>
             case MessageType.VoiceMessage:
             case MessageType.VideoMessage:
             case MessageType.FileMessage:
-                return formatWithSender(sender, generateContentBasedOnMessageType(contentType));
+                return formatWithSender(sender, generateContentBasedOnMessageType(contentType, undefined, t, {
+                    duration: (_d = msgData === null || msgData === void 0 ? void 0 : msgData.videoElem) === null || _d === void 0 ? void 0 : _d.duration,
+                    fileName: (_e = msgData === null || msgData === void 0 ? void 0 : msgData.fileElem) === null || _e === void 0 ? void 0 : _e.fileName,
+                }));
             case MessageType.RevokeMessage:
                 return sender ? t("revoked_with_sender", { name: sender }) : t("revoked");
             case MessageType.CustomMessage: {
-                const customData = (_d = msgData.customElem) === null || _d === void 0 ? void 0 : _d.data;
+                const customData = (_f = msgData.customElem) === null || _f === void 0 ? void 0 : _f.data;
                 if (customData === "#SESSION - START") {
                     return t("session_started");
                 }

package/package.json

@@ -1,132 +1,126 @@
-{
-  "name": "@droppii-org/chat-sdk",
-  "version": "0.1.69",
-  "description": "Droppii React Chat SDK",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./components/*": {
-      "import": "./dist/components/*.js",
-      "types": "./dist/components/*.d.ts"
-    },
-    "./hooks/*": {
-      "import": "./dist/hooks/*.js",
-      "types": "./dist/hooks/*.d.ts"
-    },
-    "./context/*": {
-      "import": "./dist/context/*.js",
-      "types": "./dist/context/*.d.ts"
-    },
-    "./types/*": {
-      "import": "./dist/types/*.js",
-      "types": "./dist/types/*.d.ts"
-    },
-    "./screens/*": {
-      "import": "./dist/screens/*.js",
-      "types": "./dist/screens/*.d.ts"
-    },
-    "./assets/*": {
-      "import": "./dist/assets/*.js",
-      "types": "./dist/assets/*.d.ts"
-    },
-    "./constants/*": {
-      "import": "./dist/constants/*.js",
-      "types": "./dist/constants/*.d.ts"
-    },
-    "./layout/*": {
-      "import": "./dist/layout/*.js",
-      "types": "./dist/layout/*.d.ts"
-    },
-    "./utils/*": {
-      "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 && tsc-alias -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",
-    "dev:link": "pnpm copy-assets && concurrently -k -n css,js,alias -c magenta,cyan,yellow \"pnpm:dev:link:css\" \"pnpm:dev:link:js\" \"pnpm:dev:link:alias\"",
-    "dev:link:css": "tailwindcss -i ./src/styles/global.css -o ./dist/styles/global.css --watch",
-    "dev:link:js": "tsc --watch -p tsconfig.build.json",
-    "dev:link:alias": "tsc-alias -p tsconfig.build.json --watch",
-    "lint": "eslint src/",
-    "type-check": "tsc --noEmit",
-    "prepublishOnly": "pnpm build",
-    "copy-assets": "shx cp -r src/assets dist && shx cp -r src/locales dist"
-  },
-  "keywords": [
-    "chat",
-    "sdk",
-    "react",
-    "messenger-style"
-  ],
-  "author": "Garru",
-  "license": "MIT",
-  "publishConfig": {
-    "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",
-    "@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",
-    "dompurify": "^3.3.1",
-    "i18next": "^25.5.2",
-    "jwt-decode": "^4.0.0",
-    "lexical": "^0.34.0",
-    "lodash": "^4.17.21",
-    "lucide-react": "^0.263.1",
-    "mitt": "^3.0.1",
-    "postcss": "^8.5.6",
-    "query-string": "^9.3.1",
-    "react-i18next": "^15.7.3",
-    "react-icomoon": "^2.6.1",
-    "react-infinite-scroll-component": "^6.1.0",
-    "react-sticky-box": "^2.0.5",
-    "react-virtuoso": "^4.14.0",
-    "tailwind-merge": "^2.0.0",
-    "tailwindcss": "^3.3.0",
-    "uuid": "^11.1.0",
-    "zustand": "^5.0.7"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
-  "devDependencies": {
-    "@types/dompurify": "^3.2.0",
-    "@types/lodash": "^4.17.20",
-    "@types/node": "^20.0.0",
-    "@types/react": "^18.2.37",
-    "@types/react-dom": "^18.2.15",
-    "concurrently": "^9.1.0",
-    "shx": "^0.4.0",
-    "tsc-alias": "^1.8.17",
-    "typescript": "^5.2.2"
-  }
-}
+{
+  "name": "@droppii-org/chat-sdk",
+  "version": "0.1.71",
+  "description": "Droppii React Chat SDK",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./components/*": {
+      "import": "./dist/components/*.js",
+      "types": "./dist/components/*.d.ts"
+    },
+    "./hooks/*": {
+      "import": "./dist/hooks/*.js",
+      "types": "./dist/hooks/*.d.ts"
+    },
+    "./context/*": {
+      "import": "./dist/context/*.js",
+      "types": "./dist/context/*.d.ts"
+    },
+    "./types/*": {
+      "import": "./dist/types/*.js",
+      "types": "./dist/types/*.d.ts"
+    },
+    "./screens/*": {
+      "import": "./dist/screens/*.js",
+      "types": "./dist/screens/*.d.ts"
+    },
+    "./assets/*": {
+      "import": "./dist/assets/*.js",
+      "types": "./dist/assets/*.d.ts"
+    },
+    "./constants/*": {
+      "import": "./dist/constants/*.js",
+      "types": "./dist/constants/*.d.ts"
+    },
+    "./layout/*": {
+      "import": "./dist/layout/*.js",
+      "types": "./dist/layout/*.d.ts"
+    },
+    "./utils/*": {
+      "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"
+  ],
+  "keywords": [
+    "chat",
+    "sdk",
+    "react",
+    "messenger-style"
+  ],
+  "author": "Garru",
+  "license": "MIT",
+  "publishConfig": {
+    "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",
+    "@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",
+    "dompurify": "^3.3.1",
+    "i18next": "^25.5.2",
+    "jwt-decode": "^4.0.0",
+    "lexical": "^0.34.0",
+    "lodash": "^4.17.21",
+    "lucide-react": "^0.263.1",
+    "mitt": "^3.0.1",
+    "postcss": "^8.5.6",
+    "query-string": "^9.3.1",
+    "react-i18next": "^15.7.3",
+    "react-icomoon": "^2.6.1",
+    "react-infinite-scroll-component": "^6.1.0",
+    "react-sticky-box": "^2.0.5",
+    "react-virtuoso": "^4.14.0",
+    "tailwind-merge": "^2.0.0",
+    "tailwindcss": "^3.3.0",
+    "uuid": "^11.1.0",
+    "zustand": "^5.0.7"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/dompurify": "^3.2.0",
+    "@types/lodash": "^4.17.20",
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "shx": "^0.4.0",
+    "tsc-alias": "^1.8.17",
+    "typescript": "^5.2.2"
+  },
+  "scripts": {
+    "build": "pnpm build:css && tsc -p tsconfig.build.json && tsc-alias -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",
+    "copy-assets": "shx cp -r src/assets dist && shx cp -r src/locales dist"
+  }
+}