@droppii-org/chat-sdk 0.0.54 → 0.0.56

package/dist/utils/common.d.ts

@@ -8,9 +8,6 @@ interface FormatOptions {
     dateMonthFormat?: string;
 }
 export declare function formatTimestamp(timestamp: number, options?: FormatOptions): string;
-export declare const urlRegex: RegExp;
 export declare function extractLinks(text: string): string[];
-export declare function wrapLinksInHtml(htmlContent: string): string;
-export declare const getHostFromUrl: (url: string) => string | null;
 export {};
 //# sourceMappingURL=common.d.ts.map

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;AAGtD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAapD;AAED,eAAO,MAAM,iCAAiC,GAC5C,aAAa,WAAW,EACxB,YAAY,MAAM,WAkBnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,WAAW,MAAM,EACjB,gBAAgB,MAAM,EACtB,IAAI,GAAG,WAiCR,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,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAEnD;AAED,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAqC3D;AAED,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,MAAM,GAAG,IAOrD,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/utils/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGtD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAapD;AAED,eAAO,MAAM,iCAAiC,GAC5C,aAAa,WAAW,EACxB,YAAY,MAAM,WAkBnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,WAAW,MAAM,EACjB,gBAAgB,MAAM,EACtB,IAAI,GAAG,WAiCR,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,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAKnD"}

package/dist/utils/common.js

@@ -113,45 +113,8 @@ export function formatTimestamp(timestamp, options) {
         ? date.format(`HH:mm ${dateMonthFormat} YYYY`)
         : date.format(`${dateMonthFormat} YYYY`);
 }
