@box/threaded-annotations 1.89.9 → 1.90.0

package/dist/esm/lib/components/v2/text-message/subcomponents/message-renderer.js

@@ -1,36 +1,74 @@
 import { t as e } from "../../../../../../chunks/mention-component.js";
 import t from "../messages.js";
-import { Text as n } from "@box/blueprint-web";
-import { useIntl as r } from "react-intl";
-import { jsx as i } from "react/jsx-runtime";
-var a = ({ node: t, index: n, paragraphIndex: r }) => {
-	let a = `mention-${t.attrs.mentionedUserId}-${r}-${n}`;
-	return /* @__PURE__ */ i(e, {
+import { Link as n, Text as r } from "@box/blueprint-web";
+import { useIntl as i } from "react-intl";
+import { jsx as a } from "react/jsx-runtime";
+var o = /((?:(?:ht|f)tps?:\/\/)[\w.-]+(?::\d+)?(?:\/[\w\-.~+/#?&%=:[\]@!$'()*;,]*)?)/gi, s = /[.,;:!?]/, c = {
+	")": "(",
+	"]": "["
+}, l = (e) => {
+	let t = e[e.length - 1];
+	if (s.test(t)) return !0;
+	let n = c[t];
+	if (n) {
+		let r = e.split(n).length - 1;
+		return e.split(t).length - 1 > r;
+	}
+	return !1;
+}, u = (e) => {
+	let t = e;
+	for (; t.length > 0 && l(t);) t = t.slice(0, -1);
+	return t;
+}, d = (e) => {
+	let t = Array.from(e.matchAll(o)).filter((e) => e.index !== void 0), n = [], r = 0;
+	for (let i of t) {
+		let t = i.index, a = i[0], o = u(a), s = t + o.length;
+		t > r && n.push({
+			type: "text",
+			value: e.slice(r, t)
+		}), n.push({
+			type: "url",
+			value: o
+		}), r = s;
+	}
+	return r < e.length && n.push({
+		type: "text",
+		value: e.slice(r)
+	}), n;
+}, f = ({ node: t, index: n, paragraphIndex: r }) => {
+	let i = `mention-${t.attrs.mentionedUserId}-${r}-${n}`;
+	return /* @__PURE__ */ a(e, {
 		authorId: t.attrs.authorId,
 		mentionedUserEmail: t.attrs.mentionedUserEmail,
 		mentionedUserId: t.attrs.mentionedUserId,
 		mentionedUserName: t.attrs.mentionedUserName,
 		mentionId: t.attrs.mentionId
-	}, a);
-}, o = ({ node: e, index: r, paragraphIndex: a, intl: o }) => {
-	let s = `text-${e.text.substring(0, 20)}-${a}-${r}`;
-	return /* @__PURE__ */ i(n, {
-		"aria-label": o.formatMessage(t.textMessageAriaLabel),
+	}, i);
+}, p = ({ node: e, index: i, paragraphIndex: o, intl: s }) => {
+	let c = `text-${e.text.substring(0, 20)}-${o}-${i}`, l = d(e.text);
+	return /* @__PURE__ */ a(r, {
+		"aria-label": s.formatMessage(t.textMessageAriaLabel),
 		as: "span",
 		color: "textOnLightDefault",
 		variant: "bodyDefault",
 		"data-no-expand": !0,
 		style: { cursor: "auto" },
-		children: e.text
-	}, s);
-}, s = ({ content: e, paragraphIndex: t, intl: n }) => e.map((e, r) => {
+		children: l.map((e, t) => e.type === "url" ? /* @__PURE__ */ a(n, {
+			href: e.value,
+			inheritFont: !0,
+			rel: "noopener noreferrer",
+			target: "_blank",
+			children: e.value
+		}, `${c}-segment-${t}`) : e.value)
+	}, c);
+}, m = ({ content: e, paragraphIndex: t, intl: n }) => e.map((e, r) => {
 	switch (e.type) {
-		case "mention": return a({
+		case "mention": return f({
 			node: e,
 			index: r,
 			paragraphIndex: t
 		});
-		case "text": return o({
+		case "text": return p({
 			node: e,
 			index: r,
 			paragraphIndex: t,
@@ -38,23 +76,23 @@ var a = ({ node: t, index: n, paragraphIndex: r }) => {
 		});
 		default: return [];
 	}
-}), c = ({ paragraph: e, index: t, intl: r }) => {
-	let a = e.content || [], o = `paragraph-${t}`;
-	return /* @__PURE__ */ i(n, {
+}), h = ({ paragraph: e, index: t, intl: n }) => {
+	let i = e.content || [], o = `paragraph-${t}`;
+	return /* @__PURE__ */ a(r, {
 		as: "p",
 		variant: "bodyDefault",
-		children: a.length > 0 ? s({
-			content: a,
+		children: i.length > 0 ? m({
+			content: i,
 			paragraphIndex: t,
-			intl: r
-		}) : /* @__PURE__ */ i("br", {})
+			intl: n
+		}) : /* @__PURE__ */ a("br", {})
 	}, o);
-}, l = ({ messageObject: e }) => {
-	let t = r(), { content: n } = e;
-	return !n && n.length === 0 ? null : n.map((e, n) => c({
+}, g = ({ messageObject: e }) => {
+	let t = i(), { content: n } = e;
+	return !n && n.length === 0 ? null : n.map((e, n) => h({
 		paragraph: e,
 		index: n,
 		intl: t
 	}));
 };
-export { l as MessageRenderer };
+export { g as MessageRenderer };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/threaded-annotations",
-    "version": "1.89.9",
+    "version": "1.90.0",
     "license": "SEE LICENSE IN LICENSE",
     "dependencies": {
         "@tanstack/react-virtual": "^3.10.8",
@@ -16,23 +16,23 @@
         "uuid": "^9.0.1"
     },
     "peerDependencies": {
-        "@box/blueprint-web": "^14.31.0",
-        "@box/blueprint-web-assets": "^4.118.3",
-        "@box/collaboration-popover": "^1.62.10",
-        "@box/readable-time": "^1.41.10",
-        "@box/user-selector": "^1.76.10",
+        "@box/blueprint-web": "^14.31.1",
+        "@box/blueprint-web-assets": "^4.118.4",
+        "@box/collaboration-popover": "^1.62.11",
+        "@box/readable-time": "^1.41.11",
+        "@box/user-selector": "^1.76.11",
         "clsx": "^1.2.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^14.31.0",
-        "@box/blueprint-web-assets": "^4.118.3",
-        "@box/eslint-plugin-blueprint": "1.2.1",
-        "@box/readable-time": "^1.41.10",
-        "@box/storybook-utils": "^0.19.7",
-        "@box/user-selector": "^1.76.10",
+        "@box/blueprint-web": "^14.31.1",
+        "@box/blueprint-web-assets": "^4.118.4",
+        "@box/eslint-plugin-blueprint": "1.2.2",
+        "@box/readable-time": "^1.41.11",
+        "@box/storybook-utils": "^0.19.8",
+        "@box/user-selector": "^1.76.11",
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
     },