synapse-react-client 4.0.10 → 4.0.12

package/dist/components/Forum/DiscussionThread.js

@@ -9,10 +9,10 @@ import { WarningDialog as a } from "../SynapseForm/WarningDialog.js";
 import { formatDate as o } from "../../utils/functions/DateFormatter.js";
 import { UserBadge as s } from "../UserCard/UserBadge.js";
 import { useGetRepliesInfinite as c } from "../../synapse-queries/forum/useReply.js";
-import { useDeleteThread as te, useGetThread as ne, useRestoreThread as re } from "../../synapse-queries/forum/useThread.js";
-import { useSubscription as ie } from "../../synapse-queries/subscription/useSubscription.js";
-import { ForumThreadEditor as l } from "./ForumThreadEditor.js";
-import { REPLY_ID_PARAM_KEY as u } from "./DiscussionConstants.js";
+import { useDeleteThread as l, useGetThread as te, useRestoreThread as ne } from "../../synapse-queries/forum/useThread.js";
+import { useSubscription as re } from "../../synapse-queries/subscription/useSubscription.js";
+import { ForumThreadEditor as u } from "./ForumThreadEditor.js";
+import { REPLY_ID_PARAM_KEY as ie } from "./DiscussionConstants.js";
 import { DiscussionReply as d } from "./DiscussionReply.js";
 import { SubscribersModal as f } from "./SubscribersModal.js";
 import { useGetModerators as p } from "../../synapse-queries/forum/useForum.js";