-export const urlRegex = /\bhttps?:\/\/[^\s<>"']*[^\s<>"',.!?()\[\]{}]/g;
 export function extractLinks(text) {
+    // Regex match http:// hoặc https:// và domain
+    const urlRegex = /\bhttps?:\/\/[^\s<>"']*[^\s<>"',.!?()\[\]{}]/g;
     return text.match(urlRegex) || [];
 }
-export function wrapLinksInHtml(htmlContent) {
-    var _a;
-    // Regex để kiểm tra xem link có nằm trong thẻ <a> không
-    const anchorTagRegex = /<a\s[^>]*>.*?<\/a>/gi;
-    let result = "";
-    let lastIndex = 0;
-    // Tách các đoạn đã có <a> sẵn ra để tránh xử lý nhầm
-    const matches = [...htmlContent.matchAll(anchorTagRegex)];
-    for (const match of matches) {
-        const matchStart = (_a = match.index) !== null && _a !== void 0 ? _a : 0;
-        const matchEnd = matchStart + match[0].length;
-        // Xử lý phần nằm trước thẻ a
-        const before = htmlContent.slice(lastIndex, matchStart);
-        const replacedBefore = before.replace(urlRegex, (url) => {
-            return `<a href="${url}" target="_blank" rel="noopener noreferrer">${url}</a>`;
-        });
-        result += replacedBefore;
-        // Giữ nguyên phần trong thẻ a
-        result += match[0];
-        lastIndex = matchEnd;
-    }
-    // Xử lý phần còn lại sau thẻ a cuối cùng
-    const after = htmlContent.slice(lastIndex);
-    const replacedAfter = after.replace(urlRegex, (url) => {
-        return `<a class="text-blue-500 underline" href="${url}" target="_blank" rel="noopener noreferrer">${url}</a>`;
-    });
-    result += replacedAfter;
-    return result;
-}
-export const getHostFromUrl = (url) => {
-    try {
-        const u = new URL(url);
-        return u.host;
-    }
-    catch (err) {
-        return null;
-    }
-};

package/package.json

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

package/dist/components/message/item/UrlTextMessage.d.ts

@@ -1,7 +0,0 @@
-import { MessageItem } from "@openim/wasm-client-sdk";
-interface UrlTextMessageItemProps {
-    message: MessageItem;
-}
-declare const UrlTextMessageItem: (props: UrlTextMessageItemProps) => import("react/jsx-runtime").JSX.Element;
-export default UrlTextMessageItem;
-//# sourceMappingURL=UrlTextMessage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UrlTextMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/message/item/UrlTextMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMtD,UAAU,uBAAuB;IAC/B,OAAO,EAAE,WAAW,CAAC;CACtB;AACD,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAiEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -1,30 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getHostFromUrl, wrapLinksInHtml } from "../../../utils/common";
-import { useFetchExternalLink } from "../../../hooks/common/useFetchExternalLink";
-import { Image } from "antd";
-const UrlTextMessageItem = (props) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { message } = props;
-    const { data: externalLinkData } = useFetchExternalLink(((_b = (_a = message === null || message === void 0 ? void 0 : message.urlTextElem) === null || _a === void 0 ? void 0 : _a.urls) === null || _b === void 0 ? void 0 : _b[0]) || "");
-    let extendMessageInfo = null;
-    const onPressExternalLink = (url) => {
-        if (!url)
-            return;
-        window.open(url, "_blank", "noopener,noreferrer");
-    };
-    try {
-        extendMessageInfo = JSON.parse((message === null || message === void 0 ? void 0 : message.ex) || "{}");
-    }
-    catch (error) {
-        extendMessageInfo = {};
-        console.error("Failed to parse extendMessageInfo", error);
-    }
-    if (Object.keys(extendMessageInfo).length > 0 &&
-        (extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.messageInfo)) {
-        const htmlContent = ((_d = (_c = extendMessageInfo === null || extendMessageInfo === void 0 ? void 0 : extendMessageInfo.messageInfo) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.content) || "";
-        return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "!text-sm sm:text-base break-words whitespace-pre-line flex-1 break-all", dangerouslySetInnerHTML: { __html: wrapLinksInHtml(htmlContent) } }), !!externalLinkData && (_jsxs("div", { className: "flex items-center rounded-md px-3 py-2 border-l-4 border-l-blue-500 bg-blue-50 gap-2 cursor-pointer", onClick: () => onPressExternalLink((externalLinkData === null || externalLinkData === void 0 ? void 0 : externalLinkData.url) || ""), children: [_jsxs("div", { className: "flex flex-1 flex-col gap-1", children: [(externalLinkData === null || externalLinkData === void 0 ? void 0 : externalLinkData.title) && (_jsx("span", { className: "!text-sm font-semibold truncate", children: externalLinkData === null || externalLinkData === void 0 ? void 0 : externalLinkData.title })), (externalLinkData === null || externalLinkData === void 0 ? void 0 : externalLinkData.description) && (_jsx("span", { className: "!text-sm text-gray-500 line-clamp-2", children: externalLinkData === null || externalLinkData === void 0 ? void 0 : externalLinkData.description })), (externalLinkData === null || externalLinkData === void 0 ? void 0 : externalLinkData.url) && (_jsx("span", { className: "!text-sm font-medium text-blue-500", children: getHostFromUrl(externalLinkData === null || externalLinkData === void 0 ? void 0 : externalLinkData.url) }))] }), ((_e = externalLinkData === null || externalLinkData === void 0 ? void 0 : externalLinkData.logo) === null || _e === void 0 ? void 0 : _e.url) && (_jsx(Image, { src: (_f = externalLinkData === null || externalLinkData === void 0 ? void 0 : externalLinkData.logo) === null || _f === void 0 ? void 0 : _f.url, width: 48, height: 48 }))] }))] }));
-    }
-    return (_jsx("span", { className: "!text-sm sm:text-base break-words whitespace-pre-line flex-1 break-all", children: ((_h = (_g = message === null || message === void 0 ? void 0 : message.urlTextElem) === null || _g === void 0 ? void 0 : _g.urls) === null || _h === void 0 ? void 0 : _h[0]) || "" }));
-};
-export default UrlTextMessageItem;

package/dist/hooks/common/useFetchExternalLink.d.ts

@@ -1,2 +0,0 @@
-export declare const useFetchExternalLink: (url: string) => import("@tanstack/react-query").UseQueryResult<any, Error>;
-//# sourceMappingURL=useFetchExternalLink.d.ts.map

package/dist/hooks/common/useFetchExternalLink.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFetchExternalLink.d.ts","sourceRoot":"","sources":["../../../src/hooks/common/useFetchExternalLink.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,GAAI,KAAK,MAAM,+DAmB5C,CAAC"}

package/dist/hooks/common/useFetchExternalLink.js

@@ -1,18 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { QUERY_KEYS } from "../../services/query";
-export const useFetchExternalLink = (url) => useQuery({
-    queryKey: [QUERY_KEYS.FETCH_EXTERNAL_LINK, url],
-    queryFn: async () => {
-        const res = await fetch(`https://api.microlink.io?url=${encodeURIComponent(url)}`)
-            .then((res) => res.json())
-            .then((res) => {
-            return res;
-        })
-            .catch(() => {
-            return null;
-        });
-        return res === null || res === void 0 ? void 0 : res.data;
-    },
-    enabled: !!url,
-    retry: 0,
-});