@@ -25,68 +25,70 @@ import se from "dayjs";
 //#region src/components/Forum/DiscussionThread.tsx
 var ce = "You are following this topic. Click to stop following.", le = "You are not following this topic. Click to follow.", D = "Write a reply...";
 function O(O) {
-	let { threadId: k, limit: A } = O, j = "16px", [M, N] = g(!0), [P, F] = g(!1), [I, L] = g(!1), [R, z] = g(!1), [B, V] = g(!1), [H, U] = g(!1), [W, G] = g(!1), [ue, de] = g(!1), { threadData: K, threadBody: q, togglePin: fe } = ne(k), { data: J } = r(), { data: pe } = n(K?.projectId ?? "", void 0, ae, { enabled: !!K }), { subscription: Y, toggleSubscribed: me, isLoading: he } = ie(k, E.THREAD), { mutate: ge } = te({ onSuccess: () => {
-		V(!1), e("A thread has been deleted.", "info");
-	} }), { mutate: _e } = re({ onSuccess: () => {
+	let { threadId: k, limit: A, emptyBodyContent: j } = O, M = "16px", [N, P] = g(!0), [F, I] = g(!1), [L, R] = g(!1), [z, B] = g(!1), [V, H] = g(!1), [U, W] = g(!1), [ue, G] = g(!1), [de, fe] = g(!1), { threadData: K, threadBody: q, togglePin: pe } = te(k), { data: J } = r(), { data: me } = n(K?.projectId ?? "", void 0, ae, { enabled: !!K }), { subscription: Y, toggleSubscribed: he, isLoading: ge } = re(k, E.THREAD), { mutate: _e } = l({ onSuccess: () => {
+		H(!1), e("A thread has been deleted.", "info");
+	} }), { mutate: ve } = ne({ onSuccess: () => {
 		G(!1), e("A thread has been restored.", "info");
-	} }), ve = K?.createdBy == J?.ownerId;
-	function ye() {
-		if (J?.userName == "anonymous") U(!0);
+	} }), ye = K?.createdBy == J?.ownerId;
+	function be() {
+		if (J?.userName == "anonymous") W(!0);
 		else try {
-			me();
+			he();
 		} catch (t) {
 			e(t.reason, "danger");
 		}
 	}
-	let { data: X, hasNextPage: be, fetchNextPage: xe } = c(k, M, A), { data: Z } = p(K?.forumId ?? "", { enabled: !!K?.forumId }), Se = Z?.includes(K?.createdBy ?? ""), [Q, Ce] = t(u), $ = h(() => {
+	let { data: X, hasNextPage: xe, fetchNextPage: Se } = c(k, N, A), { data: Z } = p(K?.forumId ?? "", { enabled: !!K?.forumId }), Ce = Z?.includes(K?.createdBy ?? ""), [Q, we] = t(ie), $ = h(() => {
 		let e = X?.pages.flatMap((e) => e.results) ?? [];
 		return Q ? e.filter((e) => e.id === Q) : e;
-	}, [X, Q]);
+	}, [X, Q]), Te = () => {
+		we(null);
+	}, Ee = Z?.includes(J?.ownerId ?? "");
 	return /* @__PURE__ */ T("div", {
 		className: "DiscussionThread",
 		role: "article",
 		children: [
-			K && q ? /* @__PURE__ */ T(C, { children: [
-				/* @__PURE__ */ T(_, {
-					sx: {
-						mb: 2,
-						textAlign: "right"
-					},
-					children: [/* @__PURE__ */ w(S, {
-						component: "span",
-						sx: { mr: 1 },
-						children: "Sort:"
-					}), /* @__PURE__ */ T(x, {
-						color: "primary",
-						exclusive: !0,
-						value: M ? "datePosted" : "mostRecent",
-						children: [/* @__PURE__ */ w(b, {
-							value: "datePosted",
-							onClick: () => N(!0),
-							children: "Date Posted"
-						}), /* @__PURE__ */ w(b, {
-							value: "mostRecent",
-							onClick: () => N(!1),
-							children: "Most Recent"
-						})]
+			K && /* @__PURE__ */ T(_, {
+				sx: {
+					mb: 2,
+					textAlign: "right"
+				},
+				children: [/* @__PURE__ */ w(S, {
+					component: "span",
+					sx: { mr: 1 },
+					children: "Sort:"
+				}), /* @__PURE__ */ T(x, {
+					color: "primary",
+					exclusive: !0,
+					value: N ? "datePosted" : "mostRecent",
+					children: [/* @__PURE__ */ w(b, {
+						value: "datePosted",
+						onClick: () => P(!0),
+						children: "Date Posted"
+					}), /* @__PURE__ */ w(b, {
+						value: "mostRecent",
+						onClick: () => P(!1),
+						children: "Most Recent"
 					})]
-				}),
+				})]
+			}),
+			K && (q !== void 0 || j) ? /* @__PURE__ */ T(C, { children: [
 				/* @__PURE__ */ w(s, {
 					userId: K.createdBy,
 					withAvatar: !0,
 					avatarSize: "MEDIUM",
 					showCardOnHover: !0,
-					showModeratorBadge: Se
+					showModeratorBadge: Ce
 				}),
 				/* @__PURE__ */ T(_, {
 					sx: (e) => ({ [e.breakpoints.down("sm")]: {
 						display: "flex",
 						flexDirection: "column-reverse",
-						marginBottom: j,
-						marginTop: j,
+						marginBottom: M,
+						marginTop: M,
 						".SubscribersModal": {
 							justifyContent: "flex-start",
-							marginBottom: j
+							marginBottom: M
 						}
 					} }),
 					children: [/* @__PURE__ */ w(S, {
@@ -96,12 +98,12 @@ function O(O) {
 					}), /* @__PURE__ */ w(f, {
 						id: k,
 						objectType: E.THREAD,
-						showModal: ue,
-						handleModal: de
+						showModal: de,
+						handleModal: fe
 					})]
 				}),
 				/* @__PURE__ */ w("div", { children: /* @__PURE__ */ w(ee, {
-					markdown: q,
+					markdown: q || j,
 					objectType: oe.THREAD
 				}) }),
 				/* @__PURE__ */ T("span", { children: [
@@ -109,14 +111,14 @@ function O(O) {
 					o(se(K.createdOn), "M/D/YYYY"),
 					K.isEdited ? /* @__PURE__ */ w("i", { children: " (Edited)" }) : null
 				] }),
-				/* @__PURE__ */ w(l, {
+				/* @__PURE__ */ w(u, {
 					isReply: !1,
 					initialText: q,
-					onClose: () => F(!1),
+					onClose: () => I(!1),
 					initialTitle: K?.title,
 					id: k,
 					isDialog: !0,
-					openDialog: P
+					openDialog: F
 				})
 			] }) : /* @__PURE__ */ w(C, {}),
 			/* @__PURE__ */ w(_, {
@@ -137,8 +139,8 @@ function O(O) {
 					/* @__PURE__ */ w("span", { children: /* @__PURE__ */ w("button", {
 						className: "follow-button",
 						"aria-label": Y ? "Unfollow thread" : "Follow thread",
-						disabled: he,
-						onClick: () => ye(),
+						disabled: ge,
+						onClick: () => be(),
 						children: Y ? /* @__PURE__ */ w(i, {
 							icon: "visibility",
 							label: ce
@@ -147,21 +149,21 @@ function O(O) {
 							label: le
 						})
 					}) }),
-					ve && /* @__PURE__ */ w("button", {
-						onClick: () => F(!0),
+					ye && /* @__PURE__ */ w("button", {
+						onClick: () => I(!0),
 						children: /* @__PURE__ */ w(i, {
 							icon: "edit",
 							label: "Edit thread"
 						})
 					}),
-					pe?.permissions.canModerate ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("button", {
-						onClick: () => V(!0),
+					me?.permissions.canModerate ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("button", {
+						onClick: () => H(!0),
 						children: /* @__PURE__ */ w(i, {
 							icon: "delete",
 							label: "Delete thread"
 						})
 					}), /* @__PURE__ */ w("button", {
-						onClick: () => fe(),
+						onClick: () => pe(),
 						children: K?.isPinned ? /* @__PURE__ */ w(i, {
 							icon: "pushpin",
 							sx: { color: "error.main" },
@@ -178,24 +180,22 @@ function O(O) {
 					mt: 2,
 					mb: 3
 				},
-				children: I ? /* @__PURE__ */ w(l, {
+				children: L ? /* @__PURE__ */ w(u, {
 					id: k,
 					isReply: !0,
-					onClose: () => L(!1),
+					onClose: () => R(!1),
 					isDialog: !1
 				}) : /* @__PURE__ */ w(y, {
 					fullWidth: !0,
 					placeholder: D,
 					onClick: () => {
-						J?.userName == "anonymous" ? U(!0) : L(!0);
+						J?.userName == "anonymous" ? W(!0) : R(!0);
 					}
 				})
 			}),
 			Q && /* @__PURE__ */ T(v, {
 				variant: "outlined",
-				onClick: () => {
-					Ce(null);
-				},
+				onClick: Te,
 				sx: {
 					display: "flex",
 					alignItems: "center",
@@ -215,6 +215,7 @@ function O(O) {
 				let t = Z?.includes(e.createdBy);
 				return /* @__PURE__ */ w(d, {
 					reply: e,
+					isForumModerator: Ee,
 					isReplyAuthorModerator: t
 				}, e.id);
 			}) }),
@@ -224,47 +225,47 @@ function O(O) {
 					mb: 3,
 					[e.breakpoints.down("sm")]: { MarkdownEditor: { display: "block" } }
 				}),
-				children: R ? /* @__PURE__ */ w(l, {
+				children: z ? /* @__PURE__ */ w(u, {
 					id: k,
 					isReply: !0,
-					onClose: () => z(!1),
+					onClose: () => B(!1),
 					isDialog: !1
 				}) : /* @__PURE__ */ w(y, {
 					fullWidth: !0,
 					placeholder: D,
 					onClick: () => {
-						J?.userName == "anonymous" ? U(!0) : z(!0);
+						J?.userName == "anonymous" ? W(!0) : B(!0);
 					}
 				})
 			}),
-			be ? /* @__PURE__ */ w(v, {
+			xe ? /* @__PURE__ */ w(v, {
 				variant: "outlined",
 				onClick: () => {
-					xe();
+					Se();
 				},
 				children: "Show more results"
 			}) : /* @__PURE__ */ w(C, {}),
 			/* @__PURE__ */ w(a, {
-				open: B,
+				open: V,
 				title: "Confirm Deletion",
 				content: "Are you sure you want to delete this thread?",
-				onCancel: () => V(!1),
-				onConfirm: () => K && ge(K),
+				onCancel: () => H(!1),
+				onConfirm: () => K && _e(K),
 				confirmButtonColor: "error",
 				confirmButtonText: "Delete"
 			}),
 			/* @__PURE__ */ w(a, {
-				open: W,
+				open: ue,
 				title: "Confirm Restoration",
 				content: "Are you sure you want to restore this thread?",
 				onCancel: () => G(!1),
-				onConfirm: () => K && _e(K),
+				onConfirm: () => K && ve(K),
 				confirmButtonColor: "info",
 				confirmButtonText: "Restore"
 			}),
 			/* @__PURE__ */ w(m, {
-				open: H,
-				onHide: () => U(!1),
+				open: U,
+				onHide: () => W(!1),
 				hasCancelButton: !1
 			})
 		]

package/dist/components/Forum/DiscussionThread.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscussionThread.js","names":[],"sources":["../../../src/components/Forum/DiscussionThread.tsx"],"sourcesContent":["import { useGetCurrentUserProfile, useGetEntityBundle } from '@/synapse-queries'\nimport { useGetRepliesInfinite } from '@/synapse-queries/forum/useReply'\nimport {\n  useDeleteThread,\n  useGetThread,\n  useRestoreThread,\n} from '@/synapse-queries/forum/useThread'\nimport { useSubscription } from '@/synapse-queries/subscription/useSubscription'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  Box,\n  Button,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport {\n  ALL_ENTITY_BUNDLE_FIELDS,\n  ObjectType,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport WarningDialog from '../SynapseForm/WarningDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport { DiscussionReply } from './DiscussionReply'\nimport { ForumThreadEditor } from './ForumThreadEditor'\nimport { SubscribersModal } from './SubscribersModal'\nimport { useGetModerators } from '@/synapse-queries/forum/useForum'\nimport { useNativeSearchParams } from '@/utils/hooks/useNativeSearchParams'\nimport { REPLY_ID_PARAM_KEY } from './DiscussionConstants'\nimport { SignInRequiredModal } from '../SignInRequiredModal/SignInRequiredModal'\n\nexport type DiscussionThreadProps = {\n  threadId: string\n  limit: number\n}\n\nconst FOLLOWING_TEXT = 'You are following this topic. Click to stop following.'\nconst UNFOLLOWING_TEXT = 'You are not following this topic. Click to follow.'\nconst INPUT_PLACEHOLDER = 'Write a reply...'\n\nexport function DiscussionThread(props: DiscussionThreadProps) {\n  const { threadId, limit } = props\n  const defaultMargin = '16px'\n\n  const [orderByDatePosted, setOrderByDatePosted] = useState(true)\n  const [showThreadModal, setShowThreadModal] = useState(false)\n  const [showReplyEditor1, setShowReplyEditor1] = useState(false)\n  const [showReplyEditor2, setShowReplyEditor2] = useState(false)\n  const [showDeleteModal, setShowDeleteModal] = useState(false)\n  const [showSignInModal, setShowSignInModal] = useState(false)\n  const [showRestoreModal, setShowRestoreModal] = useState(false)\n  const [showSubscriberModal, setShowSubscriberModal] = useState(false)\n\n  const { threadData, threadBody, togglePin } = useGetThread(threadId)\n  const { data: currentUserProfile } = useGetCurrentUserProfile()\n  const { data: entityBundle } = useGetEntityBundle(\n    threadData?.projectId ?? '',\n    undefined,\n    ALL_ENTITY_BUNDLE_FIELDS,\n    {\n      enabled: !!threadData,\n    },\n  )\n\n  const { subscription, toggleSubscribed, isLoading } = useSubscription(\n    threadId,\n    SubscriptionObjectType.THREAD,\n  )\n  const { mutate: deleteThread } = useDeleteThread({\n    onSuccess: () => {\n      setShowDeleteModal(false)\n      displayToast('A thread has been deleted.', 'info')\n    },\n  })\n  const { mutate: restoreThread } = useRestoreThread({\n    onSuccess: () => {\n      setShowRestoreModal(false)\n      displayToast('A thread has been restored.', 'info')\n    },\n  })\n\n  const isCurrentUserAuthor =\n    threadData?.createdBy == currentUserProfile?.ownerId\n\n  function handleFollowBtn() {\n    if (currentUserProfile?.userName == 'anonymous') {\n      setShowSignInModal(true)\n    } else {\n      try {\n        toggleSubscribed()\n      } catch (err: any) {\n        displayToast(err.reason as string, 'danger')\n      }\n    }\n  }\n\n  const {\n    data: replyData,\n    hasNextPage,\n    fetchNextPage,\n  } = useGetRepliesInfinite(threadId, orderByDatePosted, limit)\n\n  const { data: moderatorList } = useGetModerators(threadData?.forumId ?? '', {\n    enabled: Boolean(threadData?.forumId),\n  })\n\n  const isAuthorModerator = moderatorList?.includes(threadData?.createdBy ?? '')\n\n  const [replyId, setReplyIdParam] = useNativeSearchParams(REPLY_ID_PARAM_KEY)\n\n  const replies = useMemo(() => {\n    const allReplies = replyData?.pages.flatMap(page => page.results) ?? []\n    if (replyId) {\n      return allReplies.filter(reply => reply.id === replyId)\n    } else {\n      return allReplies\n    }\n  }, [replyData, replyId])\n\n  const handleShowAllRepliesButton = () => {\n    setReplyIdParam(null)\n  }\n\n  return (\n    <div className=\"DiscussionThread\" role={'article'}>\n      {threadData && threadBody ? (\n        <>\n          <Box sx={{ mb: 2, textAlign: 'right' }}>\n            <Typography component={'span'} sx={{ mr: 1 }}>\n              Sort:\n            </Typography>\n            <ToggleButtonGroup\n              color={'primary'}\n              exclusive\n              value={orderByDatePosted ? 'datePosted' : 'mostRecent'}\n            >\n              <ToggleButton\n                value={'datePosted'}\n                onClick={() => setOrderByDatePosted(true)}\n              >\n                Date Posted\n              </ToggleButton>\n              <ToggleButton\n                value={'mostRecent'}\n                onClick={() => setOrderByDatePosted(false)}\n              >\n                Most Recent\n              </ToggleButton>\n            </ToggleButtonGroup>\n          </Box>\n          <UserBadge\n            userId={threadData.createdBy}\n            withAvatar={true}\n            avatarSize=\"MEDIUM\"\n            showCardOnHover={true}\n            showModeratorBadge={isAuthorModerator}\n          />\n          <Box\n            sx={theme => ({\n              [theme.breakpoints.down('sm')]: {\n                display: 'flex',\n                flexDirection: 'column-reverse',\n                marginBottom: defaultMargin,\n                marginTop: defaultMargin,\n                '.SubscribersModal': {\n                  justifyContent: 'flex-start',\n                  marginBottom: defaultMargin,\n                },\n              },\n            })}\n          >\n            <Typography sx={{ marginTop: '4px' }} variant=\"headline2\">\n              {threadData.title}\n            </Typography>\n            <SubscribersModal\n              id={threadId}\n              objectType={SubscriptionObjectType.THREAD}\n              showModal={showSubscriberModal}\n              handleModal={setShowSubscriberModal}\n            />\n          </Box>\n          <div>\n            <MarkdownSynapse\n              markdown={threadBody}\n              objectType={ObjectType.THREAD}\n            />\n          </div>\n          <span>\n            posted {formatDate(dayjs(threadData.createdOn), 'M/D/YYYY')}\n            {threadData.isEdited ? <i>{' (Edited)'}</i> : null}\n          </span>\n          <ForumThreadEditor\n            isReply={false}\n            initialText={threadBody}\n            onClose={() => setShowThreadModal(false)}\n            initialTitle={threadData?.title}\n            id={threadId}\n            isDialog={true}\n            openDialog={showThreadModal}\n          />\n        </>\n      ) : (\n        <></>\n      )}\n      <Box\n        sx={{\n          float: 'right',\n          margin: { xs: '8px 0', sm: '0 24px 0 0' },\n        }}\n      >\n        {threadData?.isDeleted ? (\n          <button onClick={() => setShowRestoreModal(true)}>\n            <IconSvg icon=\"restore\" label=\"Restore deleted thread\" />\n          </button>\n        ) : (\n          <>\n            <span>\n              <button\n                className=\"follow-button\"\n                aria-label={subscription ? 'Unfollow thread' : 'Follow thread'}\n                disabled={isLoading}\n                onClick={() => handleFollowBtn()}\n              >\n                {subscription ? (\n                  <IconSvg icon=\"visibility\" label={FOLLOWING_TEXT} />\n                ) : (\n                  <IconSvg icon=\"visibilityOff\" label={UNFOLLOWING_TEXT} />\n                )}\n              </button>\n            </span>\n            {isCurrentUserAuthor && (\n              <button onClick={() => setShowThreadModal(true)}>\n                <IconSvg icon=\"edit\" label=\"Edit thread\" />\n              </button>\n            )}\n\n            {entityBundle?.permissions.canModerate ? (\n              <>\n                <button onClick={() => setShowDeleteModal(true)}>\n                  <IconSvg icon=\"delete\" label=\"Delete thread\" />\n                </button>\n                <button onClick={() => togglePin()}>\n                  {threadData?.isPinned ? (\n                    <IconSvg\n                      icon=\"pushpin\"\n                      sx={{ color: 'error.main' }}\n                      label=\"Unpin thread\"\n                    />\n                  ) : (\n                    <IconSvg icon=\"pushpin\" label=\"Pin thread\" />\n                  )}\n                </button>\n              </>\n            ) : null}\n          </>\n        )}\n      </Box>\n      <Box sx={{ mt: 2, mb: 3 }}>\n        {!showReplyEditor1 ? (\n          <TextField\n            fullWidth\n            placeholder={INPUT_PLACEHOLDER}\n            onClick={() => {\n              if (currentUserProfile?.userName == 'anonymous') {\n                setShowSignInModal(true)\n              } else {\n                setShowReplyEditor1(true)\n              }\n            }}\n          />\n        ) : (\n          <ForumThreadEditor\n            id={threadId}\n            isReply={true}\n            onClose={() => setShowReplyEditor1(false)}\n            isDialog={false}\n          />\n        )}\n      </Box>\n      {replyId && (\n        <Button\n          variant=\"outlined\"\n          onClick={handleShowAllRepliesButton}\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            padding: '2px 8px',\n            marginBottom: '12px',\n            gap: '4px',\n          }}\n        >\n          <IconSvg icon=\"arrowBack\" sx={{ width: '16px' }} />\n          <Typography variant=\"smallText2\">Show all replies</Typography>\n        </Button>\n      )}\n      <div>\n        {replies.map(reply => {\n          const isReplyAuthorModerator = moderatorList?.includes(\n            reply.createdBy,\n          )\n          return (\n            <DiscussionReply\n              key={reply.id}\n              reply={reply}\n              isReplyAuthorModerator={isReplyAuthorModerator}\n            />\n          )\n        })}\n      </div>\n      {replies.length > 0 && (\n        <Box\n          sx={theme => ({\n            mt: 2,\n            mb: 3,\n            [theme.breakpoints.down('sm')]: {\n              MarkdownEditor: {\n                display: 'block',\n              },\n            },\n          })}\n        >\n          {!showReplyEditor2 ? (\n            <TextField\n              fullWidth\n              placeholder={INPUT_PLACEHOLDER}\n              onClick={() => {\n                if (currentUserProfile?.userName == 'anonymous') {\n                  setShowSignInModal(true)\n                } else {\n                  setShowReplyEditor2(true)\n                }\n              }}\n            />\n          ) : (\n            <ForumThreadEditor\n              id={threadId}\n              isReply={true}\n              onClose={() => setShowReplyEditor2(false)}\n              isDialog={false}\n            />\n          )}\n        </Box>\n      )}\n\n      {hasNextPage ? (\n        <Button\n          variant=\"outlined\"\n          onClick={() => {\n            fetchNextPage()\n          }}\n        >\n          Show more results\n        </Button>\n      ) : (\n        <></>\n      )}\n      <WarningDialog\n        open={showDeleteModal}\n        title=\"Confirm Deletion\"\n        content=\"Are you sure you want to delete this thread?\"\n        onCancel={() => setShowDeleteModal(false)}\n        onConfirm={() => threadData && deleteThread(threadData)}\n        confirmButtonColor=\"error\"\n        confirmButtonText=\"Delete\"\n      />\n      <WarningDialog\n        open={showRestoreModal}\n        title=\"Confirm Restoration\"\n        content=\"Are you sure you want to restore this thread?\"\n        onCancel={() => setShowRestoreModal(false)}\n        onConfirm={() => threadData && restoreThread(threadData)}\n        confirmButtonColor=\"info\"\n        confirmButtonText=\"Restore\"\n      />\n      <SignInRequiredModal\n        open={showSignInModal}\n        onHide={() => setShowSignInModal(false)}\n        hasCancelButton={false}\n      />\n    </div>\n  )\n}\n\nexport default DiscussionThread\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,IAAM,KAAiB,0DACjB,KAAmB,sDACnB,IAAoB;AAE1B,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,aAAU,aAAU,GACtB,IAAgB,QAEhB,CAAC,GAAmB,KAAwB,EAAS,GAAK,EAC1D,CAAC,GAAiB,KAAsB,EAAS,GAAM,EACvD,CAAC,GAAkB,KAAuB,EAAS,GAAM,EACzD,CAAC,GAAkB,KAAuB,EAAS,GAAM,EACzD,CAAC,GAAiB,KAAsB,EAAS,GAAM,EACvD,CAAC,GAAiB,KAAsB,EAAS,GAAM,EACvD,CAAC,GAAkB,KAAuB,EAAS,GAAM,EACzD,CAAC,IAAqB,MAA0B,EAAS,GAAM,EAE/D,EAAE,eAAY,eAAY,kBAAc,GAAa,EAAS,EAC9D,EAAE,MAAM,MAAuB,GAA0B,EACzD,EAAE,MAAM,OAAiB,EAC7B,GAAY,aAAa,IACzB,KAAA,GACA,IACA,EACE,SAAS,CAAC,CAAC,GACZ,CACF,EAEK,EAAE,iBAAc,sBAAkB,kBAAc,GACpD,GACA,EAAuB,OACxB,EACK,EAAE,QAAQ,OAAiB,GAAgB,EAC/C,iBAAiB;AAEf,EADA,EAAmB,GAAM,EACzB,EAAa,8BAA8B,OAAO;IAErD,CAAC,EACI,EAAE,QAAQ,OAAkB,GAAiB,EACjD,iBAAiB;AAEf,EADA,EAAoB,GAAM,EAC1B,EAAa,+BAA+B,OAAO;IAEtD,CAAC,EAEI,KACJ,GAAY,aAAa,GAAoB;CAE/C,SAAS,KAAkB;AACzB,MAAI,GAAoB,YAAY,YAClC,GAAmB,GAAK;MAExB,KAAI;AACF,OAAkB;WACX,GAAU;AACjB,KAAa,EAAI,QAAkB,SAAS;;;CAKlD,IAAM,EACJ,MAAM,GACN,iBACA,sBACE,EAAsB,GAAU,GAAmB,EAAM,EAEvD,EAAE,MAAM,MAAkB,EAAiB,GAAY,WAAW,IAAI,EAC1E,SAAS,EAAQ,GAAY,SAC9B,CAAC,EAEI,KAAoB,GAAe,SAAS,GAAY,aAAa,GAAG,EAExE,CAAC,GAAS,MAAmB,EAAsB,EAAmB,EAEtE,IAAU,QAAc;EAC5B,IAAM,IAAa,GAAW,MAAM,SAAQ,MAAQ,EAAK,QAAQ,IAAI,EAAE;AAIrE,SAHE,IACK,EAAW,QAAO,MAAS,EAAM,OAAO,EAAQ,GAEhD;IAER,CAAC,GAAW,EAAQ,CAAC;AAMxB,QACE,kBAAC,OAAD;EAAK,WAAU;EAAmB,MAAM;YAAxC;GACG,KAAc,IACb,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,GAAD;KAAK,IAAI;MAAE,IAAI;MAAG,WAAW;MAAS;eAAtC,CACE,kBAAC,GAAD;MAAY,WAAW;MAAQ,IAAI,EAAE,IAAI,GAAG;gBAAE;MAEjC,CAAA,EACb,kBAAC,GAAD;MACE,OAAO;MACP,WAAA;MACA,OAAO,IAAoB,eAAe;gBAH5C,CAKE,kBAAC,GAAD;OACE,OAAO;OACP,eAAe,EAAqB,GAAK;iBAC1C;OAEc,CAAA,EACf,kBAAC,GAAD;OACE,OAAO;OACP,eAAe,EAAqB,GAAM;iBAC3C;OAEc,CAAA,CACG;QAChB;;IACN,kBAAC,GAAD;KACE,QAAQ,EAAW;KACnB,YAAY;KACZ,YAAW;KACX,iBAAiB;KACjB,oBAAoB;KACpB,CAAA;IACF,kBAAC,GAAD;KACE,KAAI,OAAU,GACX,EAAM,YAAY,KAAK,KAAK,GAAG;MAC9B,SAAS;MACT,eAAe;MACf,cAAc;MACd,WAAW;MACX,qBAAqB;OACnB,gBAAgB;OAChB,cAAc;OACf;MACF,EACF;eAZH,CAcE,kBAAC,GAAD;MAAY,IAAI,EAAE,WAAW,OAAO;MAAE,SAAQ;gBAC3C,EAAW;MACD,CAAA,EACb,kBAAC,GAAD;MACE,IAAI;MACJ,YAAY,EAAuB;MACnC,WAAW;MACX,aAAa;MACb,CAAA,CACE;;IACN,kBAAC,OAAD,EAAA,UACE,kBAAC,IAAD;KACE,UAAU;KACV,YAAY,GAAW;KACvB,CAAA,EACE,CAAA;IACN,kBAAC,QAAD,EAAA,UAAA;KAAM;KACI,EAAW,GAAM,EAAW,UAAU,EAAE,WAAW;KAC1D,EAAW,WAAW,kBAAC,KAAD,EAAA,UAAI,aAAgB,CAAA,GAAG;KACzC,EAAA,CAAA;IACP,kBAAC,GAAD;KACE,SAAS;KACT,aAAa;KACb,eAAe,EAAmB,GAAM;KACxC,cAAc,GAAY;KAC1B,IAAI;KACJ,UAAU;KACV,YAAY;KACZ,CAAA;IACD,EAAA,CAAA,GAEH,kBAAA,GAAA,EAAK,CAAA;GAEP,kBAAC,GAAD;IACE,IAAI;KACF,OAAO;KACP,QAAQ;MAAE,IAAI;MAAS,IAAI;MAAc;KAC1C;cAEA,GAAY,YACX,kBAAC,UAAD;KAAQ,eAAe,EAAoB,GAAK;eAC9C,kBAAC,GAAD;MAAS,MAAK;MAAU,OAAM;MAA2B,CAAA;KAClD,CAAA,GAET,kBAAA,GAAA,EAAA,UAAA;KACE,kBAAC,QAAD,EAAA,UACE,kBAAC,UAAD;MACE,WAAU;MACV,cAAY,IAAe,oBAAoB;MAC/C,UAAU;MACV,eAAe,IAAiB;gBAE/B,IACC,kBAAC,GAAD;OAAS,MAAK;OAAa,OAAO;OAAkB,CAAA,GAEpD,kBAAC,GAAD;OAAS,MAAK;OAAgB,OAAO;OAAoB,CAAA;MAEpD,CAAA,EACJ,CAAA;KACN,MACC,kBAAC,UAAD;MAAQ,eAAe,EAAmB,GAAK;gBAC7C,kBAAC,GAAD;OAAS,MAAK;OAAO,OAAM;OAAgB,CAAA;MACpC,CAAA;KAGV,IAAc,YAAY,cACzB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;MAAQ,eAAe,EAAmB,GAAK;gBAC7C,kBAAC,GAAD;OAAS,MAAK;OAAS,OAAM;OAAkB,CAAA;MACxC,CAAA,EACT,kBAAC,UAAD;MAAQ,eAAe,IAAW;gBAC/B,GAAY,WACX,kBAAC,GAAD;OACE,MAAK;OACL,IAAI,EAAE,OAAO,cAAc;OAC3B,OAAM;OACN,CAAA,GAEF,kBAAC,GAAD;OAAS,MAAK;OAAU,OAAM;OAAe,CAAA;MAExC,CAAA,CACR,EAAA,CAAA,GACD;KACH,EAAA,CAAA;IAED,CAAA;GACN,kBAAC,GAAD;IAAK,IAAI;KAAE,IAAI;KAAG,IAAI;KAAG;cACrB,IAaA,kBAAC,GAAD;KACE,IAAI;KACJ,SAAS;KACT,eAAe,EAAoB,GAAM;KACzC,UAAU;KACV,CAAA,GAjBF,kBAAC,GAAD;KACE,WAAA;KACA,aAAa;KACb,eAAe;AACb,MAAI,GAAoB,YAAY,cAClC,EAAmB,GAAK,GAExB,EAAoB,GAAK;;KAG7B,CAAA;IASA,CAAA;GACL,KACC,kBAAC,GAAD;IACE,SAAQ;IACR,eAnKiC;AACvC,QAAgB,KAAK;;IAmKf,IAAI;KACF,SAAS;KACT,YAAY;KACZ,SAAS;KACT,cAAc;KACd,KAAK;KACN;cATH,CAWE,kBAAC,GAAD;KAAS,MAAK;KAAY,IAAI,EAAE,OAAO,QAAQ;KAAI,CAAA,EACnD,kBAAC,GAAD;KAAY,SAAQ;eAAa;KAA6B,CAAA,CACvD;;GAEX,kBAAC,OAAD,EAAA,UACG,EAAQ,KAAI,MAAS;IACpB,IAAM,IAAyB,GAAe,SAC5C,EAAM,UACP;AACD,WACE,kBAAC,GAAD;KAES;KACiB;KACxB,EAHK,EAAM,GAGX;KAEJ,EACE,CAAA;GACL,EAAQ,SAAS,KAChB,kBAAC,GAAD;IACE,KAAI,OAAU;KACZ,IAAI;KACJ,IAAI;MACH,EAAM,YAAY,KAAK,KAAK,GAAG,EAC9B,gBAAgB,EACd,SAAS,SACV,EACF;KACF;cAEC,IAaA,kBAAC,GAAD;KACE,IAAI;KACJ,SAAS;KACT,eAAe,EAAoB,GAAM;KACzC,UAAU;KACV,CAAA,GAjBF,kBAAC,GAAD;KACE,WAAA;KACA,aAAa;KACb,eAAe;AACb,MAAI,GAAoB,YAAY,cAClC,EAAmB,GAAK,GAExB,EAAoB,GAAK;;KAG7B,CAAA;IASA,CAAA;GAGP,KACC,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe;AACb,SAAe;;cAElB;IAEQ,CAAA,GAET,kBAAA,GAAA,EAAK,CAAA;GAEP,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,SAAQ;IACR,gBAAgB,EAAmB,GAAM;IACzC,iBAAiB,KAAc,GAAa,EAAW;IACvD,oBAAmB;IACnB,mBAAkB;IAClB,CAAA;GACF,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,SAAQ;IACR,gBAAgB,EAAoB,GAAM;IAC1C,iBAAiB,KAAc,GAAc,EAAW;IACxD,oBAAmB;IACnB,mBAAkB;IAClB,CAAA;GACF,kBAAC,GAAD;IACE,MAAM;IACN,cAAc,EAAmB,GAAM;IACvC,iBAAiB;IACjB,CAAA;GACE"}
+{"version":3,"file":"DiscussionThread.js","names":[],"sources":["../../../src/components/Forum/DiscussionThread.tsx"],"sourcesContent":["import { useGetCurrentUserProfile, useGetEntityBundle } from '@/synapse-queries'\nimport { useGetRepliesInfinite } from '@/synapse-queries/forum/useReply'\nimport {\n  useDeleteThread,\n  useGetThread,\n  useRestoreThread,\n} from '@/synapse-queries/forum/useThread'\nimport { useSubscription } from '@/synapse-queries/subscription/useSubscription'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  Box,\n  Button,\n  TextField,\n  ToggleButton,\n  ToggleButtonGroup,\n  Typography,\n} from '@mui/material'\nimport {\n  ALL_ENTITY_BUNDLE_FIELDS,\n  ObjectType,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport WarningDialog from '../SynapseForm/WarningDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport { DiscussionReply } from './DiscussionReply'\nimport { ForumThreadEditor } from './ForumThreadEditor'\nimport { SubscribersModal } from './SubscribersModal'\nimport { useGetModerators } from '@/synapse-queries/forum/useForum'\nimport { useNativeSearchParams } from '@/utils/hooks/useNativeSearchParams'\nimport { REPLY_ID_PARAM_KEY } from './DiscussionConstants'\nimport { SignInRequiredModal } from '../SignInRequiredModal/SignInRequiredModal'\n\nexport type DiscussionThreadProps = {\n  threadId: string\n  limit: number\n  emptyBodyContent?: string\n}\n\nconst FOLLOWING_TEXT = 'You are following this topic. Click to stop following.'\nconst UNFOLLOWING_TEXT = 'You are not following this topic. Click to follow.'\nconst INPUT_PLACEHOLDER = 'Write a reply...'\n\nexport function DiscussionThread(props: DiscussionThreadProps) {\n  const { threadId, limit, emptyBodyContent } = props\n  const defaultMargin = '16px'\n\n  const [orderByDatePosted, setOrderByDatePosted] = useState(true)\n  const [showThreadModal, setShowThreadModal] = useState(false)\n  const [showReplyEditor1, setShowReplyEditor1] = useState(false)\n  const [showReplyEditor2, setShowReplyEditor2] = useState(false)\n  const [showDeleteModal, setShowDeleteModal] = useState(false)\n  const [showSignInModal, setShowSignInModal] = useState(false)\n  const [showRestoreModal, setShowRestoreModal] = useState(false)\n  const [showSubscriberModal, setShowSubscriberModal] = useState(false)\n\n  const { threadData, threadBody, togglePin } = useGetThread(threadId)\n  const { data: currentUserProfile } = useGetCurrentUserProfile()\n  const { data: entityBundle } = useGetEntityBundle(\n    threadData?.projectId ?? '',\n    undefined,\n    ALL_ENTITY_BUNDLE_FIELDS,\n    {\n      enabled: !!threadData,\n    },\n  )\n\n  const { subscription, toggleSubscribed, isLoading } = useSubscription(\n    threadId,\n    SubscriptionObjectType.THREAD,\n  )\n  const { mutate: deleteThread } = useDeleteThread({\n    onSuccess: () => {\n      setShowDeleteModal(false)\n      displayToast('A thread has been deleted.', 'info')\n    },\n  })\n  const { mutate: restoreThread } = useRestoreThread({\n    onSuccess: () => {\n      setShowRestoreModal(false)\n      displayToast('A thread has been restored.', 'info')\n    },\n  })\n\n  const isCurrentUserAuthor =\n    threadData?.createdBy == currentUserProfile?.ownerId\n\n  function handleFollowBtn() {\n    if (currentUserProfile?.userName == 'anonymous') {\n      setShowSignInModal(true)\n    } else {\n      try {\n        toggleSubscribed()\n      } catch (err: any) {\n        displayToast(err.reason as string, 'danger')\n      }\n    }\n  }\n\n  const {\n    data: replyData,\n    hasNextPage,\n    fetchNextPage,\n  } = useGetRepliesInfinite(threadId, orderByDatePosted, limit)\n\n  const { data: moderatorList } = useGetModerators(threadData?.forumId ?? '', {\n    enabled: Boolean(threadData?.forumId),\n  })\n\n  const isAuthorModerator = moderatorList?.includes(threadData?.createdBy ?? '')\n\n  const [replyId, setReplyIdParam] = useNativeSearchParams(REPLY_ID_PARAM_KEY)\n\n  const replies = useMemo(() => {\n    const allReplies = replyData?.pages.flatMap(page => page.results) ?? []\n    if (replyId) {\n      return allReplies.filter(reply => reply.id === replyId)\n    } else {\n      return allReplies\n    }\n  }, [replyData, replyId])\n\n  const handleShowAllRepliesButton = () => {\n    setReplyIdParam(null)\n  }\n\n  const isForumModerator = moderatorList?.includes(\n    currentUserProfile?.ownerId ?? '',\n  )\n\n  return (\n    <div className=\"DiscussionThread\" role={'article'}>\n      {threadData && (\n        <Box sx={{ mb: 2, textAlign: 'right' }}>\n          <Typography component={'span'} sx={{ mr: 1 }}>\n            Sort:\n          </Typography>\n          <ToggleButtonGroup\n            color={'primary'}\n            exclusive\n            value={orderByDatePosted ? 'datePosted' : 'mostRecent'}\n          >\n            <ToggleButton\n              value={'datePosted'}\n              onClick={() => setOrderByDatePosted(true)}\n            >\n              Date Posted\n            </ToggleButton>\n            <ToggleButton\n              value={'mostRecent'}\n              onClick={() => setOrderByDatePosted(false)}\n            >\n              Most Recent\n            </ToggleButton>\n          </ToggleButtonGroup>\n        </Box>\n      )}\n      {threadData && (threadBody !== undefined || emptyBodyContent) ? (\n        <>\n          <UserBadge\n            userId={threadData.createdBy}\n            withAvatar={true}\n            avatarSize=\"MEDIUM\"\n            showCardOnHover={true}\n            showModeratorBadge={isAuthorModerator}\n          />\n          <Box\n            sx={theme => ({\n              [theme.breakpoints.down('sm')]: {\n                display: 'flex',\n                flexDirection: 'column-reverse',\n                marginBottom: defaultMargin,\n                marginTop: defaultMargin,\n                '.SubscribersModal': {\n                  justifyContent: 'flex-start',\n                  marginBottom: defaultMargin,\n                },\n              },\n            })}\n          >\n            <Typography sx={{ marginTop: '4px' }} variant=\"headline2\">\n              {threadData.title}\n            </Typography>\n            <SubscribersModal\n              id={threadId}\n              objectType={SubscriptionObjectType.THREAD}\n              showModal={showSubscriberModal}\n              handleModal={setShowSubscriberModal}\n            />\n          </Box>\n          <div>\n            <MarkdownSynapse\n              markdown={threadBody || emptyBodyContent}\n              objectType={ObjectType.THREAD}\n            />\n          </div>\n          <span>\n            posted {formatDate(dayjs(threadData.createdOn), 'M/D/YYYY')}\n            {threadData.isEdited ? <i>{' (Edited)'}</i> : null}\n          </span>\n          <ForumThreadEditor\n            isReply={false}\n            initialText={threadBody}\n            onClose={() => setShowThreadModal(false)}\n            initialTitle={threadData?.title}\n            id={threadId}\n            isDialog={true}\n            openDialog={showThreadModal}\n          />\n        </>\n      ) : (\n        <></>\n      )}\n      <Box\n        sx={{\n          float: 'right',\n          margin: { xs: '8px 0', sm: '0 24px 0 0' },\n        }}\n      >\n        {threadData?.isDeleted ? (\n          <button onClick={() => setShowRestoreModal(true)}>\n            <IconSvg icon=\"restore\" label=\"Restore deleted thread\" />\n          </button>\n        ) : (\n          <>\n            <span>\n              <button\n                className=\"follow-button\"\n                aria-label={subscription ? 'Unfollow thread' : 'Follow thread'}\n                disabled={isLoading}\n                onClick={() => handleFollowBtn()}\n              >\n                {subscription ? (\n                  <IconSvg icon=\"visibility\" label={FOLLOWING_TEXT} />\n                ) : (\n                  <IconSvg icon=\"visibilityOff\" label={UNFOLLOWING_TEXT} />\n                )}\n              </button>\n            </span>\n            {isCurrentUserAuthor && (\n              <button onClick={() => setShowThreadModal(true)}>\n                <IconSvg icon=\"edit\" label=\"Edit thread\" />\n              </button>\n            )}\n\n            {entityBundle?.permissions.canModerate ? (\n              <>\n                <button onClick={() => setShowDeleteModal(true)}>\n                  <IconSvg icon=\"delete\" label=\"Delete thread\" />\n                </button>\n                <button onClick={() => togglePin()}>\n                  {threadData?.isPinned ? (\n                    <IconSvg\n                      icon=\"pushpin\"\n                      sx={{ color: 'error.main' }}\n                      label=\"Unpin thread\"\n                    />\n                  ) : (\n                    <IconSvg icon=\"pushpin\" label=\"Pin thread\" />\n                  )}\n                </button>\n              </>\n            ) : null}\n          </>\n        )}\n      </Box>\n      <Box sx={{ mt: 2, mb: 3 }}>\n        {!showReplyEditor1 ? (\n          <TextField\n            fullWidth\n            placeholder={INPUT_PLACEHOLDER}\n            onClick={() => {\n              if (currentUserProfile?.userName == 'anonymous') {\n                setShowSignInModal(true)\n              } else {\n                setShowReplyEditor1(true)\n              }\n            }}\n          />\n        ) : (\n          <ForumThreadEditor\n            id={threadId}\n            isReply={true}\n            onClose={() => setShowReplyEditor1(false)}\n            isDialog={false}\n          />\n        )}\n      </Box>\n      {replyId && (\n        <Button\n          variant=\"outlined\"\n          onClick={handleShowAllRepliesButton}\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            padding: '2px 8px',\n            marginBottom: '12px',\n            gap: '4px',\n          }}\n        >\n          <IconSvg icon=\"arrowBack\" sx={{ width: '16px' }} />\n          <Typography variant=\"smallText2\">Show all replies</Typography>\n        </Button>\n      )}\n      <div>\n        {replies.map(reply => {\n          const isReplyAuthorModerator = moderatorList?.includes(\n            reply.createdBy,\n          )\n          return (\n            <DiscussionReply\n              key={reply.id}\n              reply={reply}\n              isForumModerator={isForumModerator}\n              isReplyAuthorModerator={isReplyAuthorModerator}\n            />\n          )\n        })}\n      </div>\n      {replies.length > 0 && (\n        <Box\n          sx={theme => ({\n            mt: 2,\n            mb: 3,\n            [theme.breakpoints.down('sm')]: {\n              MarkdownEditor: {\n                display: 'block',\n              },\n            },\n          })}\n        >\n          {!showReplyEditor2 ? (\n            <TextField\n              fullWidth\n              placeholder={INPUT_PLACEHOLDER}\n              onClick={() => {\n                if (currentUserProfile?.userName == 'anonymous') {\n                  setShowSignInModal(true)\n                } else {\n                  setShowReplyEditor2(true)\n                }\n              }}\n            />\n          ) : (\n            <ForumThreadEditor\n              id={threadId}\n              isReply={true}\n              onClose={() => setShowReplyEditor2(false)}\n              isDialog={false}\n            />\n          )}\n        </Box>\n      )}\n\n      {hasNextPage ? (\n        <Button\n          variant=\"outlined\"\n          onClick={() => {\n            fetchNextPage()\n          }}\n        >\n          Show more results\n        </Button>\n      ) : (\n        <></>\n      )}\n      <WarningDialog\n        open={showDeleteModal}\n        title=\"Confirm Deletion\"\n        content=\"Are you sure you want to delete this thread?\"\n        onCancel={() => setShowDeleteModal(false)}\n        onConfirm={() => threadData && deleteThread(threadData)}\n        confirmButtonColor=\"error\"\n        confirmButtonText=\"Delete\"\n      />\n      <WarningDialog\n        open={showRestoreModal}\n        title=\"Confirm Restoration\"\n        content=\"Are you sure you want to restore this thread?\"\n        onCancel={() => setShowRestoreModal(false)}\n        onConfirm={() => threadData && restoreThread(threadData)}\n        confirmButtonColor=\"info\"\n        confirmButtonText=\"Restore\"\n      />\n      <SignInRequiredModal\n        open={showSignInModal}\n        onHide={() => setShowSignInModal(false)}\n        hasCancelButton={false}\n      />\n    </div>\n  )\n}\n\nexport default DiscussionThread\n"],"mappings":"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"}

package/dist/components/FullTextSearch/FullTextSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullTextSearch.d.ts","sourceRoot":"","sources":["../../../src/components/FullTextSearch/FullTextSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAQ5E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAKpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,GACV,EAAE,mBAAmB,GAAG,KAAK,CAAC,SAAS,CA2FvC;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"FullTextSearch.d.ts","sourceRoot":"","sources":["../../../src/components/FullTextSearch/FullTextSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAA;AASd,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAMpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,SAAS,GACV,EAAE,mBAAmB,GAAG,KAAK,CAAC,SAAS,CA2KvC;AAED,eAAe,cAAc,CAAA"}

package/dist/components/FullTextSearch/FullTextSearch.js

@@ -1,64 +1,103 @@
-import { HelpPopover as e } from "../HelpPopover/HelpPopover.js";
-import t from "../IconSvg/IconSvg.js";
-import { useQueryContext as n } from "../QueryContext/QueryContext.js";
+import { useDebouncedEffect as e } from "../../utils/hooks/useDebouncedEffect.js";
+import "../../utils/hooks/index.js";
+import { HelpPopover as t } from "../HelpPopover/HelpPopover.js";
+import n from "../IconSvg/IconSvg.js";
+import { useQueryContext as r } from "../QueryContext/QueryContext.js";
 import "../QueryContext/index.js";
-import { useGetQueryMetadata as r } from "../QueryWrapper/useGetQueryMetadata.js";
-import { useQueryVisualizationContext as i } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useGetQueryMetadata as i } from "../QueryWrapper/useGetQueryMetadata.js";
+import { useQueryVisualizationContext as a } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
 import "../QueryVisualizationWrapper/index.js";
-import { updateQueryUsingSearchTerm as a } from "./FullTextSearchUtils.js";
-import { IconSvgButton as o } from "../IconSvgButton.js";
-import { useRef as s, useState as c } from "react";
-import { Collapse as l, TextField as u } from "@mui/material";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { updateQueryUsingSearchTerm as o } from "./FullTextSearchUtils.js";
+import { IconSvgButton as s } from "../IconSvgButton.js";
+import { useEffect as c, useRef as l, useState as u } from "react";
+import { Autocomplete as d, Collapse as f, TextField as p } from "@mui/material";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/FullTextSearch/FullTextSearch.tsx
-var m = 3;
-function h({ ftsConfig: h }) {
-	let { executeQueryRequest: g } = n(), { showSearchBar: _ } = i(), [v, y] = c(""), b = s(null), { data: x } = r(), S = x?.columnModels;
-	return /* @__PURE__ */ f("div", {
+var _ = 3, v = 300;
+function y({ ftsConfig: y }) {
+	let { executeQueryRequest: b } = r(), { showSearchBar: x } = a(), [S, C] = u(""), [w, T] = u([]), E = l(null), { data: D } = i(), O = D?.columnModels;
+	c(() => {
+		(!y?.getSuggestions || S.trim().length < _) && T([]);
+	}, [y?.getSuggestions, S]), e(() => {
+		!y?.getSuggestions || S.trim().length < _ || y.getSuggestions(S).then(T).catch(() => T([]));
+	}, [S, y], v);
+	let k = (e) => {
+		b((t) => o(t, O, e, y)), C(""), T([]);
+	}, A = (e) => {
+		e.preventDefault(), S.trim().length < _ ? E.current?.setCustomValidity(`Search term must have a minimum of ${_} characters`) : k(S);
+	}, j = (e) => {
+		E.current?.setCustomValidity(""), C(e.currentTarget.value);
+	}, M = /* @__PURE__ */ h(n, {
+		icon: "search",
+		wrap: !1,
+		sx: {
+			mr: 1,
+			color: "grey.600"
+		}
+	}), N = /* @__PURE__ */ g(m, { children: [S.length > 0 && /* @__PURE__ */ h(s, {
+		icon: "close",
+		size: "small",
+		onClick: () => {
+			C(""), T([]);
+		}
+	}), y?.searchHelpURL && /* @__PURE__ */ h(t, {
+		markdownText: "This search bar is powered by MySQL Full Text Search.",
+		helpUrl: y.searchHelpURL,
+		placement: "left"
+	})] });
+	return /* @__PURE__ */ h("div", {
 		className: "QueryWrapperFullTextSearchInput",
-		children: /* @__PURE__ */ f(l, {
-			in: _,
+		children: /* @__PURE__ */ h(f, {
+			in: x,
 			timeout: {
 				enter: 300,
 				exit: 300
 			},
-			children: /* @__PURE__ */ f("form", {
-				onSubmit: (e) => {
-					e.preventDefault(), v.trim().length < m ? b.current?.setCustomValidity(`Search term must have a minimum of ${m} characters`) : (g((e) => a(e, S, v, h)), y(""));
-				},
-				children: /* @__PURE__ */ f(u, {
-					sx: { width: "100%" },
-					onChange: (e) => {
-						b.current?.setCustomValidity(""), y(e.currentTarget.value);
+			children: /* @__PURE__ */ h("form", {
+				onSubmit: A,
+				children: y?.getSuggestions ? /* @__PURE__ */ h(d, {
+					freeSolo: !0,
+					disableClearable: !0,
+					options: w,
+					inputValue: S,
+					onInputChange: (e, t, n) => {
+						n === "input" && (E.current?.setCustomValidity(""), C(t));
+					},
+					onChange: (e, t) => {
+						typeof t == "string" && t.trim().length >= _ && k(t);
 					},
+					renderInput: (e) => /* @__PURE__ */ h(p, {
+						...e,
+						inputRef: E,
+						sx: { width: "100%" },
+						placeholder: "Enter Search Terms",
+						type: "text",
+						slotProps: {
+							input: {
+								...e.InputProps,
+								startAdornment: M,
+								endAdornment: N
+							},
+							htmlInput: {
+								...e.inputProps,
+								minLength: _
+							}
+						}
+					})
+				}) : /* @__PURE__ */ h(p, {
+					sx: { width: "100%" },
+					onChange: j,
 					placeholder: "Enter Search Terms",
-					value: v,
+					value: S,
 					type: "text",
 					slotProps: {
 						input: {
-							startAdornment: /* @__PURE__ */ f(t, {
-								icon: "search",
-								wrap: !1,
-								sx: {
-									mr: 1,
-									color: "grey.600"
-								}
-							}),
-							endAdornment: /* @__PURE__ */ p(d, { children: [v.length > 0 && /* @__PURE__ */ f(o, {
-								icon: "close",
-								size: "small",
-								onClick: () => {
-									y("");
-								}
-							}), /* @__PURE__ */ f(e, {
-								markdownText: "This search bar is powered by MySQL Full Text Search.",
-								helpUrl: h?.searchHelpURL,
-								placement: "left"
-							})] })
+							startAdornment: M,
+							endAdornment: N
 						},
 						htmlInput: {
-							minLength: m,
-							ref: b
+							minLength: _,
+							ref: E
 						}
 					}
 				})
@@ -67,6 +106,6 @@ function h({ ftsConfig: h }) {
 	});
 }
 //#endregion
-export { h as FullTextSearch, h as default };
+export { y as FullTextSearch, y as default };
 
 //# sourceMappingURL=FullTextSearch.js.map

package/dist/components/FullTextSearch/FullTextSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullTextSearch.js","names":[],"sources":["../../../src/components/FullTextSearch/FullTextSearch.tsx"],"sourcesContent":["import { Collapse, TextField } from '@mui/material'\nimport React, { ChangeEvent, SyntheticEvent, useRef, useState } from 'react'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { IconSvgButton } from '../IconSvgButton'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { updateQueryUsingSearchTerm } from './FullTextSearchUtils'\nimport { FTSConfig } from '../SynapseTable/SearchV2'\n\n// See PLFM-7011\nconst MIN_SEARCH_QUERY_LENGTH = 3\n\nexport type FullTextSearchProps = {\n  ftsConfig?: FTSConfig\n}\n\nexport function FullTextSearch({\n  ftsConfig,\n}: FullTextSearchProps): React.ReactNode {\n  const { executeQueryRequest } = useQueryContext()\n  const { showSearchBar } = useQueryVisualizationContext()\n  const [searchText, setSearchText] = useState('')\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  const { data } = useGetQueryMetadata()\n  const columnModels = data?.columnModels\n\n  const search = (event: SyntheticEvent<HTMLFormElement>) => {\n    event.preventDefault()\n\n    // The HTML validation doesn't trim the string, so we add an extra check.\n    // We don't auto-trim the form text ourselves because the user may still be focused on the input.\n    if (searchText.trim().length < MIN_SEARCH_QUERY_LENGTH) {\n      searchInputRef.current?.setCustomValidity(\n        `Search term must have a minimum of ${MIN_SEARCH_QUERY_LENGTH} characters`,\n      )\n    } else {\n      executeQueryRequest(queryBundleRequest =>\n        updateQueryUsingSearchTerm(\n          queryBundleRequest,\n          columnModels,\n          searchText,\n          ftsConfig,\n        ),\n      )\n      // Reset the search text after adding the filter\n      setSearchText('')\n    }\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    searchInputRef.current?.setCustomValidity('')\n    setSearchText(event.currentTarget.value)\n  }\n\n  return (\n    <div className={`QueryWrapperFullTextSearchInput`}>\n      <Collapse in={showSearchBar} timeout={{ enter: 300, exit: 300 }}>\n        <form onSubmit={search}>\n          <TextField\n            sx={{ width: '100%' }}\n            onChange={handleChange}\n            placeholder=\"Enter Search Terms\"\n            value={searchText}\n            type=\"text\"\n            slotProps={{\n              input: {\n                startAdornment: (\n                  <IconSvg\n                    icon=\"search\"\n                    wrap={false}\n                    sx={{\n                      mr: 1,\n                      color: 'grey.600',\n                    }}\n                  />\n                ),\n                endAdornment: (\n                  <>\n                    {searchText.length > 0 && (\n                      <IconSvgButton\n                        icon=\"close\"\n                        size=\"small\"\n                        onClick={() => {\n                          setSearchText('')\n                        }}\n                      />\n                    )}\n                    <HelpPopover\n                      markdownText={\n                        'This search bar is powered by MySQL Full Text Search.'\n                      }\n                      helpUrl={ftsConfig?.searchHelpURL}\n                      placement=\"left\"\n                    />\n                  </>\n                ),\n              },\n\n              htmlInput: {\n                minLength: MIN_SEARCH_QUERY_LENGTH,\n                ref: searchInputRef,\n              },\n            }}\n          />\n        </form>\n      </Collapse>\n    </div>\n  )\n}\n\nexport default FullTextSearch\n"],"mappings":";;;;;;;;;;;;;AAYA,IAAM,IAA0B;AAMhC,SAAgB,EAAe,EAC7B,gBACuC;CACvC,IAAM,EAAE,2BAAwB,GAAiB,EAC3C,EAAE,qBAAkB,GAA8B,EAClD,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,IAAiB,EAAyB,KAAK,EAE/C,EAAE,YAAS,GAAqB,EAChC,IAAe,GAAM;AA8B3B,QACE,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GAAU,IAAI;GAAe,SAAS;IAAE,OAAO;IAAK,MAAM;IAAK;aAC7D,kBAAC,QAAD;IAAM,WA/BI,MAA2C;AAKzD,KAJA,EAAM,gBAAgB,EAIlB,EAAW,MAAM,CAAC,SAAS,IAC7B,EAAe,SAAS,kBACtB,sCAAsC,EAAwB,aAC/D,IAED,GAAoB,MAClB,EACE,GACA,GACA,GACA,EACD,CACF,EAED,EAAc,GAAG;;cAab,kBAAC,GAAD;KACE,IAAI,EAAE,OAAO,QAAQ;KACrB,WAXY,MAAyC;AAE7D,MADA,EAAe,SAAS,kBAAkB,GAAG,EAC7C,EAAc,EAAM,cAAc,MAAM;;KAUhC,aAAY;KACZ,OAAO;KACP,MAAK;KACL,WAAW;MACT,OAAO;OACL,gBACE,kBAAC,GAAD;QACE,MAAK;QACL,MAAM;QACN,IAAI;SACF,IAAI;SACJ,OAAO;SACR;QACD,CAAA;OAEJ,cACE,kBAAA,GAAA,EAAA,UAAA,CACG,EAAW,SAAS,KACnB,kBAAC,GAAD;QACE,MAAK;QACL,MAAK;QACL,eAAe;AACb,WAAc,GAAG;;QAEnB,CAAA,EAEJ,kBAAC,GAAD;QACE,cACE;QAEF,SAAS,GAAW;QACpB,WAAU;QACV,CAAA,CACD,EAAA,CAAA;OAEN;MAED,WAAW;OACT,WAAW;OACX,KAAK;OACN;MACF;KACD,CAAA;IACG,CAAA;GACE,CAAA;EACP,CAAA"}
+{"version":3,"file":"FullTextSearch.js","names":[],"sources":["../../../src/components/FullTextSearch/FullTextSearch.tsx"],"sourcesContent":["import { Autocomplete, Collapse, TextField } from '@mui/material'\nimport React, {\n  ChangeEvent,\n  SyntheticEvent,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { useDebouncedEffect } from '@/utils/hooks'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { IconSvgButton } from '../IconSvgButton'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { updateQueryUsingSearchTerm } from './FullTextSearchUtils'\nimport { FTSConfig } from '../SynapseTable/SearchV2'\n\n// See PLFM-7011\nconst MIN_SEARCH_QUERY_LENGTH = 3\nconst SUGGESTION_DEBOUNCE_MS = 300\n\nexport type FullTextSearchProps = {\n  ftsConfig?: FTSConfig\n}\n\nexport function FullTextSearch({\n  ftsConfig,\n}: FullTextSearchProps): React.ReactNode {\n  const { executeQueryRequest } = useQueryContext()\n  const { showSearchBar } = useQueryVisualizationContext()\n  const [searchText, setSearchText] = useState('')\n  const [suggestions, setSuggestions] = useState<string[]>([])\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  const { data } = useGetQueryMetadata()\n  const columnModels = data?.columnModels\n\n  // Clear suggestions immediately when the search text is too short\n  useEffect(() => {\n    if (\n      !ftsConfig?.getSuggestions ||\n      searchText.trim().length < MIN_SEARCH_QUERY_LENGTH\n    ) {\n      setSuggestions([])\n    }\n  }, [ftsConfig?.getSuggestions, searchText])\n\n  // Fetch autocomplete suggestions whenever searchText changes (debounced)\n  useDebouncedEffect(\n    () => {\n      if (\n        !ftsConfig?.getSuggestions ||\n        searchText.trim().length < MIN_SEARCH_QUERY_LENGTH\n      ) {\n        return\n      }\n      ftsConfig\n        .getSuggestions(searchText)\n        .then(setSuggestions)\n        .catch(() => setSuggestions([]))\n    },\n    [searchText, ftsConfig],\n    SUGGESTION_DEBOUNCE_MS,\n  )\n\n  const executeSearch = (text: string) => {\n    executeQueryRequest(queryBundleRequest =>\n      updateQueryUsingSearchTerm(\n        queryBundleRequest,\n        columnModels,\n        text,\n        ftsConfig,\n      ),\n    )\n    setSearchText('')\n    setSuggestions([])\n  }\n\n  const search = (event: SyntheticEvent<HTMLFormElement>) => {\n    event.preventDefault()\n\n    // The HTML validation doesn't trim the string, so we add an extra check.\n    // We don't auto-trim the form text ourselves because the user may still be focused on the input.\n    if (searchText.trim().length < MIN_SEARCH_QUERY_LENGTH) {\n      searchInputRef.current?.setCustomValidity(\n        `Search term must have a minimum of ${MIN_SEARCH_QUERY_LENGTH} characters`,\n      )\n    } else {\n      executeSearch(searchText)\n    }\n  }\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    searchInputRef.current?.setCustomValidity('')\n    setSearchText(event.currentTarget.value)\n  }\n\n  const startAdornment = (\n    <IconSvg\n      icon=\"search\"\n      wrap={false}\n      sx={{\n        mr: 1,\n        color: 'grey.600',\n      }}\n    />\n  )\n\n  const endAdornment = (\n    <>\n      {searchText.length > 0 && (\n        <IconSvgButton\n          icon=\"close\"\n          size=\"small\"\n          onClick={() => {\n            setSearchText('')\n            setSuggestions([])\n          }}\n        />\n      )}\n      {ftsConfig?.searchHelpURL && (\n        <HelpPopover\n          markdownText={'This search bar is powered by MySQL Full Text Search.'}\n          helpUrl={ftsConfig.searchHelpURL}\n          placement=\"left\"\n        />\n      )}\n    </>\n  )\n\n  return (\n    <div className={`QueryWrapperFullTextSearchInput`}>\n      <Collapse in={showSearchBar} timeout={{ enter: 300, exit: 300 }}>\n        <form onSubmit={search}>\n          {ftsConfig?.getSuggestions ? (\n            <Autocomplete\n              freeSolo\n              disableClearable\n              options={suggestions}\n              inputValue={searchText}\n              onInputChange={(_, newValue, reason) => {\n                if (reason !== 'input') return\n                searchInputRef.current?.setCustomValidity('')\n                setSearchText(newValue)\n              }}\n              onChange={(_, newValue) => {\n                // Auto-execute search when a suggestion is selected from the dropdown\n                if (\n                  typeof newValue === 'string' &&\n                  newValue.trim().length >= MIN_SEARCH_QUERY_LENGTH\n                ) {\n                  executeSearch(newValue)\n                }\n              }}\n              renderInput={params => (\n                <TextField\n                  {...params}\n                  inputRef={searchInputRef}\n                  sx={{ width: '100%' }}\n                  placeholder=\"Enter Search Terms\"\n                  type=\"text\"\n                  slotProps={{\n                    input: {\n                      ...params.InputProps,\n                      startAdornment,\n                      endAdornment,\n                    },\n                    htmlInput: {\n                      ...params.inputProps,\n                      minLength: MIN_SEARCH_QUERY_LENGTH,\n                    },\n                  }}\n                />\n              )}\n            />\n          ) : (\n            <TextField\n              sx={{ width: '100%' }}\n              onChange={handleChange}\n              placeholder=\"Enter Search Terms\"\n              value={searchText}\n              type=\"text\"\n              slotProps={{\n                input: {\n                  startAdornment,\n                  endAdornment,\n                },\n                htmlInput: {\n                  minLength: MIN_SEARCH_QUERY_LENGTH,\n                  ref: searchInputRef,\n                },\n              }}\n            />\n          )}\n        </form>\n      </Collapse>\n    </div>\n  )\n}\n\nexport default FullTextSearch\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,IAAM,IAA0B,GAC1B,IAAyB;AAM/B,SAAgB,EAAe,EAC7B,gBACuC;CACvC,IAAM,EAAE,2BAAwB,GAAiB,EAC3C,EAAE,qBAAkB,GAA8B,EAClD,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAa,KAAkB,EAAmB,EAAE,CAAC,EACtD,IAAiB,EAAyB,KAAK,EAE/C,EAAE,YAAS,GAAqB,EAChC,IAAe,GAAM;AAa3B,CAVA,QAAgB;AACd,GACE,CAAC,GAAW,kBACZ,EAAW,MAAM,CAAC,SAAS,MAE3B,EAAe,EAAE,CAAC;IAEnB,CAAC,GAAW,gBAAgB,EAAW,CAAC,EAG3C,QACQ;AAEF,GAAC,GAAW,kBACZ,EAAW,MAAM,CAAC,SAAS,KAI7B,EACG,eAAe,EAAW,CAC1B,KAAK,EAAe,CACpB,YAAY,EAAe,EAAE,CAAC,CAAC;IAEpC,CAAC,GAAY,EAAU,EACvB,EACD;CAED,IAAM,KAAiB,MAAiB;AAUtC,EATA,GAAoB,MAClB,EACE,GACA,GACA,GACA,EACD,CACF,EACD,EAAc,GAAG,EACjB,EAAe,EAAE,CAAC;IAGd,KAAU,MAA2C;AAKzD,EAJA,EAAM,gBAAgB,EAIlB,EAAW,MAAM,CAAC,SAAS,IAC7B,EAAe,SAAS,kBACtB,sCAAsC,EAAwB,aAC/D,GAED,EAAc,EAAW;IAIvB,KAAgB,MAAyC;AAE7D,EADA,EAAe,SAAS,kBAAkB,GAAG,EAC7C,EAAc,EAAM,cAAc,MAAM;IAGpC,IACJ,kBAAC,GAAD;EACE,MAAK;EACL,MAAM;EACN,IAAI;GACF,IAAI;GACJ,OAAO;GACR;EACD,CAAA,EAGE,IACJ,kBAAA,GAAA,EAAA,UAAA,CACG,EAAW,SAAS,KACnB,kBAAC,GAAD;EACE,MAAK;EACL,MAAK;EACL,eAAe;AAEb,GADA,EAAc,GAAG,EACjB,EAAe,EAAE,CAAC;;EAEpB,CAAA,EAEH,GAAW,iBACV,kBAAC,GAAD;EACE,cAAc;EACd,SAAS,EAAU;EACnB,WAAU;EACV,CAAA,CAEH,EAAA,CAAA;AAGL,QACE,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GAAU,IAAI;GAAe,SAAS;IAAE,OAAO;IAAK,MAAM;IAAK;aAC7D,kBAAC,QAAD;IAAM,UAAU;cACb,GAAW,iBACV,kBAAC,GAAD;KACE,UAAA;KACA,kBAAA;KACA,SAAS;KACT,YAAY;KACZ,gBAAgB,GAAG,GAAU,MAAW;AAClC,YAAW,YACf,EAAe,SAAS,kBAAkB,GAAG,EAC7C,EAAc,EAAS;;KAEzB,WAAW,GAAG,MAAa;AAEzB,MACE,OAAO,KAAa,YACpB,EAAS,MAAM,CAAC,UAAU,KAE1B,EAAc,EAAS;;KAG3B,cAAa,MACX,kBAAC,GAAD;MACE,GAAI;MACJ,UAAU;MACV,IAAI,EAAE,OAAO,QAAQ;MACrB,aAAY;MACZ,MAAK;MACL,WAAW;OACT,OAAO;QACL,GAAG,EAAO;QACV;QACA;QACD;OACD,WAAW;QACT,GAAG,EAAO;QACV,WAAW;QACZ;OACF;MACD,CAAA;KAEJ,CAAA,GAEF,kBAAC,GAAD;KACE,IAAI,EAAE,OAAO,QAAQ;KACrB,UAAU;KACV,aAAY;KACZ,OAAO;KACP,MAAK;KACL,WAAW;MACT,OAAO;OACL;OACA;OACD;MACD,WAAW;OACT,WAAW;OACX,KAAK;OACN;MACF;KACD,CAAA;IAEC,CAAA;GACE,CAAA;EACP,CAAA"}

package/dist/components/GenericCard/BioregistryRules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BioregistryRules.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/BioregistryRules.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB;;qBAFL,MAAM;GA+yB7B,CAAA"}
+{"version":3,"file":"BioregistryRules.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/BioregistryRules.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB;;qBAFL,MAAM;GAi0B7B,CAAA"}

package/dist/components/GenericCard/BioregistryRules.js

@@ -481,11 +481,11 @@ var e = (e) => `https://bioregistry.io/${e}`, t = [
 		onMatch: e
 	},
 	{
-		regex: /(mesh:(?:C|D|M)\d{6,9})/,
+		regex: /(mesh:(?:C|D|Q)\d+)/,
 		onMatch: e
 	},
 	{
-		regex: /(metabolights:MTBLS\d+)/,
+		regex: /(metabolights:MTBL[CS]\d+)/,
 		onMatch: e
 	},
 	{
@@ -752,6 +752,10 @@ var e = (e) => `https://bioregistry.io/${e}`, t = [
 		regex: /(tcdb:\d+(?:\.[A-Z])?(?:\.\d+)?(?:\.\d+)?(?:\.\d+)?)/,
 		onMatch: e
 	},
+	{
+		regex: /(tcia.collection:[A-Za-z0-9][A-Za-z0-9_\-\.]*[A-Za-z0-9])/,
+		onMatch: e
+	},
 	{
 		regex: /(uberon:\d+)/,
 		onMatch: e
@@ -765,7 +769,7 @@ var e = (e) => `https://bioregistry.io/${e}`, t = [
 		onMatch: e
 	},
 	{
-		regex: /(uniprot:(?:(?:[A-N,R-Z][0-9](?:[A-Z][A-Z, 0-9][A-Z, 0-9][0-9]){1,2})|(?:[O,P,Q][0-9][A-Z, 0-9][A-Z, 0-9][A-Z, 0-9][0-9])(?:\.\d+)?))/,
+		regex: /(uniprot:(?:(?:[A-N,R-Z][0-9](?:[A-Z][A-Z, 0-9][A-Z, 0-9][0-9]){1,2})|(?:[O,P,Q][0-9][A-Z, 0-9][A-Z, 0-9][A-Z, 0-9][0-9])(?:\.\d+)?(?:-\d+)?(?:#PRO_\d+)?))/,
 		onMatch: e
 	},
 	{