synapse-react-client 4.0.19 → 4.0.20

package/dist/components/FilePreview/HtmlPreview/HtmlPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"HtmlPreview.js","names":[],"sources":["../../../../src/components/FilePreview/HtmlPreview/HtmlPreview.tsx"],"sourcesContent":["import { useGetIsUserMemberOfTeam } from '@/synapse-queries/team/useTeamMembers'\nimport { sanitize } from '@/utils/functions/SanitizeHtmlUtils'\nimport { TRUSTED_HTML_USERS_TEAM_ID } from '@/utils/SynapseConstants'\nimport { Alert } from '@mui/material'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { SynapseSpinner } from '../../LoadingScreen/LoadingScreen'\n\n/**\n * @param options\n * @returns HTML that is cleaned if it is not trusted. undefined if `isLoading` is true.\n */\nfunction useCleanHtml(options: {\n  rawHtml: string\n  isLoading: boolean\n  isTrusted: boolean\n}): string | undefined {\n  const { rawHtml, isLoading, isTrusted } = options\n  return useMemo(() => {\n    if (isLoading) {\n      return undefined\n    }\n    if (isTrusted) {\n      return rawHtml\n    } else {\n      return sanitize(rawHtml)\n    }\n  }, [isLoading, isTrusted, rawHtml])\n}\n\nexport type HtmlPreviewProps = {\n  createdByUserId: string\n  rawHtml: string\n}\n\n/**\n * Renders raw HTML. Uses file handle data to determine if the content should be sanitized.\n * @param props\n * @returns\n */\nexport default function HtmlPreview(props: HtmlPreviewProps) {\n  const { createdByUserId, rawHtml } = props\n  const frameEl = useRef(null)\n  const [frameHeight, setFrameHeight] = useState(100)\n\n  const { data: teamMembership, isLoading } = useGetIsUserMemberOfTeam(\n    TRUSTED_HTML_USERS_TEAM_ID,\n    createdByUserId,\n  )\n  const updateHeight = () => {\n    if (frameEl?.current && frameEl?.current['contentWindow']) {\n      let newHeightPx: number =\n        frameEl.current['contentWindow']['document']['body']['scrollHeight']\n      if (newHeightPx < 450) {\n        newHeightPx = 450\n      }\n      if (!frameHeight || Math.abs(newHeightPx - frameHeight) > 70) {\n        setFrameHeight(newHeightPx + 50)\n      }\n    }\n  }\n  useEffect(() => {\n    setInterval(() => {\n      updateHeight()\n    }, 500)\n  }, [rawHtml])\n  const htmlIsCreatedByTrustedUser = !!teamMembership\n\n  const cleanHtml = useCleanHtml({\n    rawHtml,\n    isLoading,\n    isTrusted: htmlIsCreatedByTrustedUser,\n  })\n\n  if (isLoading) {\n    return <SynapseSpinner />\n  }\n\n  return (\n    <>\n      {rawHtml !== cleanHtml && (\n        <Alert severity=\"info\" sx={{ marginBottom: '20px' }}>\n          Limited rendering only.\n        </Alert>\n      )}\n      <iframe\n        ref={frameEl}\n        srcDoc={cleanHtml}\n        height={`${frameHeight}px`}\n        style={{ border: 0, width: '100%' }}\n      />\n    </>\n  )\n}\n\nexport const EXPORTED_FOR_UNIT_TESTING = {\n  useCleanHtml,\n}\n"],"mappings":";;;;;;;;AAWA,SAAS,EAAa,GAIC;CACrB,IAAM,EAAE,YAAS,cAAW,iBAAc;AAC1C,QAAO,QAAc;AACf,SAMF,QAHE,IACK,IAEA,EAAS,EAAQ;IAEzB;EAAC;EAAW;EAAW;EAAQ,CAAC;;AAarC,SAAwB,EAAY,GAAyB;CAC3D,IAAM,EAAE,oBAAiB,eAAY,GAC/B,IAAU,EAAO,KAAK,EACtB,CAAC,GAAa,KAAkB,EAAS,IAAI,EAE7C,EAAE,MAAM,GAAgB,iBAAc,EAC1C,GACA,EACD,EACK,UAAqB;AACzB,MAAI,GAAS,WAAW,GAAS,QAAQ,eAAkB;GACzD,IAAI,IACF,EAAQ,QAAQ,cAAiB,SAAY,KAAQ;AAIvD,GAHI,IAAc,QAChB,IAAc,OAEZ,CAAC,KAAe,KAAK,IAAI,IAAc,EAAY,GAAG,OACxD,EAAe,IAAc,GAAG;;;AAItC,SAAgB;AACd,oBAAkB;AAChB,MAAc;KACb,IAAI;IACN,CAAC,EAAQ,CAAC;CAGb,IAAM,IAAY,EAAa;EAC7B;EACA;EACA,WAAW,CALuB,CAAC;EAMpC,CAAC;AAMF,QAJI,IACK,kBAAC,GAAD,EAAkB,CAAA,GAIzB,kBAAA,GAAA,EAAA,UAAA,CACG,MAAY,KACX,kBAAC,GAAD;EAAO,UAAS;EAAO,IAAI,EAAE,cAAc,QAAQ;YAAE;EAE7C,CAAA,EAEV,kBAAC,UAAD;EACE,KAAK;EACL,QAAQ;EACR,QAAQ,GAAG,EAAY;EACvB,OAAO;GAAE,QAAQ;GAAG,OAAO;GAAQ;EACnC,CAAA,CACD,EAAA,CAAA;;AAIP,IAAa,IAA4B,EACvC,iBACD"}
+{"version":3,"file":"HtmlPreview.js","names":[],"sources":["../../../../src/components/FilePreview/HtmlPreview/HtmlPreview.tsx"],"sourcesContent":["import { useGetIsUserMemberOfTeam } from '@/synapse-queries/team/useTeamMembers'\nimport { sanitize } from '@/utils/functions/SanitizeHtmlUtils'\nimport { TRUSTED_HTML_USERS_TEAM_ID } from '@/utils/SynapseConstants'\nimport { Alert } from '@mui/material'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { SynapseSpinner } from '../../LoadingScreen/LoadingScreen'\n\n/**\n * @param options\n * @returns HTML that is cleaned if it is not trusted. undefined if `isLoading` is true.\n */\nfunction useCleanHtml(options: {\n  rawHtml: string\n  isLoading: boolean\n  isTrusted: boolean\n}): string | undefined {\n  const { rawHtml, isLoading, isTrusted } = options\n  return useMemo(() => {\n    if (isLoading) {\n      return undefined\n    }\n    if (isTrusted) {\n      return rawHtml\n    } else {\n      return sanitize(rawHtml)\n    }\n  }, [isLoading, isTrusted, rawHtml])\n}\n\nexport type HtmlPreviewProps = {\n  createdByUserId: string\n  rawHtml: string\n}\n\n/**\n * Renders raw HTML. Uses file handle data to determine if the content should be sanitized.\n * @param props\n * @returns\n */\nexport default function HtmlPreview(props: HtmlPreviewProps) {\n  const { createdByUserId, rawHtml } = props\n  const frameEl = useRef(null)\n  const [frameHeight, setFrameHeight] = useState(100)\n\n  const { data: teamMembership, isLoading } = useGetIsUserMemberOfTeam(\n    TRUSTED_HTML_USERS_TEAM_ID,\n    createdByUserId,\n  )\n  const updateHeight = () => {\n    if (frameEl?.current && frameEl?.current['contentWindow']) {\n      let newHeightPx: number =\n        frameEl.current['contentWindow']['document']['body']['scrollHeight']\n      if (newHeightPx < 450) {\n        newHeightPx = 450\n      }\n      if (!frameHeight || Math.abs(newHeightPx - frameHeight) > 70) {\n        setFrameHeight(newHeightPx + 50)\n      }\n    }\n  }\n  useEffect(() => {\n    setInterval(() => {\n      updateHeight()\n    }, 500)\n  }, [rawHtml])\n  const htmlIsCreatedByTrustedUser = !!teamMembership\n\n  const cleanHtml = useCleanHtml({\n    rawHtml,\n    isLoading,\n    isTrusted: htmlIsCreatedByTrustedUser,\n  })\n\n  if (isLoading) {\n    return <SynapseSpinner />\n  }\n\n  return (\n    <>\n      {rawHtml !== cleanHtml && (\n        <Alert severity=\"info\" sx={{ marginBottom: '20px' }}>\n          Limited rendering only.\n        </Alert>\n      )}\n      <iframe\n        ref={frameEl}\n        srcDoc={cleanHtml}\n        height={`${frameHeight}px`}\n        style={{ border: 0, width: '100%' }}\n      />\n    </>\n  )\n}\n\nexport const EXPORTED_FOR_UNIT_TESTING = {\n  useCleanHtml,\n}\n"],"mappings":";;;;;;;;AAWA,SAAS,EAAa,GAIC;CACrB,IAAM,EAAE,YAAS,cAAW,iBAAc;CAC1C,OAAO,QAAc;EACf,QAMF,OAHE,IACK,IAEA,EAAS,CAAO;CAE3B,GAAG;EAAC;EAAW;EAAW;CAAO,CAAC;AACpC;AAYA,SAAwB,EAAY,GAAyB;CAC3D,IAAM,EAAE,oBAAiB,eAAY,GAC/B,IAAU,EAAO,IAAI,GACrB,CAAC,GAAa,KAAkB,EAAS,GAAG,GAE5C,EAAE,MAAM,GAAgB,iBAAc,EAC1C,GACA,CACF,GACM,UAAqB;EACzB,IAAI,GAAS,WAAW,GAAS,QAAQ,eAAkB;GACzD,IAAI,IACF,EAAQ,QAAQ,cAAiB,SAAY,KAAQ;GAIvD,AAHI,IAAc,QAChB,IAAc,OAEZ,CAAC,KAAe,KAAK,IAAI,IAAc,CAAW,IAAI,OACxD,EAAe,IAAc,EAAE;EAEnC;CACF;CACA,QAAgB;EACd,kBAAkB;GAChB,EAAa;EACf,GAAG,GAAG;CACR,GAAG,CAAC,CAAO,CAAC;CAGZ,IAAM,IAAY,EAAa;EAC7B;EACA;EACA,WAAW,CALuB,CAAC;CAMrC,CAAC;CAMD,OAJI,IACK,kBAAC,GAAD,CAAiB,CAAA,IAIxB,kBAAA,GAAA,EAAA,UAAA,CACG,MAAY,KACX,kBAAC,GAAD;EAAO,UAAS;EAAO,IAAI,EAAE,cAAc,OAAO;YAAG;CAE9C,CAAA,GAET,kBAAC,UAAD;EACE,KAAK;EACL,QAAQ;EACR,QAAQ,GAAG,EAAY;EACvB,OAAO;GAAE,QAAQ;GAAG,OAAO;EAAO;CACnC,CAAA,CACD,EAAA,CAAA;AAEN;AAEA,IAAa,IAA4B,EACvC,gBACF"}

package/dist/components/FilePreview/PdfPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"PdfPreview.js","names":[],"sources":["../../../src/components/FilePreview/PdfPreview.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Alert } from '@mui/material'\nimport {\n  FileHandle,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { useRef } from 'react'\n\nexport type PdfPreviewProps = {\n  fileHandle: FileHandle\n  fileHandleAssociation: FileHandleAssociation\n}\n\nexport const maxPdfSize = Math.pow(1024, 2) * 30 // 30MB\nconst friendlyMaxPdfSize = calculateFriendlyFileSize(maxPdfSize) // 30MB\n\n/**\n * Renders raw HTML. Uses file handle data to determine if the content should be sanitized.\n * @param props\n * @returns\n */\nexport default function PdfPreview(props: PdfPreviewProps) {\n  const { fileHandle, fileHandleAssociation: fha } = props\n  const frameEl = useRef(null)\n\n  const friendlyFileSize = calculateFriendlyFileSize(fileHandle.contentSize)\n  if (fileHandle.contentSize > maxPdfSize) {\n    return (\n      <Alert severity=\"error\" sx={{ marginBottom: '20px' }}>\n        The PDF preview was not shown because the file size ({friendlyFileSize})\n        exceeds the maximum preview size ({friendlyMaxPdfSize})\n      </Alert>\n    )\n  }\n  const fhaUrl = SynapseClient.getPortalFileHandleServletUrl(\n    fha.fileHandleId,\n    fha.associateObjectId,\n    fha.associateObjectType,\n  )\n  return (\n    <>\n      <iframe\n        ref={frameEl}\n        src={`${getEndpoint(\n          BackendDestinationEnum.PORTAL_ENDPOINT,\n        )}pdf.js/web/viewer.html?file=${encodeURIComponent(fhaUrl)}`}\n        height=\"800px\"\n        style={{ border: 0, width: '100%' }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAeA,IAAa,IAAsB,QAAM,IAAK,IACxC,IAAqB,EAA0B,EAAW;AAOhE,SAAwB,EAAW,GAAwB;CACzD,IAAM,EAAE,eAAY,uBAAuB,MAAQ,GAC7C,IAAU,EAAO,KAAK,EAEtB,IAAmB,EAA0B,EAAW,YAAY;AAC1E,KAAI,EAAW,cAAc,EAC3B,QACE,kBAAC,GAAD;EAAO,UAAS;EAAQ,IAAI,EAAE,cAAc,QAAQ;YAApD;GAAsD;GACE;GAAiB;GACpC;GAAmB;GAChD;;CAGZ,IAAM,IAAS,EAAc,8BAC3B,EAAI,cACJ,EAAI,mBACJ,EAAI,oBACL;AACD,QACE,kBAAA,GAAA,EAAA,UACE,kBAAC,UAAD;EACE,KAAK;EACL,KAAK,GAAG,EACN,EAAuB,gBACxB,CAAC,8BAA8B,mBAAmB,EAAO;EAC1D,QAAO;EACP,OAAO;GAAE,QAAQ;GAAG,OAAO;GAAQ;EACnC,CAAA,EACD,CAAA"}
+{"version":3,"file":"PdfPreview.js","names":[],"sources":["../../../src/components/FilePreview/PdfPreview.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Alert } from '@mui/material'\nimport {\n  FileHandle,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { useRef } from 'react'\n\nexport type PdfPreviewProps = {\n  fileHandle: FileHandle\n  fileHandleAssociation: FileHandleAssociation\n}\n\nexport const maxPdfSize = Math.pow(1024, 2) * 30 // 30MB\nconst friendlyMaxPdfSize = calculateFriendlyFileSize(maxPdfSize) // 30MB\n\n/**\n * Renders raw HTML. Uses file handle data to determine if the content should be sanitized.\n * @param props\n * @returns\n */\nexport default function PdfPreview(props: PdfPreviewProps) {\n  const { fileHandle, fileHandleAssociation: fha } = props\n  const frameEl = useRef(null)\n\n  const friendlyFileSize = calculateFriendlyFileSize(fileHandle.contentSize)\n  if (fileHandle.contentSize > maxPdfSize) {\n    return (\n      <Alert severity=\"error\" sx={{ marginBottom: '20px' }}>\n        The PDF preview was not shown because the file size ({friendlyFileSize})\n        exceeds the maximum preview size ({friendlyMaxPdfSize})\n      </Alert>\n    )\n  }\n  const fhaUrl = SynapseClient.getPortalFileHandleServletUrl(\n    fha.fileHandleId,\n    fha.associateObjectId,\n    fha.associateObjectType,\n  )\n  return (\n    <>\n      <iframe\n        ref={frameEl}\n        src={`${getEndpoint(\n          BackendDestinationEnum.PORTAL_ENDPOINT,\n        )}pdf.js/web/viewer.html?file=${encodeURIComponent(fhaUrl)}`}\n        height=\"800px\"\n        style={{ border: 0, width: '100%' }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAeA,IAAa,IAAsB,QAAM,IAAK,IACxC,IAAqB,EAA0B,CAAU;AAO/D,SAAwB,EAAW,GAAwB;CACzD,IAAM,EAAE,eAAY,uBAAuB,MAAQ,GAC7C,IAAU,EAAO,IAAI,GAErB,IAAmB,EAA0B,EAAW,WAAW;CACzE,IAAI,EAAW,cAAc,GAC3B,OACE,kBAAC,GAAD;EAAO,UAAS;EAAQ,IAAI,EAAE,cAAc,OAAO;YAAnD;GAAsD;GACE;GAAiB;GACpC;GAAmB;EACjD;;CAGX,IAAM,IAAS,EAAc,8BAC3B,EAAI,cACJ,EAAI,mBACJ,EAAI,mBACN;CACA,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,UAAD;EACE,KAAK;EACL,KAAK,GAAG,EACN,EAAuB,eACzB,EAAE,8BAA8B,mBAAmB,CAAM;EACzD,QAAO;EACP,OAAO;GAAE,QAAQ;GAAG,OAAO;EAAO;CACnC,CAAA,EACD,CAAA;AAEN"}

package/dist/components/FilePreview/PreviewRendererType.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewRendererType.js","names":[],"sources":["../../../src/components/FilePreview/PreviewRendererType.ts"],"sourcesContent":["// Note: The PreviewRendererType is copied from SWC's PreviewWidget.PreviewFileType\n// Not all of these are supported by SRC, but we do need to support all of them for preview widget feature parity\n\n/**\n * Types of files that can be previewed. The PreviewFileType of a file handle can be determined based on its MIME type.\n * Each value corresponds to a particular renderer.\n */\nexport enum PreviewRendererType {\n  PLAINTEXT = 'PLAINTEXT',\n  CODE = 'CODE',\n  ZIP = 'ZIP',\n  CSV = 'CSV',\n  IMAGE = 'IMAGE',\n  NONE = 'NONE',\n  TAB = 'TAB',\n  HTML = 'HTML',\n  PDF = 'PDF',\n  IPYNB = 'IPYNB',\n  VIDEO = 'VIDEO',\n  MARKDOWN = 'MARKDOWN',\n  TIFF = 'TIFF',\n}\n"],"mappings":";AAOA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,YAAY,aACZ,EAAA,OAAO,QACP,EAAA,MAAM,OACN,EAAA,MAAM,OACN,EAAA,QAAQ,SACR,EAAA,OAAO,QACP,EAAA,MAAM,OACN,EAAA,OAAO,QACP,EAAA,MAAM,OACN,EAAA,QAAQ,SACR,EAAA,QAAQ,SACR,EAAA,WAAW,YACX,EAAA,OAAO;KACR"}
+{"version":3,"file":"PreviewRendererType.js","names":[],"sources":["../../../src/components/FilePreview/PreviewRendererType.ts"],"sourcesContent":["// Note: The PreviewRendererType is copied from SWC's PreviewWidget.PreviewFileType\n// Not all of these are supported by SRC, but we do need to support all of them for preview widget feature parity\n\n/**\n * Types of files that can be previewed. The PreviewFileType of a file handle can be determined based on its MIME type.\n * Each value corresponds to a particular renderer.\n */\nexport enum PreviewRendererType {\n  PLAINTEXT = 'PLAINTEXT',\n  CODE = 'CODE',\n  ZIP = 'ZIP',\n  CSV = 'CSV',\n  IMAGE = 'IMAGE',\n  NONE = 'NONE',\n  TAB = 'TAB',\n  HTML = 'HTML',\n  PDF = 'PDF',\n  IPYNB = 'IPYNB',\n  VIDEO = 'VIDEO',\n  MARKDOWN = 'MARKDOWN',\n  TIFF = 'TIFF',\n}\n"],"mappings":";AAOA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,YAAA,aACA,EAAA,OAAA,QACA,EAAA,MAAA,OACA,EAAA,MAAA,OACA,EAAA,QAAA,SACA,EAAA,OAAA,QACA,EAAA,MAAA,OACA,EAAA,OAAA,QACA,EAAA,MAAA,OACA,EAAA,QAAA,SACA,EAAA,QAAA,SACA,EAAA,WAAA,YACA,EAAA,OAAA;AACF,EAAA,CAAA,CAAA"}

package/dist/components/FilePreview/PreviewUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewUtils.js","names":[],"sources":["../../../src/components/FilePreview/PreviewUtils.ts"],"sourcesContent":["import { implementsCloudProviderFileHandleInterface } from '@/utils/types/IsType'\nimport { FileHandle } from '@sage-bionetworks/synapse-types'\nimport { PreviewRendererType } from './PreviewRendererType'\n\nexport const IMAGE_CONTENT_TYPES = [\n  'image/bmp',\n  'image/pjpeg',\n  'image/jpeg',\n  'image/jpg',\n  'image/jpe',\n  'image/gif',\n  'image/png',\n  'image/svg+xml',\n]\nconst MP4_EXTENSIONS = ['.mp4', '.m4a', '.m4p', '.m4b', '.m4r', '.m4v']\nconst OGG_EXTENSIONS = ['.ogv', '.ogg']\nexport const VIDEO_EXTENSIONS = [...MP4_EXTENSIONS, ...OGG_EXTENSIONS, '.webm']\nexport const CODE_EXTENSIONS = [\n  '.cwl',\n  '.wdl',\n  '.json',\n  '.awk',\n  '.bat',\n  '.btm',\n  '.c',\n  '.cmd',\n  '.cpp',\n  '.cxx',\n  '.def',\n  '.dlg',\n  '.dpc',\n  '.dpj',\n  '.dtd',\n  '.h',\n  '.hdl',\n  '.hpp',\n  '.hrc',\n  '.html',\n  '.hxx',\n  '.inc',\n  '.ini',\n  '.inl',\n  '.ins',\n  '.ipy',\n  '.java',\n  '.js',\n  '.jsp',\n  '.l',\n  '.lgt',\n  '.ll',\n  '.par',\n  '.pl',\n  '.py',\n  '.r',\n  '.rc',\n  '.rdb',\n  '.res',\n  '.s',\n  '.sbl',\n  '.scp',\n  '.sh',\n  '.sql',\n  '.src',\n  '.srs',\n  '.xml',\n  '.xrb',\n  '.y',\n  '.yaml',\n  '.yxx',\n]\nexport const MARKDOWN_EXTENSIONS = ['.md', '.markdown', '.rmd']\n\nfunction getFileExtension(fileName: string): string | null {\n  const index = fileName.lastIndexOf('.')\n  if (index === -1) {\n    return null\n  }\n  return fileName.substring(index)\n}\n\n/**\n * Given a file handle that represents a link to original data, return the type of renderer that we could use to\n * display the file contents in the browser.\n *\n * @returns the PreviewRendererType that would be used to render the file contents, or NONE if the file cannot be rendered\n */\nexport function getOriginalFileHandleRenderer(\n  dataFileHandle: FileHandle,\n): PreviewRendererType {\n  if (!implementsCloudProviderFileHandleInterface(dataFileHandle)) {\n    return PreviewRendererType.NONE\n  }\n\n  const fileExtension = getFileExtension(dataFileHandle.fileName)\n\n  if (fileExtension && VIDEO_EXTENSIONS.includes(fileExtension)) {\n    return PreviewRendererType.VIDEO\n  }\n\n  if (fileExtension === '.ipynb') {\n    return PreviewRendererType.IPYNB\n  }\n\n  if (IMAGE_CONTENT_TYPES.includes(dataFileHandle.contentType)) {\n    return PreviewRendererType.IMAGE\n  }\n\n  if (dataFileHandle.contentType === 'text/html') {\n    return PreviewRendererType.HTML\n  }\n\n  if (dataFileHandle.contentType.toLowerCase().startsWith('application/pdf')) {\n    return PreviewRendererType.PDF\n  }\n\n  if (fileExtension && CODE_EXTENSIONS.includes(fileExtension)) {\n    return PreviewRendererType.CODE\n  }\n\n  if (fileExtension && MARKDOWN_EXTENSIONS.includes(fileExtension)) {\n    return PreviewRendererType.MARKDOWN\n  }\n\n  if (dataFileHandle.contentType === 'image/tiff') {\n    return PreviewRendererType.TIFF\n  }\n\n  return PreviewRendererType.NONE\n}\n\n/**\n * Given a file handle that represents a preview of original data (which is generated by Synapse), return the type of renderer that we could use to\n * display the preview file contents in the browser.\n *\n * @param previewFileHandle the file handle that represents a preview of original data\n * @param originalFileHandle the file handle that represents the original data that the preview captures.\n * @returns the PreviewRendererType that would be used to render the preview file contents, or NONE if the file cannot be rendered\n */\nexport function getPreviewFileHandleRenderer(\n  previewFileHandle: FileHandle,\n  originalFileHandle: FileHandle,\n): PreviewRendererType {\n  const contentType = previewFileHandle.contentType\n  if (!implementsCloudProviderFileHandleInterface(previewFileHandle)) {\n    return PreviewRendererType.NONE\n  }\n  if (IMAGE_CONTENT_TYPES.includes(previewFileHandle.contentType)) {\n    return PreviewRendererType.IMAGE\n  }\n\n  if (contentType.toLowerCase().startsWith('text/')) {\n    if (contentType.toLowerCase() === 'text/csv') {\n      if (originalFileHandle.contentType === 'application/zip') {\n        return PreviewRendererType.ZIP\n      } else {\n        return PreviewRendererType.CSV\n      }\n    } else if (contentType.toLowerCase() === 'text/tab-separated-values') {\n      return PreviewRendererType.TAB\n    } else {\n      return PreviewRendererType.PLAINTEXT\n    }\n  }\n\n  if (contentType.toLowerCase().startsWith('application/pdf')) {\n    return PreviewRendererType.PDF\n  }\n\n  return PreviewRendererType.NONE\n}\n"],"mappings":";;;AAIA,IAAa,IAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACK,IAAiB;CAAC;CAAQ;CAAQ;CAAQ;CAAQ;CAAQ;CAAO,EACjE,IAAiB,CAAC,QAAQ,OAAO,EAC1B,IAAmB;CAAC,GAAG;CAAgB,GAAG;CAAgB;CAAQ,EAClE,IAAkB,6QAoD9B,EACY,IAAsB;CAAC;CAAO;CAAa;CAAO;AAE/D,SAAS,EAAiB,GAAiC;CACzD,IAAM,IAAQ,EAAS,YAAY,IAAI;AAIvC,QAHI,MAAU,KACL,OAEF,EAAS,UAAU,EAAM;;AASlC,SAAgB,EACd,GACqB;AACrB,KAAI,CAAC,EAA2C,EAAe,CAC7D,QAAO,EAAoB;CAG7B,IAAM,IAAgB,EAAiB,EAAe,SAAS;AAkC/D,QAhCI,KAAiB,EAAiB,SAAS,EAAc,GACpD,EAAoB,QAGzB,MAAkB,WACb,EAAoB,QAGzB,EAAoB,SAAS,EAAe,YAAY,GACnD,EAAoB,QAGzB,EAAe,gBAAgB,cAC1B,EAAoB,OAGzB,EAAe,YAAY,aAAa,CAAC,WAAW,kBAAkB,GACjE,EAAoB,MAGzB,KAAiB,EAAgB,SAAS,EAAc,GACnD,EAAoB,OAGzB,KAAiB,EAAoB,SAAS,EAAc,GACvD,EAAoB,WAGzB,EAAe,gBAAgB,eAC1B,EAAoB,OAGtB,EAAoB;;AAW7B,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAAc,EAAkB;AA0BtC,QAzBK,EAA2C,EAAkB,GAG9D,EAAoB,SAAS,EAAkB,YAAY,GACtD,EAAoB,QAGzB,EAAY,aAAa,CAAC,WAAW,QAAQ,GAC3C,EAAY,aAAa,KAAK,aAC5B,EAAmB,gBAAgB,oBAC9B,EAAoB,MAEpB,EAAoB,MAEpB,EAAY,aAAa,KAAK,8BAChC,EAAoB,MAEpB,EAAoB,YAI3B,EAAY,aAAa,CAAC,WAAW,kBAAkB,GAClD,EAAoB,MAGtB,EAAoB,OAxBlB,EAAoB"}
+{"version":3,"file":"PreviewUtils.js","names":[],"sources":["../../../src/components/FilePreview/PreviewUtils.ts"],"sourcesContent":["import { implementsCloudProviderFileHandleInterface } from '@/utils/types/IsType'\nimport { FileHandle } from '@sage-bionetworks/synapse-types'\nimport { PreviewRendererType } from './PreviewRendererType'\n\nexport const IMAGE_CONTENT_TYPES = [\n  'image/bmp',\n  'image/pjpeg',\n  'image/jpeg',\n  'image/jpg',\n  'image/jpe',\n  'image/gif',\n  'image/png',\n  'image/svg+xml',\n]\nconst MP4_EXTENSIONS = ['.mp4', '.m4a', '.m4p', '.m4b', '.m4r', '.m4v']\nconst OGG_EXTENSIONS = ['.ogv', '.ogg']\nexport const VIDEO_EXTENSIONS = [...MP4_EXTENSIONS, ...OGG_EXTENSIONS, '.webm']\nexport const CODE_EXTENSIONS = [\n  '.cwl',\n  '.wdl',\n  '.json',\n  '.awk',\n  '.bat',\n  '.btm',\n  '.c',\n  '.cmd',\n  '.cpp',\n  '.cxx',\n  '.def',\n  '.dlg',\n  '.dpc',\n  '.dpj',\n  '.dtd',\n  '.h',\n  '.hdl',\n  '.hpp',\n  '.hrc',\n  '.html',\n  '.hxx',\n  '.inc',\n  '.ini',\n  '.inl',\n  '.ins',\n  '.ipy',\n  '.java',\n  '.js',\n  '.jsp',\n  '.l',\n  '.lgt',\n  '.ll',\n  '.par',\n  '.pl',\n  '.py',\n  '.r',\n  '.rc',\n  '.rdb',\n  '.res',\n  '.s',\n  '.sbl',\n  '.scp',\n  '.sh',\n  '.sql',\n  '.src',\n  '.srs',\n  '.xml',\n  '.xrb',\n  '.y',\n  '.yaml',\n  '.yxx',\n]\nexport const MARKDOWN_EXTENSIONS = ['.md', '.markdown', '.rmd']\n\nfunction getFileExtension(fileName: string): string | null {\n  const index = fileName.lastIndexOf('.')\n  if (index === -1) {\n    return null\n  }\n  return fileName.substring(index)\n}\n\n/**\n * Given a file handle that represents a link to original data, return the type of renderer that we could use to\n * display the file contents in the browser.\n *\n * @returns the PreviewRendererType that would be used to render the file contents, or NONE if the file cannot be rendered\n */\nexport function getOriginalFileHandleRenderer(\n  dataFileHandle: FileHandle,\n): PreviewRendererType {\n  if (!implementsCloudProviderFileHandleInterface(dataFileHandle)) {\n    return PreviewRendererType.NONE\n  }\n\n  const fileExtension = getFileExtension(dataFileHandle.fileName)\n\n  if (fileExtension && VIDEO_EXTENSIONS.includes(fileExtension)) {\n    return PreviewRendererType.VIDEO\n  }\n\n  if (fileExtension === '.ipynb') {\n    return PreviewRendererType.IPYNB\n  }\n\n  if (IMAGE_CONTENT_TYPES.includes(dataFileHandle.contentType)) {\n    return PreviewRendererType.IMAGE\n  }\n\n  if (dataFileHandle.contentType === 'text/html') {\n    return PreviewRendererType.HTML\n  }\n\n  if (dataFileHandle.contentType.toLowerCase().startsWith('application/pdf')) {\n    return PreviewRendererType.PDF\n  }\n\n  if (fileExtension && CODE_EXTENSIONS.includes(fileExtension)) {\n    return PreviewRendererType.CODE\n  }\n\n  if (fileExtension && MARKDOWN_EXTENSIONS.includes(fileExtension)) {\n    return PreviewRendererType.MARKDOWN\n  }\n\n  if (dataFileHandle.contentType === 'image/tiff') {\n    return PreviewRendererType.TIFF\n  }\n\n  return PreviewRendererType.NONE\n}\n\n/**\n * Given a file handle that represents a preview of original data (which is generated by Synapse), return the type of renderer that we could use to\n * display the preview file contents in the browser.\n *\n * @param previewFileHandle the file handle that represents a preview of original data\n * @param originalFileHandle the file handle that represents the original data that the preview captures.\n * @returns the PreviewRendererType that would be used to render the preview file contents, or NONE if the file cannot be rendered\n */\nexport function getPreviewFileHandleRenderer(\n  previewFileHandle: FileHandle,\n  originalFileHandle: FileHandle,\n): PreviewRendererType {\n  const contentType = previewFileHandle.contentType\n  if (!implementsCloudProviderFileHandleInterface(previewFileHandle)) {\n    return PreviewRendererType.NONE\n  }\n  if (IMAGE_CONTENT_TYPES.includes(previewFileHandle.contentType)) {\n    return PreviewRendererType.IMAGE\n  }\n\n  if (contentType.toLowerCase().startsWith('text/')) {\n    if (contentType.toLowerCase() === 'text/csv') {\n      if (originalFileHandle.contentType === 'application/zip') {\n        return PreviewRendererType.ZIP\n      } else {\n        return PreviewRendererType.CSV\n      }\n    } else if (contentType.toLowerCase() === 'text/tab-separated-values') {\n      return PreviewRendererType.TAB\n    } else {\n      return PreviewRendererType.PLAINTEXT\n    }\n  }\n\n  if (contentType.toLowerCase().startsWith('application/pdf')) {\n    return PreviewRendererType.PDF\n  }\n\n  return PreviewRendererType.NONE\n}\n"],"mappings":";;;AAIA,IAAa,IAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACM,IAAiB;CAAC;CAAQ;CAAQ;CAAQ;CAAQ;CAAQ;AAAM,GAChE,IAAiB,CAAC,QAAQ,MAAM,GACzB,IAAmB;CAAC,GAAG;CAAgB,GAAG;CAAgB;AAAO,GACjE,IAAkB,4QAoD/B,GACa,IAAsB;CAAC;CAAO;CAAa;AAAM;AAE9D,SAAS,EAAiB,GAAiC;CACzD,IAAM,IAAQ,EAAS,YAAY,GAAG;CAItC,OAHI,MAAU,KACL,OAEF,EAAS,UAAU,CAAK;AACjC;AAQA,SAAgB,EACd,GACqB;CACrB,IAAI,CAAC,EAA2C,CAAc,GAC5D,OAAO,EAAoB;CAG7B,IAAM,IAAgB,EAAiB,EAAe,QAAQ;CAkC9D,OAhCI,KAAiB,EAAiB,SAAS,CAAa,IACnD,EAAoB,QAGzB,MAAkB,WACb,EAAoB,QAGzB,EAAoB,SAAS,EAAe,WAAW,IAClD,EAAoB,QAGzB,EAAe,gBAAgB,cAC1B,EAAoB,OAGzB,EAAe,YAAY,YAAY,EAAE,WAAW,iBAAiB,IAChE,EAAoB,MAGzB,KAAiB,EAAgB,SAAS,CAAa,IAClD,EAAoB,OAGzB,KAAiB,EAAoB,SAAS,CAAa,IACtD,EAAoB,WAGzB,EAAe,gBAAgB,eAC1B,EAAoB,OAGtB,EAAoB;AAC7B;AAUA,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAAc,EAAkB;CA0BtC,OAzBK,EAA2C,CAAiB,IAG7D,EAAoB,SAAS,EAAkB,WAAW,IACrD,EAAoB,QAGzB,EAAY,YAAY,EAAE,WAAW,OAAO,IAC1C,EAAY,YAAY,MAAM,aAC5B,EAAmB,gBAAgB,oBAC9B,EAAoB,MAEpB,EAAoB,MAEpB,EAAY,YAAY,MAAM,8BAChC,EAAoB,MAEpB,EAAoB,YAI3B,EAAY,YAAY,EAAE,WAAW,iBAAiB,IACjD,EAAoB,MAGtB,EAAoB,OAxBlB,EAAoB;AAyB/B"}

package/dist/components/FileUpload/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","names":[],"sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import { ProgressCallback, uploadFile } from '@/synapse-client/SynapseClient'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Button, ButtonProps } from '@mui/material'\nimport {\n  FileUploadComplete,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { ChangeEvent, useRef } from 'react'\n\nexport type FileUploadProps = {\n  id?: string\n  label?: string\n  buttonProps?: ButtonProps\n  onUploadStart?: () => void\n  onComplete?: (response: UploadCallbackResp) => void\n}\n\nexport function FileUpload(props: FileUploadProps) {\n  const {\n    id,\n    buttonProps = { variant: 'contained' },\n    label = 'Browse...',\n    onUploadStart,\n    onComplete,\n  } = props\n  const { accessToken } = useSynapseContext()\n  const hiddenFileInput = useRef<HTMLInputElement>(null)\n\n  const clickHandler = () => {\n    if (hiddenFileInput?.current!) {\n      hiddenFileInput.current?.click()\n    }\n  }\n\n  const changeHandler = async (e: ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files && e.target.files.length > 0) {\n      if (onUploadStart) {\n        onUploadStart()\n      }\n      const file = e.target.files[0]\n      const progressCallback: (\n        progress: ProgressCallback,\n      ) => void = progress => {\n        console.log(`Progress: ${progress.value} / ${progress.total}`)\n      }\n      try {\n        const resp: FileUploadComplete = await uploadFile(\n          accessToken,\n          file.name,\n          file,\n          undefined,\n          undefined,\n          progressCallback,\n        )\n        if (onComplete) {\n          onComplete({\n            success: true,\n            resp: resp,\n          })\n        }\n      } catch (e) {\n        console.log('FileUpload: fail to upload file', e)\n        if (onComplete) {\n          onComplete({\n            success: false,\n            error: e,\n          })\n        }\n      }\n    }\n  }\n\n  return (\n    <>\n      <input\n        data-testid=\"file-input\"\n        type={'file'}\n        ref={hiddenFileInput}\n        onChange={e => {\n          changeHandler(e)\n        }}\n        style={{ display: 'none' }}\n      />\n      <Button id={id} onClick={clickHandler} {...buttonProps}>\n        {label}\n      </Button>\n    </>\n  )\n}\n\nexport default FileUpload\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAW,GAAwB;CACjD,IAAM,EACJ,OACA,iBAAc,EAAE,SAAS,aAAa,EACtC,WAAQ,aACR,kBACA,kBACE,GACE,EAAE,mBAAgB,GAAmB,EACrC,IAAkB,EAAyB,KAAK,EAEhD,UAAqB;AACzB,EAAI,GAAiB,WACnB,EAAgB,SAAS,OAAO;IAI9B,IAAgB,OAAO,MAAqC;AAChE,MAAI,EAAE,OAAO,SAAS,EAAE,OAAO,MAAM,SAAS,GAAG;AAC/C,GAAI,KACF,GAAe;GAEjB,IAAM,IAAO,EAAE,OAAO,MAAM,IACtB,KAEM,MAAY;AACtB,YAAQ,IAAI,aAAa,EAAS,MAAM,KAAK,EAAS,QAAQ;;AAEhE,OAAI;IACF,IAAM,IAA2B,MAAM,EACrC,GACA,EAAK,MACL,GACA,KAAA,GACA,KAAA,GACA,EACD;AACD,IAAI,KACF,EAAW;KACT,SAAS;KACH;KACP,CAAC;YAEG,GAAG;AAEV,IADA,QAAQ,IAAI,mCAAmC,EAAE,EAC7C,KACF,EAAW;KACT,SAAS;KACT,OAAO;KACR,CAAC;;;;AAMV,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,SAAD;EACE,eAAY;EACZ,MAAM;EACN,KAAK;EACL,WAAU,MAAK;AACb,KAAc,EAAE;;EAElB,OAAO,EAAE,SAAS,QAAQ;EAC1B,CAAA,EACF,kBAAC,GAAD;EAAY;EAAI,SAAS;EAAc,GAAI;YACxC;EACM,CAAA,CACR,EAAA,CAAA"}
+{"version":3,"file":"FileUpload.js","names":[],"sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import { ProgressCallback, uploadFile } from '@/synapse-client/SynapseClient'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Button, ButtonProps } from '@mui/material'\nimport {\n  FileUploadComplete,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { ChangeEvent, useRef } from 'react'\n\nexport type FileUploadProps = {\n  id?: string\n  label?: string\n  buttonProps?: ButtonProps\n  onUploadStart?: () => void\n  onComplete?: (response: UploadCallbackResp) => void\n}\n\nexport function FileUpload(props: FileUploadProps) {\n  const {\n    id,\n    buttonProps = { variant: 'contained' },\n    label = 'Browse...',\n    onUploadStart,\n    onComplete,\n  } = props\n  const { accessToken } = useSynapseContext()\n  const hiddenFileInput = useRef<HTMLInputElement>(null)\n\n  const clickHandler = () => {\n    if (hiddenFileInput?.current!) {\n      hiddenFileInput.current?.click()\n    }\n  }\n\n  const changeHandler = async (e: ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files && e.target.files.length > 0) {\n      if (onUploadStart) {\n        onUploadStart()\n      }\n      const file = e.target.files[0]\n      const progressCallback: (\n        progress: ProgressCallback,\n      ) => void = progress => {\n        console.log(`Progress: ${progress.value} / ${progress.total}`)\n      }\n      try {\n        const resp: FileUploadComplete = await uploadFile(\n          accessToken,\n          file.name,\n          file,\n          undefined,\n          undefined,\n          progressCallback,\n        )\n        if (onComplete) {\n          onComplete({\n            success: true,\n            resp: resp,\n          })\n        }\n      } catch (e) {\n        console.log('FileUpload: fail to upload file', e)\n        if (onComplete) {\n          onComplete({\n            success: false,\n            error: e,\n          })\n        }\n      }\n    }\n  }\n\n  return (\n    <>\n      <input\n        data-testid=\"file-input\"\n        type={'file'}\n        ref={hiddenFileInput}\n        onChange={e => {\n          changeHandler(e)\n        }}\n        style={{ display: 'none' }}\n      />\n      <Button id={id} onClick={clickHandler} {...buttonProps}>\n        {label}\n      </Button>\n    </>\n  )\n}\n\nexport default FileUpload\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAW,GAAwB;CACjD,IAAM,EACJ,OACA,iBAAc,EAAE,SAAS,YAAY,GACrC,WAAQ,aACR,kBACA,kBACE,GACE,EAAE,mBAAgB,EAAkB,GACpC,IAAkB,EAAyB,IAAI,GAE/C,UAAqB;EACzB,AAAI,GAAiB,WACnB,EAAgB,SAAS,MAAM;CAEnC,GAEM,IAAgB,OAAO,MAAqC;EAChE,IAAI,EAAE,OAAO,SAAS,EAAE,OAAO,MAAM,SAAS,GAAG;GAC/C,AAAI,KACF,EAAc;GAEhB,IAAM,IAAO,EAAE,OAAO,MAAM,IACtB,KAEM,MAAY;IACtB,QAAQ,IAAI,aAAa,EAAS,MAAM,KAAK,EAAS,OAAO;GAC/D;GACA,IAAI;IACF,IAAM,IAA2B,MAAM,EACrC,GACA,EAAK,MACL,GACA,KAAA,GACA,KAAA,GACA,CACF;IACA,AAAI,KACF,EAAW;KACT,SAAS;KACH;IACR,CAAC;GAEL,SAAS,GAAG;IAEV,AADA,QAAQ,IAAI,mCAAmC,CAAC,GAC5C,KACF,EAAW;KACT,SAAS;KACT,OAAO;IACT,CAAC;GAEL;EACF;CACF;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,SAAD;EACE,eAAY;EACZ,MAAM;EACN,KAAK;EACL,WAAU,MAAK;GACb,EAAc,CAAC;EACjB;EACA,OAAO,EAAE,SAAS,OAAO;CAC1B,CAAA,GACD,kBAAC,GAAD;EAAY;EAAI,SAAS;EAAc,GAAI;YACxC;CACK,CAAA,CACR,EAAA,CAAA;AAEN"}

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

@@ -1 +1 @@
-{"version":3,"file":"DiscussionReply.js","names":[],"sources":["../../../src/components/Forum/DiscussionReply.tsx"],"sourcesContent":["import { useGetCurrentUserProfile, useGetEntityBundle } from '@/synapse-queries'\nimport { useDeleteReply, useGetReply } from '@/synapse-queries/forum/useReply'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  DiscussionReplyBundle,\n  ObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useState, useRef, useEffect } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport WarningDialog from '../SynapseForm/WarningDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport { ForumThreadEditor } from './ForumThreadEditor'\nimport { Box } from '@mui/material'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { REPLY_ID_PARAM_KEY } from './DiscussionConstants'\n\nexport type DiscussionReplyProps = {\n  reply: DiscussionReplyBundle\n  isReplyAuthorModerator?: boolean\n  isForumModerator?: boolean\n  onClickLink?: () => void\n}\n\nconst handleCopyLink = (id: string) => {\n  const baseUrl = `${window.location.origin}${window.location.pathname}`\n  const url = `${baseUrl}?${REPLY_ID_PARAM_KEY}=${id}`\n  copyStringToClipboard(url).then(() =>\n    displayToast('Reply link copied to clipboard', 'info'),\n  )\n}\n\nexport function DiscussionReply(props: DiscussionReplyProps) {\n  const { reply, isReplyAuthorModerator = false, isForumModerator } = props\n  const [showReplyModal, setShowReplyModal] = useState(false)\n  const [showDeleteModal, setShowDeleteModal] = useState(false)\n  const { data: currentUserProfile } = useGetCurrentUserProfile()\n  const { data: entityBundle } = useGetEntityBundle(reply.projectId)\n  const { data: message, isLoading } = useGetReply(reply)\n  const replyRef = useRef<HTMLDivElement>(null)\n\n  const { mutate: deleteReply } = useDeleteReply({\n    onSuccess: () => {\n      setShowDeleteModal(false)\n      displayToast('A reply has been deleted.', 'info')\n    },\n  })\n\n  const isCurrentUserAuthor = reply.createdBy == currentUserProfile?.ownerId\n\n  useEffect(() => {\n    const params = new URLSearchParams(window.location.search)\n    const replyId = params.get(REPLY_ID_PARAM_KEY)\n    let timerId: ReturnType<typeof setTimeout>\n    if (replyId === reply.id && replyRef.current) {\n      replyRef.current.style.transition = 'background-color 1s ease'\n      replyRef.current.style.backgroundColor = '#fbf4e0'\n      replyRef.current.style.borderColor = '#f4dda3'\n      timerId = setTimeout(() => {\n        if (replyRef.current) {\n          replyRef.current.style.backgroundColor = '#f9f9f9'\n          replyRef.current.style.borderColor = '#ccc'\n        }\n      }, 2000)\n    }\n    return () => {\n      if (timerId) {\n        clearTimeout(timerId)\n      }\n    }\n  }, [reply.id])\n\n  return (\n    <div\n      className=\"reply-container\"\n      id={`reply._${reply.id}`}\n      ref={replyRef}\n      role={'article'}\n    >\n      {isLoading ? (\n        <SkeletonTable numCols={1} numRows={4} />\n      ) : (\n        <>\n          {message && (\n            <>\n              <div>\n                <UserBadge\n                  userId={reply.createdBy}\n                  withAvatar={true}\n                  avatarSize=\"MEDIUM\"\n                  showCardOnHover={true}\n                  showModeratorBadge={isReplyAuthorModerator}\n                />\n                <div className=\"message-body\">\n                  <MarkdownSynapse\n                    markdown={message}\n                    objectType={ObjectType.REPLY}\n                  />\n                  <span>\n                    posted {formatDate(dayjs(reply.createdOn), 'M/D/YYYY')}\n                    {reply.isEdited ? <i>{' (Edited)'}</i> : null}\n                  </span>\n                  <Box\n                    sx={{\n                      display: 'flex',\n                      justifyContent: 'flex-end',\n                      marginTop: { xs: '8px', sm: 0 },\n                      float: { sm: 'right' },\n                    }}\n                  >\n                    <button onClick={() => handleCopyLink(reply.id)}>\n                      <IconSvg icon=\"link\" label={'Copy link to this reply'} />\n                    </button>\n                    {isCurrentUserAuthor && (\n                      <button onClick={() => setShowReplyModal(true)}>\n                        <IconSvg icon=\"edit\" label={'Edit reply'} />\n                      </button>\n                    )}\n                    {(entityBundle?.permissions.canModerate ||\n                      isForumModerator) && (\n                      <button onClick={() => setShowDeleteModal(true)}>\n                        <IconSvg icon=\"delete\" label={'Delete reply'} />\n                      </button>\n                    )}\n                  </Box>\n                </div>\n              </div>\n              <ForumThreadEditor\n                isReply={true}\n                initialText={message}\n                onClose={() => setShowReplyModal(false)}\n                id={reply.id}\n                isDialog={true}\n                openDialog={showReplyModal}\n              />\n              <WarningDialog\n                open={showDeleteModal}\n                title=\"Confirm Deletion\"\n                content=\"Are you sure you want to delete this reply?\"\n                onCancel={() => {\n                  setShowDeleteModal(false)\n                }}\n                onConfirm={() =>\n                  deleteReply({\n                    forumId: reply.forumId,\n                    threadId: reply.threadId,\n                    replyId: reply.id,\n                  })\n                }\n                confirmButtonColor=\"error\"\n                confirmButtonText=\"Delete\"\n              />\n            </>\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DiscussionReply.js","names":[],"sources":["../../../src/components/Forum/DiscussionReply.tsx"],"sourcesContent":["import { useGetCurrentUserProfile, useGetEntityBundle } from '@/synapse-queries'\nimport { useDeleteReply, useGetReply } from '@/synapse-queries/forum/useReply'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  DiscussionReplyBundle,\n  ObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useState, useRef, useEffect } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport WarningDialog from '../SynapseForm/WarningDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport { ForumThreadEditor } from './ForumThreadEditor'\nimport { Box } from '@mui/material'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { REPLY_ID_PARAM_KEY } from './DiscussionConstants'\n\nexport type DiscussionReplyProps = {\n  reply: DiscussionReplyBundle\n  isReplyAuthorModerator?: boolean\n  isForumModerator?: boolean\n  onClickLink?: () => void\n}\n\nconst handleCopyLink = (id: string) => {\n  const baseUrl = `${window.location.origin}${window.location.pathname}`\n  const url = `${baseUrl}?${REPLY_ID_PARAM_KEY}=${id}`\n  copyStringToClipboard(url).then(() =>\n    displayToast('Reply link copied to clipboard', 'info'),\n  )\n}\n\nexport function DiscussionReply(props: DiscussionReplyProps) {\n  const { reply, isReplyAuthorModerator = false, isForumModerator } = props\n  const [showReplyModal, setShowReplyModal] = useState(false)\n  const [showDeleteModal, setShowDeleteModal] = useState(false)\n  const { data: currentUserProfile } = useGetCurrentUserProfile()\n  const { data: entityBundle } = useGetEntityBundle(reply.projectId)\n  const { data: message, isLoading } = useGetReply(reply)\n  const replyRef = useRef<HTMLDivElement>(null)\n\n  const { mutate: deleteReply } = useDeleteReply({\n    onSuccess: () => {\n      setShowDeleteModal(false)\n      displayToast('A reply has been deleted.', 'info')\n    },\n  })\n\n  const isCurrentUserAuthor = reply.createdBy == currentUserProfile?.ownerId\n\n  useEffect(() => {\n    const params = new URLSearchParams(window.location.search)\n    const replyId = params.get(REPLY_ID_PARAM_KEY)\n    let timerId: ReturnType<typeof setTimeout>\n    if (replyId === reply.id && replyRef.current) {\n      replyRef.current.style.transition = 'background-color 1s ease'\n      replyRef.current.style.backgroundColor = '#fbf4e0'\n      replyRef.current.style.borderColor = '#f4dda3'\n      timerId = setTimeout(() => {\n        if (replyRef.current) {\n          replyRef.current.style.backgroundColor = '#f9f9f9'\n          replyRef.current.style.borderColor = '#ccc'\n        }\n      }, 2000)\n    }\n    return () => {\n      if (timerId) {\n        clearTimeout(timerId)\n      }\n    }\n  }, [reply.id])\n\n  return (\n    <div\n      className=\"reply-container\"\n      id={`reply._${reply.id}`}\n      ref={replyRef}\n      role={'article'}\n    >\n      {isLoading ? (\n        <SkeletonTable numCols={1} numRows={4} />\n      ) : (\n        <>\n          {message && (\n            <>\n              <div>\n                <UserBadge\n                  userId={reply.createdBy}\n                  withAvatar={true}\n                  avatarSize=\"MEDIUM\"\n                  showCardOnHover={true}\n                  showModeratorBadge={isReplyAuthorModerator}\n                />\n                <div className=\"message-body\">\n                  <MarkdownSynapse\n                    markdown={message}\n                    objectType={ObjectType.REPLY}\n                  />\n                  <span>\n                    posted {formatDate(dayjs(reply.createdOn), 'M/D/YYYY')}\n                    {reply.isEdited ? <i>{' (Edited)'}</i> : null}\n                  </span>\n                  <Box\n                    sx={{\n                      display: 'flex',\n                      justifyContent: 'flex-end',\n                      marginTop: { xs: '8px', sm: 0 },\n                      float: { sm: 'right' },\n                    }}\n                  >\n                    <button onClick={() => handleCopyLink(reply.id)}>\n                      <IconSvg icon=\"link\" label={'Copy link to this reply'} />\n                    </button>\n                    {isCurrentUserAuthor && (\n                      <button onClick={() => setShowReplyModal(true)}>\n                        <IconSvg icon=\"edit\" label={'Edit reply'} />\n                      </button>\n                    )}\n                    {(entityBundle?.permissions.canModerate ||\n                      isForumModerator) && (\n                      <button onClick={() => setShowDeleteModal(true)}>\n                        <IconSvg icon=\"delete\" label={'Delete reply'} />\n                      </button>\n                    )}\n                  </Box>\n                </div>\n              </div>\n              <ForumThreadEditor\n                isReply={true}\n                initialText={message}\n                onClose={() => setShowReplyModal(false)}\n                id={reply.id}\n                isDialog={true}\n                openDialog={showReplyModal}\n              />\n              <WarningDialog\n                open={showDeleteModal}\n                title=\"Confirm Deletion\"\n                content=\"Are you sure you want to delete this reply?\"\n                onCancel={() => {\n                  setShowDeleteModal(false)\n                }}\n                onConfirm={() =>\n                  deleteReply({\n                    forumId: reply.forumId,\n                    threadId: reply.threadId,\n                    replyId: reply.id,\n                  })\n                }\n                confirmButtonColor=\"error\"\n                confirmButtonText=\"Delete\"\n              />\n            </>\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DiscussionSearchResult.js","names":[],"sources":["../../../src/components/Forum/DiscussionSearchResult.tsx"],"sourcesContent":["import {\n  getReply,\n  getReplyMessageUrl,\n  getThread,\n  getThreadMessageUrl,\n  getUserProfileById,\n} from '@/synapse-client/SynapseClient'\nimport React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, Skeleton, Typography } from '@mui/material'\nimport {\n  DiscussionReplyBundle,\n  DiscussionThreadBundle,\n  UserProfile,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useEffect, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { SkeletonParagraph } from '../Skeleton/SkeletonParagraph'\nimport { UserBadge } from '../UserCard/UserBadge'\n\nexport const getMessage = async (url: string): Promise<string> => {\n  const response = await fetch(url, {\n    method: 'GET',\n    headers: {\n      Accept: '*/*',\n      'Access-Control-Request-Headers': 'authorization',\n      'Content-Type': 'text/plain; charset=utf-8',\n    },\n  })\n  return response.text()\n}\n\nexport type DiscussionSearchResultProps = {\n  threadId: string\n  replyId?: string\n}\n\nconst DiscussionSearchResult = (\n  props: DiscussionSearchResultProps,\n): React.ReactNode => {\n  const { threadId, replyId } = props\n  const { accessToken } = useSynapseContext()\n  const [threadBundle, setThreadBundle] = useState<DiscussionThreadBundle>()\n  const [messageUrl, setMessageUrl] = useState<string>('')\n  const [replyBundle, setReplyBundle] = useState<DiscussionReplyBundle>()\n  const [replyAuthor, setReplyAuthor] = useState<UserProfile>()\n  const [isLoading, setIsLoading] = useState(false)\n\n  useEffect(() => {\n    const getThreadOrReply = async () => {\n      let newMessageUrl\n      setIsLoading(true)\n      const thread = await getThread(threadId, accessToken)\n      if (replyId) {\n        const reply = await getReply(replyId, accessToken)\n        newMessageUrl = await getReplyMessageUrl(reply.messageKey, accessToken)\n        setReplyAuthor(await getUserProfileById(reply.createdBy))\n        setReplyBundle(reply)\n      } else {\n        setReplyAuthor(await getUserProfileById(thread.createdBy))\n        newMessageUrl = await getThreadMessageUrl(\n          thread.messageKey,\n          accessToken,\n        )\n      }\n      setMessageUrl(await getMessage(newMessageUrl.messageUrl))\n      setThreadBundle(thread)\n      setIsLoading(false)\n    }\n    getThreadOrReply()\n  }, [accessToken, replyId, threadId])\n\n  const getUrl = (threadId: string, projectId: string, replyId?: string) => {\n    let url = `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${projectId}/discussion/threadId=${threadId}`\n    if (replyId) {\n      url += `&replyId=${replyId}`\n    }\n    return url\n  }\n\n  return (\n    <div className=\"search-result-container\">\n      <Box\n        sx={{\n          display: 'grid',\n          gridTemplateColumns: '40px auto',\n        }}\n      >\n        <div>\n          {isLoading ? (\n            <Skeleton variant=\"circular\" width=\"30px\" height={'30px'} />\n          ) : replyId ? (\n            <IconSvg icon=\"replyTwoTone\" />\n          ) : (\n            <IconSvg icon=\"chatTwoTone\" />\n          )}\n        </div>\n        <div>\n          {isLoading ? (\n            <SkeletonParagraph numRows={4} />\n          ) : (\n            <>\n              <Typography variant=\"headline3\" gutterBottom>\n                <a\n                  className=\"link\"\n                  href={getUrl(\n                    threadBundle?.id!,\n                    threadBundle?.projectId!,\n                    replyBundle?.id,\n                  )}\n                >\n                  {threadBundle?.title}\n                </a>\n              </Typography>\n              <div className=\"truncated\">\n                <Typography variant=\"body1\" gutterBottom>\n                  {messageUrl}\n                </Typography>\n              </div>\n              <div className=\"search-result-footer\">\n                {replyId ? 'Reply' : 'Thread'} by{' '}\n                {<UserBadge userId={replyAuthor?.ownerId} />}{' '}\n                {formatDate(dayjs(replyBundle?.createdOn))}\n              </div>\n            </>\n          )}\n        </div>\n      </Box>\n    </div>\n  )\n}\n\nexport default DiscussionSearchResult\n"],"mappings":";;;;;;;;;;;;AAuBA,IAAa,IAAa,OAAO,OASxB,MARgB,MAAM,GAAK;CAChC,QAAQ;CACR,SAAS;EACP,QAAQ;EACR,kCAAkC;EAClC,gBAAgB;EACjB;CACF,CAAC,EACc,MAAM,EAQlB,KACJ,MACoB;CACpB,IAAM,EAAE,aAAU,eAAY,GACxB,EAAE,mBAAgB,GAAmB,EACrC,CAAC,GAAc,KAAmB,GAAkC,EACpE,CAAC,GAAY,KAAiB,EAAiB,GAAG,EAClD,CAAC,GAAa,KAAkB,GAAiC,EACjE,CAAC,GAAa,KAAkB,GAAuB,EACvD,CAAC,GAAW,KAAgB,EAAS,GAAM;AAkCjD,QAhCA,QAAgB;AAqBd,eApBqC;GACnC,IAAI;AACJ,KAAa,GAAK;GAClB,IAAM,IAAS,MAAM,EAAU,GAAU,EAAY;AACrD,OAAI,GAAS;IACX,IAAM,IAAQ,MAAM,EAAS,GAAS,EAAY;AAGlD,IAFA,IAAgB,MAAM,EAAmB,EAAM,YAAY,EAAY,EACvE,EAAe,MAAM,EAAmB,EAAM,UAAU,CAAC,EACzD,EAAe,EAAM;SAGrB,CADA,EAAe,MAAM,EAAmB,EAAO,UAAU,CAAC,EAC1D,IAAgB,MAAM,EACpB,EAAO,YACP,EACD;AAIH,GAFA,EAAc,MAAM,EAAW,EAAc,WAAW,CAAC,EACzD,EAAgB,EAAO,EACvB,EAAa,GAAM;MAEH;IACjB;EAAC;EAAa;EAAS;EAAS,CAAC,EAWlC,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,qBAAqB;IACtB;aAJH,CAME,kBAAC,OAAD,EAAA,UACG,IACC,kBAAC,GAAD;IAAU,SAAQ;IAAW,OAAM;IAAO,QAAQ;IAAU,CAAA,GAC1D,IACF,kBAAC,GAAD,EAAS,MAAK,gBAAiB,CAAA,GAE/B,kBAAC,GAAD,EAAS,MAAK,eAAgB,CAAA,EAE5B,CAAA,EACN,kBAAC,OAAD,EAAA,UACG,IACC,kBAAC,GAAD,EAAmB,SAAS,GAAK,CAAA,GAEjC,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAY,cAAA;eAC9B,kBAAC,KAAD;MACE,WAAU;MACV,QAjCA,GAAkB,GAAmB,MAAqB;OACxE,IAAI,IAAM,GAAG,EAA2B,OAAO,UAAU,EAAU,uBAAuB;AAI1F,cAHI,MACF,KAAO,YAAY,MAEd;SA6BS,GAAc,IACd,GAAc,WACd,GAAa,GACd;gBAEA,GAAc;MACb,CAAA;KACO,CAAA;IACb,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAY,SAAQ;MAAQ,cAAA;gBACzB;MACU,CAAA;KACT,CAAA;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,IAAU,UAAU;MAAS;MAAI;MACjC,kBAAC,GAAD,EAAW,QAAQ,GAAa,SAAW,CAAA;MAAE;MAC7C,EAAW,EAAM,GAAa,UAAU,CAAC;MACtC;;IACL,EAAA,CAAA,EAED,CAAA,CACF;;EACF,CAAA"}
+{"version":3,"file":"DiscussionSearchResult.js","names":[],"sources":["../../../src/components/Forum/DiscussionSearchResult.tsx"],"sourcesContent":["import {\n  getReply,\n  getReplyMessageUrl,\n  getThread,\n  getThreadMessageUrl,\n  getUserProfileById,\n} from '@/synapse-client/SynapseClient'\nimport React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, Skeleton, Typography } from '@mui/material'\nimport {\n  DiscussionReplyBundle,\n  DiscussionThreadBundle,\n  UserProfile,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useEffect, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { SkeletonParagraph } from '../Skeleton/SkeletonParagraph'\nimport { UserBadge } from '../UserCard/UserBadge'\n\nexport const getMessage = async (url: string): Promise<string> => {\n  const response = await fetch(url, {\n    method: 'GET',\n    headers: {\n      Accept: '*/*',\n      'Access-Control-Request-Headers': 'authorization',\n      'Content-Type': 'text/plain; charset=utf-8',\n    },\n  })\n  return response.text()\n}\n\nexport type DiscussionSearchResultProps = {\n  threadId: string\n  replyId?: string\n}\n\nconst DiscussionSearchResult = (\n  props: DiscussionSearchResultProps,\n): React.ReactNode => {\n  const { threadId, replyId } = props\n  const { accessToken } = useSynapseContext()\n  const [threadBundle, setThreadBundle] = useState<DiscussionThreadBundle>()\n  const [messageUrl, setMessageUrl] = useState<string>('')\n  const [replyBundle, setReplyBundle] = useState<DiscussionReplyBundle>()\n  const [replyAuthor, setReplyAuthor] = useState<UserProfile>()\n  const [isLoading, setIsLoading] = useState(false)\n\n  useEffect(() => {\n    const getThreadOrReply = async () => {\n      let newMessageUrl\n      setIsLoading(true)\n      const thread = await getThread(threadId, accessToken)\n      if (replyId) {\n        const reply = await getReply(replyId, accessToken)\n        newMessageUrl = await getReplyMessageUrl(reply.messageKey, accessToken)\n        setReplyAuthor(await getUserProfileById(reply.createdBy))\n        setReplyBundle(reply)\n      } else {\n        setReplyAuthor(await getUserProfileById(thread.createdBy))\n        newMessageUrl = await getThreadMessageUrl(\n          thread.messageKey,\n          accessToken,\n        )\n      }\n      setMessageUrl(await getMessage(newMessageUrl.messageUrl))\n      setThreadBundle(thread)\n      setIsLoading(false)\n    }\n    getThreadOrReply()\n  }, [accessToken, replyId, threadId])\n\n  const getUrl = (threadId: string, projectId: string, replyId?: string) => {\n    let url = `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${projectId}/discussion/threadId=${threadId}`\n    if (replyId) {\n      url += `&replyId=${replyId}`\n    }\n    return url\n  }\n\n  return (\n    <div className=\"search-result-container\">\n      <Box\n        sx={{\n          display: 'grid',\n          gridTemplateColumns: '40px auto',\n        }}\n      >\n        <div>\n          {isLoading ? (\n            <Skeleton variant=\"circular\" width=\"30px\" height={'30px'} />\n          ) : replyId ? (\n            <IconSvg icon=\"replyTwoTone\" />\n          ) : (\n            <IconSvg icon=\"chatTwoTone\" />\n          )}\n        </div>\n        <div>\n          {isLoading ? (\n            <SkeletonParagraph numRows={4} />\n          ) : (\n            <>\n              <Typography variant=\"headline3\" gutterBottom>\n                <a\n                  className=\"link\"\n                  href={getUrl(\n                    threadBundle?.id!,\n                    threadBundle?.projectId!,\n                    replyBundle?.id,\n                  )}\n                >\n                  {threadBundle?.title}\n                </a>\n              </Typography>\n              <div className=\"truncated\">\n                <Typography variant=\"body1\" gutterBottom>\n                  {messageUrl}\n                </Typography>\n              </div>\n              <div className=\"search-result-footer\">\n                {replyId ? 'Reply' : 'Thread'} by{' '}\n                {<UserBadge userId={replyAuthor?.ownerId} />}{' '}\n                {formatDate(dayjs(replyBundle?.createdOn))}\n              </div>\n            </>\n          )}\n        </div>\n      </Box>\n    </div>\n  )\n}\n\nexport default DiscussionSearchResult\n"],"mappings":";;;;;;;;;;;;AAuBA,IAAa,IAAa,OAAO,OASxB,MARgB,MAAM,GAAK;CAChC,QAAQ;CACR,SAAS;EACP,QAAQ;EACR,kCAAkC;EAClC,gBAAgB;CAClB;AACF,CAAC,GACe,KAAK,GAQjB,KACJ,MACoB;CACpB,IAAM,EAAE,aAAU,eAAY,GACxB,EAAE,mBAAgB,EAAkB,GACpC,CAAC,GAAc,KAAmB,EAAiC,GACnE,CAAC,GAAY,KAAiB,EAAiB,EAAE,GACjD,CAAC,GAAa,KAAkB,EAAgC,GAChE,CAAC,GAAa,KAAkB,EAAsB,GACtD,CAAC,GAAW,KAAgB,EAAS,EAAK;CAkChD,OAhCA,QAAgB;EAqBd,aApBqC;GACnC,IAAI;GACJ,EAAa,EAAI;GACjB,IAAM,IAAS,MAAM,EAAU,GAAU,CAAW;GACpD,IAAI,GAAS;IACX,IAAM,IAAQ,MAAM,EAAS,GAAS,CAAW;IAGjD,AAFA,IAAgB,MAAM,EAAmB,EAAM,YAAY,CAAW,GACtE,EAAe,MAAM,EAAmB,EAAM,SAAS,CAAC,GACxD,EAAe,CAAK;GACtB,OAEE,AADA,EAAe,MAAM,EAAmB,EAAO,SAAS,CAAC,GACzD,IAAgB,MAAM,EACpB,EAAO,YACP,CACF;GAIF,AAFA,EAAc,MAAM,EAAW,EAAc,UAAU,CAAC,GACxD,EAAgB,CAAM,GACtB,EAAa,EAAK;EACpB,GACiB;CACnB,GAAG;EAAC;EAAa;EAAS;CAAQ,CAAC,GAWjC,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,qBAAqB;GACvB;aAJF,CAME,kBAAC,OAAD,EAAA,UACG,IACC,kBAAC,GAAD;IAAU,SAAQ;IAAW,OAAM;IAAO,QAAQ;GAAS,CAAA,IACzD,IACF,kBAAC,GAAD,EAAS,MAAK,eAAgB,CAAA,IAE9B,kBAAC,GAAD,EAAS,MAAK,cAAe,CAAA,EAE5B,CAAA,GACL,kBAAC,OAAD,EAAA,UACG,IACC,kBAAC,GAAD,EAAmB,SAAS,EAAI,CAAA,IAEhC,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAY,cAAA;eAC9B,kBAAC,KAAD;MACE,WAAU;MACV,QAjCA,GAAkB,GAAmB,MAAqB;OACxE,IAAI,IAAM,GAAG,EAA2B,OAAO,UAAU,EAAU,uBAAuB;OAI1F,OAHI,MACF,KAAO,YAAY,MAEd;MACT,GA4BkB,GAAc,IACd,GAAc,WACd,GAAa,EACf;gBAEC,GAAc;KACd,CAAA;IACO,CAAA;IACZ,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAY,SAAQ;MAAQ,cAAA;gBACzB;KACS,CAAA;IACT,CAAA;IACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,IAAU,UAAU;MAAS;MAAI;MACjC,kBAAC,GAAD,EAAW,QAAQ,GAAa,QAAU,CAAA;MAAG;MAC7C,EAAW,EAAM,GAAa,SAAS,CAAC;KACtC;;GACL,EAAA,CAAA,EAED,CAAA,CACF;;CACF,CAAA;AAET"}

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  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":";;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,IAAM,KAAiB,0DACjB,KAAmB,sDACnB,IAAoB;AAE1B,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,aAAU,UAAO,wBAAqB,GACxC,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,IAAkB,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,EAAgB,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,GAAmB,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,EAElB,WAAmC;AACvC,KAAgB,KAAK;IAGjB,KAAmB,GAAe,SACtC,GAAoB,WAAW,GAChC;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;EAAmB,MAAM;YAAxC;GACG,KACC,kBAAC,GAAD;IAAK,IAAI;KAAE,IAAI;KAAG,WAAW;KAAS;cAAtC,CACE,kBAAC,GAAD;KAAY,WAAW;KAAQ,IAAI,EAAE,IAAI,GAAG;eAAE;KAEjC,CAAA,EACb,kBAAC,GAAD;KACE,OAAO;KACP,WAAA;KACA,OAAO,IAAoB,eAAe;eAH5C,CAKE,kBAAC,GAAD;MACE,OAAO;MACP,eAAe,EAAqB,GAAK;gBAC1C;MAEc,CAAA,EACf,kBAAC,GAAD;MACE,OAAO;MACP,eAAe,EAAqB,GAAM;gBAC3C;MAEc,CAAA,CACG;OAChB;;GAEP,MAAe,MAAe,KAAA,KAAa,KAC1C,kBAAA,GAAA,EAAA,UAAA;IACE,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,KAAc;KACxB,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,SAAS;IACT,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;KACW;KACM;KACxB,EAJK,EAAM,GAIX;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/Forum/ForumPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForumPage.js","names":[],"sources":["../../../src/components/Forum/ForumPage.tsx"],"sourcesContent":["import { useGetCurrentUserProfile } from '@/synapse-queries'\nimport { useGetModerators } from '@/synapse-queries/forum/useForum'\nimport { useSubscription } from '@/synapse-queries/subscription/useSubscription'\nimport { Button, Typography } from '@mui/material'\nimport {\n  DiscussionFilter,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { ForumTable } from './ForumTable'\nimport { ForumThreadEditor } from './ForumThreadEditor'\nimport { SubscribersModal } from './SubscribersModal'\nimport { SignInRequiredModal } from '../SignInRequiredModal/SignInRequiredModal'\n\nexport type ForumPageProps = {\n  forumId: string\n  limit: number\n  onClickLink: (threadId: string) => void\n}\n\nconst SIGN_IN_TEXT = 'You will need to sign in for access to that resource'\n\nexport function ForumPage({ forumId, limit, onClickLink }: ForumPageProps) {\n  const [showThreadModal, setShowThreadModal] = useState(false)\n  const [showSignInModal, setShowSignInModal] = useState(false)\n  const [showDeletedThread, setShowDeletedThread] = useState(false)\n  const [showSubscriberModal, setShowSubscriberModal] = useState(false)\n  const { subscription, isLoading, toggleSubscribed } = useSubscription(\n    forumId,\n    SubscriptionObjectType.FORUM,\n  )\n\n  function handleFollowBtn() {\n    try {\n      toggleSubscribed()\n    } catch (err: any) {\n      displayToast(err.reason as string, 'danger')\n    }\n  }\n  const { data: moderatorList } = useGetModerators(forumId)\n  const { data: currentUserProfile } = useGetCurrentUserProfile()\n\n  const isCurrentUserModerator = moderatorList?.includes(\n    currentUserProfile?.ownerId ?? '',\n  )\n\n  const handleNewThreadBtn = () => {\n    if (currentUserProfile?.userName == 'anonymous') {\n      setShowSignInModal(true)\n    } else {\n      setShowThreadModal(true)\n    }\n  }\n\n  return (\n    <div className=\"ForumTable\">\n      <div className=\"ForumTable__top-level-control\">\n        <SubscribersModal\n          id={forumId}\n          objectType={SubscriptionObjectType.FORUM}\n          showModal={showSubscriberModal}\n          handleModal={setShowSubscriberModal}\n        />\n        <Button\n          variant={subscription ? 'outlined' : 'contained'}\n          color=\"primary\"\n          onClick={() => handleFollowBtn()}\n          disabled={isLoading}\n        >\n          {subscription ? 'Unfollow' : 'Follow'}\n        </Button>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => handleNewThreadBtn()}\n        >\n          New Thread\n        </Button>\n        {isCurrentUserModerator && (\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={() => setShowDeletedThread(!showDeletedThread)}\n          >\n            {showDeletedThread\n              ? 'Hide Deleted Threads'\n              : 'Show Deleted Threads'}\n          </Button>\n        )}\n      </div>\n      {showDeletedThread && (\n        <>\n          <Typography variant=\"h4\">Deleted Threads</Typography>\n          <ForumTable\n            onClickLink={onClickLink}\n            forumId={forumId}\n            limit={limit}\n            filter={DiscussionFilter.DELETED_ONLY}\n          />\n        </>\n      )}\n      <ForumTable\n        onClickLink={onClickLink}\n        forumId={forumId}\n        limit={limit}\n        filter={DiscussionFilter.EXCLUDE_DELETED}\n      />\n      <ForumThreadEditor\n        isReply={false}\n        id={forumId}\n        onClose={() => setShowThreadModal(false)}\n        isDialog={true}\n        openDialog={showThreadModal}\n      />\n      <SignInRequiredModal\n        open={showSignInModal}\n        content={SIGN_IN_TEXT}\n        hasCancelButton={false}\n        onHide={() => setShowSignInModal(false)}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAqBA,IAAM,IAAe;AAErB,SAAgB,EAAU,EAAE,YAAS,UAAO,kBAA+B;CACzE,IAAM,CAAC,GAAiB,KAAsB,EAAS,GAAM,EACvD,CAAC,GAAiB,KAAsB,EAAS,GAAM,EACvD,CAAC,GAAmB,KAAwB,EAAS,GAAM,EAC3D,CAAC,GAAqB,KAA0B,EAAS,GAAM,EAC/D,EAAE,iBAAc,cAAW,wBAAqB,EACpD,GACA,EAAuB,MACxB;CAED,SAAS,IAAkB;AACzB,MAAI;AACF,MAAkB;WACX,GAAU;AACjB,KAAa,EAAI,QAAkB,SAAS;;;CAGhD,IAAM,EAAE,MAAM,MAAkB,EAAiB,EAAQ,EACnD,EAAE,MAAM,MAAuB,GAA0B,EAEzD,IAAyB,GAAe,SAC5C,GAAoB,WAAW,GAChC,EAEK,UAA2B;AAC/B,EAAI,GAAoB,YAAY,cAClC,EAAmB,GAAK,GAExB,EAAmB,GAAK;;AAI5B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,IAAI;MACJ,YAAY,EAAuB;MACnC,WAAW;MACX,aAAa;MACb,CAAA;KACF,kBAAC,GAAD;MACE,SAAS,IAAe,aAAa;MACrC,OAAM;MACN,eAAe,GAAiB;MAChC,UAAU;gBAET,IAAe,aAAa;MACtB,CAAA;KACT,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,eAAe,GAAoB;gBACpC;MAEQ,CAAA;KACR,KACC,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,eAAe,EAAqB,CAAC,EAAkB;gBAEtD,IACG,yBACA;MACG,CAAA;KAEP;;GACL,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAQ;cAAK;IAA4B,CAAA,EACrD,kBAAC,GAAD;IACe;IACJ;IACF;IACP,QAAQ,EAAiB;IACzB,CAAA,CACD,EAAA,CAAA;GAEL,kBAAC,GAAD;IACe;IACJ;IACF;IACP,QAAQ,EAAiB;IACzB,CAAA;GACF,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;IACJ,eAAe,EAAmB,GAAM;IACxC,UAAU;IACV,YAAY;IACZ,CAAA;GACF,kBAAC,GAAD;IACE,MAAM;IACN,SAAS;IACT,iBAAiB;IACjB,cAAc,EAAmB,GAAM;IACvC,CAAA;GACE"}
+{"version":3,"file":"ForumPage.js","names":[],"sources":["../../../src/components/Forum/ForumPage.tsx"],"sourcesContent":["import { useGetCurrentUserProfile } from '@/synapse-queries'\nimport { useGetModerators } from '@/synapse-queries/forum/useForum'\nimport { useSubscription } from '@/synapse-queries/subscription/useSubscription'\nimport { Button, Typography } from '@mui/material'\nimport {\n  DiscussionFilter,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { ForumTable } from './ForumTable'\nimport { ForumThreadEditor } from './ForumThreadEditor'\nimport { SubscribersModal } from './SubscribersModal'\nimport { SignInRequiredModal } from '../SignInRequiredModal/SignInRequiredModal'\n\nexport type ForumPageProps = {\n  forumId: string\n  limit: number\n  onClickLink: (threadId: string) => void\n}\n\nconst SIGN_IN_TEXT = 'You will need to sign in for access to that resource'\n\nexport function ForumPage({ forumId, limit, onClickLink }: ForumPageProps) {\n  const [showThreadModal, setShowThreadModal] = useState(false)\n  const [showSignInModal, setShowSignInModal] = useState(false)\n  const [showDeletedThread, setShowDeletedThread] = useState(false)\n  const [showSubscriberModal, setShowSubscriberModal] = useState(false)\n  const { subscription, isLoading, toggleSubscribed } = useSubscription(\n    forumId,\n    SubscriptionObjectType.FORUM,\n  )\n\n  function handleFollowBtn() {\n    try {\n      toggleSubscribed()\n    } catch (err: any) {\n      displayToast(err.reason as string, 'danger')\n    }\n  }\n  const { data: moderatorList } = useGetModerators(forumId)\n  const { data: currentUserProfile } = useGetCurrentUserProfile()\n\n  const isCurrentUserModerator = moderatorList?.includes(\n    currentUserProfile?.ownerId ?? '',\n  )\n\n  const handleNewThreadBtn = () => {\n    if (currentUserProfile?.userName == 'anonymous') {\n      setShowSignInModal(true)\n    } else {\n      setShowThreadModal(true)\n    }\n  }\n\n  return (\n    <div className=\"ForumTable\">\n      <div className=\"ForumTable__top-level-control\">\n        <SubscribersModal\n          id={forumId}\n          objectType={SubscriptionObjectType.FORUM}\n          showModal={showSubscriberModal}\n          handleModal={setShowSubscriberModal}\n        />\n        <Button\n          variant={subscription ? 'outlined' : 'contained'}\n          color=\"primary\"\n          onClick={() => handleFollowBtn()}\n          disabled={isLoading}\n        >\n          {subscription ? 'Unfollow' : 'Follow'}\n        </Button>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => handleNewThreadBtn()}\n        >\n          New Thread\n        </Button>\n        {isCurrentUserModerator && (\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={() => setShowDeletedThread(!showDeletedThread)}\n          >\n            {showDeletedThread\n              ? 'Hide Deleted Threads'\n              : 'Show Deleted Threads'}\n          </Button>\n        )}\n      </div>\n      {showDeletedThread && (\n        <>\n          <Typography variant=\"h4\">Deleted Threads</Typography>\n          <ForumTable\n            onClickLink={onClickLink}\n            forumId={forumId}\n            limit={limit}\n            filter={DiscussionFilter.DELETED_ONLY}\n          />\n        </>\n      )}\n      <ForumTable\n        onClickLink={onClickLink}\n        forumId={forumId}\n        limit={limit}\n        filter={DiscussionFilter.EXCLUDE_DELETED}\n      />\n      <ForumThreadEditor\n        isReply={false}\n        id={forumId}\n        onClose={() => setShowThreadModal(false)}\n        isDialog={true}\n        openDialog={showThreadModal}\n      />\n      <SignInRequiredModal\n        open={showSignInModal}\n        content={SIGN_IN_TEXT}\n        hasCancelButton={false}\n        onHide={() => setShowSignInModal(false)}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAqBA,IAAM,IAAe;AAErB,SAAgB,EAAU,EAAE,YAAS,UAAO,kBAA+B;CACzE,IAAM,CAAC,GAAiB,KAAsB,EAAS,EAAK,GACtD,CAAC,GAAiB,KAAsB,EAAS,EAAK,GACtD,CAAC,GAAmB,KAAwB,EAAS,EAAK,GAC1D,CAAC,GAAqB,KAA0B,EAAS,EAAK,GAC9D,EAAE,iBAAc,cAAW,wBAAqB,EACpD,GACA,EAAuB,KACzB;CAEA,SAAS,IAAkB;EACzB,IAAI;GACF,EAAiB;EACnB,SAAS,GAAU;GACjB,EAAa,EAAI,QAAkB,QAAQ;EAC7C;CACF;CACA,IAAM,EAAE,MAAM,MAAkB,EAAiB,CAAO,GAClD,EAAE,MAAM,MAAuB,EAAyB,GAExD,IAAyB,GAAe,SAC5C,GAAoB,WAAW,EACjC,GAEM,UAA2B;EAC/B,AAAI,GAAoB,YAAY,cAClC,EAAmB,EAAI,IAEvB,EAAmB,EAAI;CAE3B;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,IAAI;MACJ,YAAY,EAAuB;MACnC,WAAW;MACX,aAAa;KACd,CAAA;KACD,kBAAC,GAAD;MACE,SAAS,IAAe,aAAa;MACrC,OAAM;MACN,eAAe,EAAgB;MAC/B,UAAU;gBAET,IAAe,aAAa;KACvB,CAAA;KACR,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,eAAe,EAAmB;gBACnC;KAEO,CAAA;KACP,KACC,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,eAAe,EAAqB,CAAC,CAAiB;gBAErD,IACG,yBACA;KACE,CAAA;IAEP;;GACJ,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAQ;cAAK;GAA2B,CAAA,GACpD,kBAAC,GAAD;IACe;IACJ;IACF;IACP,QAAQ,EAAiB;GAC1B,CAAA,CACD,EAAA,CAAA;GAEJ,kBAAC,GAAD;IACe;IACJ;IACF;IACP,QAAQ,EAAiB;GAC1B,CAAA;GACD,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;IACJ,eAAe,EAAmB,EAAK;IACvC,UAAU;IACV,YAAY;GACb,CAAA;GACD,kBAAC,GAAD;IACE,MAAM;IACN,SAAS;IACT,iBAAiB;IACjB,cAAc,EAAmB,EAAK;GACvC,CAAA;EACE;;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"ForumTable.js","names":[],"sources":["../../../src/components/Forum/ForumTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { useGetForumThreadsInfinite } from '@/synapse-queries/forum/useForum'\nimport { AVATAR } from '@/utils/SynapseConstants'\nimport { Link } from '@mui/material'\nimport {\n  DiscussionFilter,\n  DiscussionThreadBundle,\n  DiscussionThreadOrder,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  SortingState,\n  Table,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport isEmpty from 'lodash-es/isEmpty'\nimport { useMemo, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport UserCard from '../UserCard/UserCard'\n\nexport type ForumTableProps = {\n  forumId: string\n  limit: number\n  onClickLink: (threadId: string) => void\n  filter: DiscussionFilter\n}\n\nconst columnHelper = createColumnHelper<DiscussionThreadBundle>()\n\nfunction getColumns(\n  onClickLink: (threadId: string) => void,\n): ColumnDef<DiscussionThreadBundle, any>[] {\n  return [\n    columnHelper.accessor('title', {\n      header: props => <ColumnHeader {...props} title={'Topic'} />,\n      cell: ({ row }) => (\n        <Link onClick={() => onClickLink(row.original.id)}>\n          {row.original.isPinned ? <IconSvg icon=\"pushpin\" /> : <></>}\n          {row.original.title}\n        </Link>\n      ),\n      enableSorting: true,\n      size: 250,\n    }),\n    columnHelper.accessor('createdBy', {\n      header: props => <ColumnHeader {...props} title={'Author'} />,\n      cell: ({ getValue }) => <UserBadge userId={getValue()} />,\n      enableSorting: false,\n      size: 60,\n    }),\n    columnHelper.accessor('activeAuthors', {\n      header: props => <ColumnHeader {...props} title={'Active Users'} />,\n      cell: ({ getValue }) =>\n        getValue().map((userId: string) => (\n          <div key={userId} className=\"avatarContainer\">\n            <UserCard\n              showCardOnHover={true}\n              className=\"ActiveUsers\"\n              size={AVATAR}\n              avatarSize={'MEDIUM'}\n              ownerId={userId}\n            />\n          </div>\n        )),\n      enableSorting: false,\n    }),\n    columnHelper.accessor('numberOfReplies', {\n      header: props => <ColumnHeader {...props} title={'Replies'} />,\n      cell: ({ getValue }) => getValue().toLocaleString(),\n      enableSorting: true,\n      minSize: 10,\n      size: 20,\n    }),\n    columnHelper.accessor('numberOfViews', {\n      header: props => <ColumnHeader {...props} title={'Views'} />,\n      cell: ({ getValue }) => getValue().toLocaleString(),\n      enableSorting: true,\n      minSize: 10,\n      size: 20,\n    }),\n    columnHelper.accessor('lastActivity', {\n      header: props => <ColumnHeader {...props} title={'Activity'} />,\n      cell: ({ getValue }) => dayjs(getValue()).format('L'),\n      enableSorting: true,\n      size: 30,\n    }),\n  ]\n}\n\nexport function ForumTable({\n  forumId,\n  limit,\n  filter,\n  onClickLink,\n}: ForumTableProps) {\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'lastActivity',\n    },\n  ])\n\n  const discussionThreadOrder = useMemo(() => {\n    if (!isEmpty(tableSortState)) {\n      if (tableSortState[0].id == 'lastActivity') {\n        return DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY\n      } else if (tableSortState[0].id == 'numberOfReplies') {\n        return DiscussionThreadOrder.NUMBER_OF_REPLIES\n      } else if (tableSortState[0].id == 'title') {\n        return DiscussionThreadOrder.THREAD_TITLE\n      } else if (tableSortState[0].id == 'numberOfViews') {\n        return DiscussionThreadOrder.NUMBER_OF_VIEWS\n      }\n    }\n    return DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY\n  }, [tableSortState])\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetForumThreadsInfinite(\n      forumId,\n      limit,\n      discussionThreadOrder,\n      !tableSortState[0]?.desc,\n      filter,\n    )\n\n  const threads = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data],\n  )\n\n  const columns = useMemo(() => getColumns(onClickLink), [onClickLink])\n\n  const table: Table<DiscussionThreadBundle> =\n    useReactTable<DiscussionThreadBundle>({\n      data: threads,\n      columns: columns,\n      state: {\n        sorting: tableSortState,\n      },\n      onSortingChange: setTableSortState,\n      getRowId: row => row.id,\n      getCoreRowModel: getCoreRowModel(),\n      columnResizeMode: 'onChange',\n      manualSorting: true,\n      enableMultiSort: false,\n      enableFilters: false,\n    })\n\n  const hasNoResults = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div className=\"ForumTable\">\n      <InfiniteTableLayout\n        table={\n          <StyledTanStackTable\n            table={table}\n            styledTableContainerProps={{ sx: { my: 2, maxHeight: '250px' } }}\n          />\n        }\n        isLoading={isLoading}\n        isEmpty={hasNoResults}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ForumTable.js","names":[],"sources":["../../../src/components/Forum/ForumTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { useGetForumThreadsInfinite } from '@/synapse-queries/forum/useForum'\nimport { AVATAR } from '@/utils/SynapseConstants'\nimport { Link } from '@mui/material'\nimport {\n  DiscussionFilter,\n  DiscussionThreadBundle,\n  DiscussionThreadOrder,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  SortingState,\n  Table,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport isEmpty from 'lodash-es/isEmpty'\nimport { useMemo, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport UserCard from '../UserCard/UserCard'\n\nexport type ForumTableProps = {\n  forumId: string\n  limit: number\n  onClickLink: (threadId: string) => void\n  filter: DiscussionFilter\n}\n\nconst columnHelper = createColumnHelper<DiscussionThreadBundle>()\n\nfunction getColumns(\n  onClickLink: (threadId: string) => void,\n): ColumnDef<DiscussionThreadBundle, any>[] {\n  return [\n    columnHelper.accessor('title', {\n      header: props => <ColumnHeader {...props} title={'Topic'} />,\n      cell: ({ row }) => (\n        <Link onClick={() => onClickLink(row.original.id)}>\n          {row.original.isPinned ? <IconSvg icon=\"pushpin\" /> : <></>}\n          {row.original.title}\n        </Link>\n      ),\n      enableSorting: true,\n      size: 250,\n    }),\n    columnHelper.accessor('createdBy', {\n      header: props => <ColumnHeader {...props} title={'Author'} />,\n      cell: ({ getValue }) => <UserBadge userId={getValue()} />,\n      enableSorting: false,\n      size: 60,\n    }),\n    columnHelper.accessor('activeAuthors', {\n      header: props => <ColumnHeader {...props} title={'Active Users'} />,\n      cell: ({ getValue }) =>\n        getValue().map((userId: string) => (\n          <div key={userId} className=\"avatarContainer\">\n            <UserCard\n              showCardOnHover={true}\n              className=\"ActiveUsers\"\n              size={AVATAR}\n              avatarSize={'MEDIUM'}\n              ownerId={userId}\n            />\n          </div>\n        )),\n      enableSorting: false,\n    }),\n    columnHelper.accessor('numberOfReplies', {\n      header: props => <ColumnHeader {...props} title={'Replies'} />,\n      cell: ({ getValue }) => getValue().toLocaleString(),\n      enableSorting: true,\n      minSize: 10,\n      size: 20,\n    }),\n    columnHelper.accessor('numberOfViews', {\n      header: props => <ColumnHeader {...props} title={'Views'} />,\n      cell: ({ getValue }) => getValue().toLocaleString(),\n      enableSorting: true,\n      minSize: 10,\n      size: 20,\n    }),\n    columnHelper.accessor('lastActivity', {\n      header: props => <ColumnHeader {...props} title={'Activity'} />,\n      cell: ({ getValue }) => dayjs(getValue()).format('L'),\n      enableSorting: true,\n      size: 30,\n    }),\n  ]\n}\n\nexport function ForumTable({\n  forumId,\n  limit,\n  filter,\n  onClickLink,\n}: ForumTableProps) {\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'lastActivity',\n    },\n  ])\n\n  const discussionThreadOrder = useMemo(() => {\n    if (!isEmpty(tableSortState)) {\n      if (tableSortState[0].id == 'lastActivity') {\n        return DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY\n      } else if (tableSortState[0].id == 'numberOfReplies') {\n        return DiscussionThreadOrder.NUMBER_OF_REPLIES\n      } else if (tableSortState[0].id == 'title') {\n        return DiscussionThreadOrder.THREAD_TITLE\n      } else if (tableSortState[0].id == 'numberOfViews') {\n        return DiscussionThreadOrder.NUMBER_OF_VIEWS\n      }\n    }\n    return DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY\n  }, [tableSortState])\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetForumThreadsInfinite(\n      forumId,\n      limit,\n      discussionThreadOrder,\n      !tableSortState[0]?.desc,\n      filter,\n    )\n\n  const threads = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data],\n  )\n\n  const columns = useMemo(() => getColumns(onClickLink), [onClickLink])\n\n  const table: Table<DiscussionThreadBundle> =\n    useReactTable<DiscussionThreadBundle>({\n      data: threads,\n      columns: columns,\n      state: {\n        sorting: tableSortState,\n      },\n      onSortingChange: setTableSortState,\n      getRowId: row => row.id,\n      getCoreRowModel: getCoreRowModel(),\n      columnResizeMode: 'onChange',\n      manualSorting: true,\n      enableMultiSort: false,\n      enableFilters: false,\n    })\n\n  const hasNoResults = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div className=\"ForumTable\">\n      <InfiniteTableLayout\n        table={\n          <StyledTanStackTable\n            table={table}\n            styledTableContainerProps={{ sx: { my: 2, maxHeight: '250px' } }}\n          />\n        }\n        isLoading={isLoading}\n        isEmpty={hasNoResults}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ForumThreadEditor.js","names":[],"sources":["../../../src/components/Forum/ForumThreadEditor.tsx"],"sourcesContent":["import { usePostReply, usePutReply } from '@/synapse-queries/forum/useReply'\nimport {\n  useCreateThread,\n  useUpdateThreadMessage,\n  useUpdateThreadTitle,\n} from '@/synapse-queries/forum/useThread'\nimport { Box, TextField } from '@mui/material'\nimport { CreateDiscussionThread } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport {\n  ConfirmationButtons,\n  ConfirmationDialog,\n} from '../ConfirmationDialog/ConfirmationDialog'\nimport { MarkdownEditor } from '../Markdown/MarkdownEditor'\n\nexport type ForumThreadEditorProps = {\n  initialTitle?: string\n  initialText?: string\n  id: string\n  onClose: () => void\n  isReply: boolean\n} & (\n  | { isDialog: false; openDialog?: never }\n  | { isDialog: true; openDialog: boolean }\n)\n\nexport function ForumThreadEditor(props: ForumThreadEditorProps) {\n  const {\n    initialText,\n    initialTitle,\n    id,\n    onClose,\n    isReply,\n    isDialog,\n    openDialog,\n  } = props\n\n  const [title, setTitle] = useState<string>(initialTitle ?? '')\n  const [text, setText] = useState<string>(initialText ?? '')\n  const { mutate: updateTitle, isPending: titleUpdateIsPending } =\n    useUpdateThreadTitle({\n      onSuccess: () => onClose(),\n    })\n  const { mutate: updateMessage, isPending: messageUpdateIsPending } =\n    useUpdateThreadMessage({\n      onSuccess: () => onClose(),\n    })\n  const { mutate: createThread, isPending: createThreadIsPending } =\n    useCreateThread({\n      onSuccess: () => onClose(),\n    })\n  const { mutate: createReply, isPending: createReplyIsPending } = usePostReply(\n    {\n      onSuccess: () => onClose(),\n    },\n  )\n  const { mutate: updateReply, isPending: updateReplyIsPending } = usePutReply({\n    onSuccess: () => onClose(),\n  })\n\n  const updateIsPending =\n    messageUpdateIsPending ||\n    createReplyIsPending ||\n    createThreadIsPending ||\n    titleUpdateIsPending ||\n    updateReplyIsPending\n\n  const isExistingThread = !isReply && initialTitle\n\n  const onSave = (text: string, title: string) => {\n    if (isReply) {\n      if (initialText) {\n        // updating reply\n        updateReply({\n          replyId: id,\n          messageMarkdown: text,\n        })\n      } else {\n        // posting reply\n        createReply({\n          threadId: id,\n          messageMarkdown: text,\n        })\n      }\n    } else {\n      if (isExistingThread) {\n        // updating thread\n        updateTitle({\n          title: title,\n          threadId: id,\n        })\n        updateMessage({\n          messageMarkdown: text,\n          threadId: id,\n        })\n      } else {\n        // posting thread\n        const request: CreateDiscussionThread = {\n          forumId: id,\n          title: title,\n          messageMarkdown: text,\n        }\n        createThread(request)\n      }\n    }\n  }\n\n  const editorContent = (\n    <div>\n      {!isReply && (\n        <TextField\n          fullWidth\n          sx={{ my: 1 }}\n          placeholder=\"Title\"\n          value={title}\n          onChange={e => setTitle(e.target.value)}\n        />\n      )}\n      <MarkdownEditor\n        placeholder={'Write a reply...'}\n        text={text}\n        setText={setText}\n      />\n    </div>\n  )\n\n  const confirmButtonText = updateIsPending ? 'Saving' : 'Post'\n\n  return (\n    <>\n      {isDialog ? (\n        <ConfirmationDialog\n          maxWidth=\"md\"\n          open={openDialog}\n          onCancel={onClose}\n          title={\n            isReply\n              ? 'Edit Reply'\n              : isExistingThread\n                ? 'Edit Thread'\n                : 'New Thread'\n          }\n          content={editorContent}\n          onConfirm={() => onSave(text, title)}\n          confirmButtonProps={{ children: confirmButtonText }}\n        />\n      ) : (\n        <>\n          {editorContent}\n          <Box\n            sx={{ display: 'flex', justifyContent: 'flex-end', gap: 1, my: 1 }}\n          >\n            <ConfirmationButtons\n              onCancel={onClose}\n              onConfirm={() => onSave(text, title)}\n              confirmButtonProps={{ children: confirmButtonText }}\n            />\n          </Box>\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AA0BA,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EACJ,gBACA,iBACA,OACA,YACA,YACA,aACA,kBACE,GAEE,CAAC,GAAO,KAAY,EAAiB,KAAgB,GAAG,EACxD,CAAC,GAAM,KAAW,EAAiB,KAAe,GAAG,EACrD,EAAE,QAAQ,GAAa,WAAW,MACtC,EAAqB,EACnB,iBAAiB,GAAS,EAC3B,CAAC,EACE,EAAE,QAAQ,GAAe,WAAW,MACxC,EAAuB,EACrB,iBAAiB,GAAS,EAC3B,CAAC,EACE,EAAE,QAAQ,GAAc,WAAW,MACvC,EAAgB,EACd,iBAAiB,GAAS,EAC3B,CAAC,EACE,EAAE,QAAQ,GAAa,WAAW,MAAyB,EAC/D,EACE,iBAAiB,GAAS,EAC3B,CACF,EACK,EAAE,QAAQ,GAAa,WAAW,MAAyB,EAAY,EAC3E,iBAAiB,GAAS,EAC3B,CAAC,EAEI,IACJ,KACA,KACA,KACA,KACA,GAEI,IAAmB,CAAC,KAAW,GAE/B,KAAU,GAAc,MAAkB;AAC9C,EAAI,IACE,IAEF,EAAY;GACV,SAAS;GACT,iBAAiB;GAClB,CAAC,GAGF,EAAY;GACV,UAAU;GACV,iBAAiB;GAClB,CAAC,GAGA,KAEF,EAAY;GACH;GACP,UAAU;GACX,CAAC,EACF,EAAc;GACZ,iBAAiB;GACjB,UAAU;GACX,CAAC,IAQF,EAAa;GAJX,SAAS;GACF;GACP,iBAAiB;GAEN,CAAQ;IAKrB,IACJ,kBAAC,OAAD,EAAA,UAAA,CACG,CAAC,KACA,kBAAC,GAAD;EACE,WAAA;EACA,IAAI,EAAE,IAAI,GAAG;EACb,aAAY;EACZ,OAAO;EACP,WAAU,MAAK,EAAS,EAAE,OAAO,MAAM;EACvC,CAAA,EAEJ,kBAAC,GAAD;EACE,aAAa;EACP;EACG;EACT,CAAA,CACE,EAAA,CAAA,EAGF,IAAoB,IAAkB,WAAW;AAEvD,QACE,kBAAA,GAAA,EAAA,UACG,IACC,kBAAC,GAAD;EACE,UAAS;EACT,MAAM;EACN,UAAU;EACV,OACE,IACI,eACA,IACE,gBACA;EAER,SAAS;EACT,iBAAiB,EAAO,GAAM,EAAM;EACpC,oBAAoB,EAAE,UAAU,GAAmB;EACnD,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACG,GACD,kBAAC,GAAD;EACE,IAAI;GAAE,SAAS;GAAQ,gBAAgB;GAAY,KAAK;GAAG,IAAI;GAAG;YAElE,kBAAC,GAAD;GACE,UAAU;GACV,iBAAiB,EAAO,GAAM,EAAM;GACpC,oBAAoB,EAAE,UAAU,GAAmB;GACnD,CAAA;EACE,CAAA,CACL,EAAA,CAAA,EAEJ,CAAA"}
+{"version":3,"file":"ForumThreadEditor.js","names":[],"sources":["../../../src/components/Forum/ForumThreadEditor.tsx"],"sourcesContent":["import { usePostReply, usePutReply } from '@/synapse-queries/forum/useReply'\nimport {\n  useCreateThread,\n  useUpdateThreadMessage,\n  useUpdateThreadTitle,\n} from '@/synapse-queries/forum/useThread'\nimport { Box, TextField } from '@mui/material'\nimport { CreateDiscussionThread } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport {\n  ConfirmationButtons,\n  ConfirmationDialog,\n} from '../ConfirmationDialog/ConfirmationDialog'\nimport { MarkdownEditor } from '../Markdown/MarkdownEditor'\n\nexport type ForumThreadEditorProps = {\n  initialTitle?: string\n  initialText?: string\n  id: string\n  onClose: () => void\n  isReply: boolean\n} & (\n  | { isDialog: false; openDialog?: never }\n  | { isDialog: true; openDialog: boolean }\n)\n\nexport function ForumThreadEditor(props: ForumThreadEditorProps) {\n  const {\n    initialText,\n    initialTitle,\n    id,\n    onClose,\n    isReply,\n    isDialog,\n    openDialog,\n  } = props\n\n  const [title, setTitle] = useState<string>(initialTitle ?? '')\n  const [text, setText] = useState<string>(initialText ?? '')\n  const { mutate: updateTitle, isPending: titleUpdateIsPending } =\n    useUpdateThreadTitle({\n      onSuccess: () => onClose(),\n    })\n  const { mutate: updateMessage, isPending: messageUpdateIsPending } =\n    useUpdateThreadMessage({\n      onSuccess: () => onClose(),\n    })\n  const { mutate: createThread, isPending: createThreadIsPending } =\n    useCreateThread({\n      onSuccess: () => onClose(),\n    })\n  const { mutate: createReply, isPending: createReplyIsPending } = usePostReply(\n    {\n      onSuccess: () => onClose(),\n    },\n  )\n  const { mutate: updateReply, isPending: updateReplyIsPending } = usePutReply({\n    onSuccess: () => onClose(),\n  })\n\n  const updateIsPending =\n    messageUpdateIsPending ||\n    createReplyIsPending ||\n    createThreadIsPending ||\n    titleUpdateIsPending ||\n    updateReplyIsPending\n\n  const isExistingThread = !isReply && initialTitle\n\n  const onSave = (text: string, title: string) => {\n    if (isReply) {\n      if (initialText) {\n        // updating reply\n        updateReply({\n          replyId: id,\n          messageMarkdown: text,\n        })\n      } else {\n        // posting reply\n        createReply({\n          threadId: id,\n          messageMarkdown: text,\n        })\n      }\n    } else {\n      if (isExistingThread) {\n        // updating thread\n        updateTitle({\n          title: title,\n          threadId: id,\n        })\n        updateMessage({\n          messageMarkdown: text,\n          threadId: id,\n        })\n      } else {\n        // posting thread\n        const request: CreateDiscussionThread = {\n          forumId: id,\n          title: title,\n          messageMarkdown: text,\n        }\n        createThread(request)\n      }\n    }\n  }\n\n  const editorContent = (\n    <div>\n      {!isReply && (\n        <TextField\n          fullWidth\n          sx={{ my: 1 }}\n          placeholder=\"Title\"\n          value={title}\n          onChange={e => setTitle(e.target.value)}\n        />\n      )}\n      <MarkdownEditor\n        placeholder={'Write a reply...'}\n        text={text}\n        setText={setText}\n      />\n    </div>\n  )\n\n  const confirmButtonText = updateIsPending ? 'Saving' : 'Post'\n\n  return (\n    <>\n      {isDialog ? (\n        <ConfirmationDialog\n          maxWidth=\"md\"\n          open={openDialog}\n          onCancel={onClose}\n          title={\n            isReply\n              ? 'Edit Reply'\n              : isExistingThread\n                ? 'Edit Thread'\n                : 'New Thread'\n          }\n          content={editorContent}\n          onConfirm={() => onSave(text, title)}\n          confirmButtonProps={{ children: confirmButtonText }}\n        />\n      ) : (\n        <>\n          {editorContent}\n          <Box\n            sx={{ display: 'flex', justifyContent: 'flex-end', gap: 1, my: 1 }}\n          >\n            <ConfirmationButtons\n              onCancel={onClose}\n              onConfirm={() => onSave(text, title)}\n              confirmButtonProps={{ children: confirmButtonText }}\n            />\n          </Box>\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AA0BA,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EACJ,gBACA,iBACA,OACA,YACA,YACA,aACA,kBACE,GAEE,CAAC,GAAO,KAAY,EAAiB,KAAgB,EAAE,GACvD,CAAC,GAAM,KAAW,EAAiB,KAAe,EAAE,GACpD,EAAE,QAAQ,GAAa,WAAW,MACtC,EAAqB,EACnB,iBAAiB,EAAQ,EAC3B,CAAC,GACG,EAAE,QAAQ,GAAe,WAAW,MACxC,EAAuB,EACrB,iBAAiB,EAAQ,EAC3B,CAAC,GACG,EAAE,QAAQ,GAAc,WAAW,MACvC,EAAgB,EACd,iBAAiB,EAAQ,EAC3B,CAAC,GACG,EAAE,QAAQ,GAAa,WAAW,MAAyB,EAC/D,EACE,iBAAiB,EAAQ,EAC3B,CACF,GACM,EAAE,QAAQ,GAAa,WAAW,MAAyB,EAAY,EAC3E,iBAAiB,EAAQ,EAC3B,CAAC,GAEK,IACJ,KACA,KACA,KACA,KACA,GAEI,IAAmB,CAAC,KAAW,GAE/B,KAAU,GAAc,MAAkB;EAC9C,AAAI,IACE,IAEF,EAAY;GACV,SAAS;GACT,iBAAiB;EACnB,CAAC,IAGD,EAAY;GACV,UAAU;GACV,iBAAiB;EACnB,CAAC,IAGC,KAEF,EAAY;GACH;GACP,UAAU;EACZ,CAAC,GACD,EAAc;GACZ,iBAAiB;GACjB,UAAU;EACZ,CAAC,KAQD,EAAa;GAJX,SAAS;GACF;GACP,iBAAiB;EAEN,CAAO;CAG1B,GAEM,IACJ,kBAAC,OAAD,EAAA,UAAA,CACG,CAAC,KACA,kBAAC,GAAD;EACE,WAAA;EACA,IAAI,EAAE,IAAI,EAAE;EACZ,aAAY;EACZ,OAAO;EACP,WAAU,MAAK,EAAS,EAAE,OAAO,KAAK;CACvC,CAAA,GAEH,kBAAC,GAAD;EACE,aAAa;EACP;EACG;CACV,CAAA,CACE,EAAA,CAAA,GAGD,IAAoB,IAAkB,WAAW;CAEvD,OACE,kBAAA,GAAA,EAAA,UACG,IACC,kBAAC,GAAD;EACE,UAAS;EACT,MAAM;EACN,UAAU;EACV,OACE,IACI,eACA,IACE,gBACA;EAER,SAAS;EACT,iBAAiB,EAAO,GAAM,CAAK;EACnC,oBAAoB,EAAE,UAAU,EAAkB;CACnD,CAAA,IAED,kBAAA,GAAA,EAAA,UAAA,CACG,GACD,kBAAC,GAAD;EACE,IAAI;GAAE,SAAS;GAAQ,gBAAgB;GAAY,KAAK;GAAG,IAAI;EAAE;YAEjE,kBAAC,GAAD;GACE,UAAU;GACV,iBAAiB,EAAO,GAAM,CAAK;GACnC,oBAAoB,EAAE,UAAU,EAAkB;EACnD,CAAA;CACE,CAAA,CACL,EAAA,CAAA,EAEJ,CAAA;AAEN"}

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

@@ -1 +1 @@
-{"version":3,"file":"SubscribersModal.js","names":[],"sources":["../../../src/components/Forum/SubscribersModal.tsx"],"sourcesContent":["import { useGetSubscribers } from '@/synapse-queries/subscription/useSubscription'\nimport { Link } from '@mui/material'\nimport { SubscriptionObjectType } from '@sage-bionetworks/synapse-types'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { UserBadge } from '../UserCard/UserBadge'\n\nexport type SubscribersModalProps = {\n  id: string\n  objectType: SubscriptionObjectType\n  showModal: boolean\n  handleModal: (a: boolean) => void\n}\n\nexport function SubscribersModal({\n  id,\n  objectType,\n  showModal,\n  handleModal,\n}: SubscribersModalProps) {\n  const { data: subscribers } = useGetSubscribers({ objectId: id, objectType })\n\n  return (\n    <div className=\"SubscribersModal\">\n      {subscribers && subscribers.subscribers.length > 0 && (\n        <Link\n          onClick={() => handleModal(true)}\n        >{`Followers (${subscribers.subscribers.length})`}</Link>\n      )}\n      <ConfirmationDialog\n        open={showModal}\n        onCancel={() => handleModal(false)}\n        title=\"Followers\"\n        content={\n          subscribers &&\n          subscribers.subscribers.map(user => (\n            <UserBadge key={user} userId={user} showCardOnHover={true} />\n          ))\n        }\n        onConfirm={() => handleModal(false)}\n        hasCancelButton={false}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAaA,SAAgB,EAAiB,EAC/B,OACA,eACA,cACA,kBACwB;CACxB,IAAM,EAAE,MAAM,MAAgB,EAAkB;EAAE,UAAU;EAAI;EAAY,CAAC;AAE7E,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,KAAe,EAAY,YAAY,SAAS,KAC/C,kBAAC,GAAD;GACE,eAAe,EAAY,GAAK;aAChC,cAAc,EAAY,YAAY,OAAO;GAAU,CAAA,EAE3D,kBAAC,GAAD;GACE,MAAM;GACN,gBAAgB,EAAY,GAAM;GAClC,OAAM;GACN,SACE,KACA,EAAY,YAAY,KAAI,MAC1B,kBAAC,GAAD;IAAsB,QAAQ;IAAM,iBAAiB;IAAQ,EAA7C,EAA6C,CAC7D;GAEJ,iBAAiB,EAAY,GAAM;GACnC,iBAAiB;GACjB,CAAA,CACE"}
+{"version":3,"file":"SubscribersModal.js","names":[],"sources":["../../../src/components/Forum/SubscribersModal.tsx"],"sourcesContent":["import { useGetSubscribers } from '@/synapse-queries/subscription/useSubscription'\nimport { Link } from '@mui/material'\nimport { SubscriptionObjectType } from '@sage-bionetworks/synapse-types'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { UserBadge } from '../UserCard/UserBadge'\n\nexport type SubscribersModalProps = {\n  id: string\n  objectType: SubscriptionObjectType\n  showModal: boolean\n  handleModal: (a: boolean) => void\n}\n\nexport function SubscribersModal({\n  id,\n  objectType,\n  showModal,\n  handleModal,\n}: SubscribersModalProps) {\n  const { data: subscribers } = useGetSubscribers({ objectId: id, objectType })\n\n  return (\n    <div className=\"SubscribersModal\">\n      {subscribers && subscribers.subscribers.length > 0 && (\n        <Link\n          onClick={() => handleModal(true)}\n        >{`Followers (${subscribers.subscribers.length})`}</Link>\n      )}\n      <ConfirmationDialog\n        open={showModal}\n        onCancel={() => handleModal(false)}\n        title=\"Followers\"\n        content={\n          subscribers &&\n          subscribers.subscribers.map(user => (\n            <UserBadge key={user} userId={user} showCardOnHover={true} />\n          ))\n        }\n        onConfirm={() => handleModal(false)}\n        hasCancelButton={false}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAaA,SAAgB,EAAiB,EAC/B,OACA,eACA,cACA,kBACwB;CACxB,IAAM,EAAE,MAAM,MAAgB,EAAkB;EAAE,UAAU;EAAI;CAAW,CAAC;CAE5E,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,KAAe,EAAY,YAAY,SAAS,KAC/C,kBAAC,GAAD;GACE,eAAe,EAAY,EAAI;aAC/B,cAAc,EAAY,YAAY,OAAO;EAAS,CAAA,GAE1D,kBAAC,GAAD;GACE,MAAM;GACN,gBAAgB,EAAY,EAAK;GACjC,OAAM;GACN,SACE,KACA,EAAY,YAAY,KAAI,MAC1B,kBAAC,GAAD;IAAsB,QAAQ;IAAM,iBAAiB;GAAO,GAA5C,CAA4C,CAC7D;GAEH,iBAAiB,EAAY,EAAK;GAClC,iBAAiB;EAClB,CAAA,CACE;;AAET"}

package/dist/components/ForumSearch/ForumSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForumSearch.js","names":[],"sources":["../../../src/components/ForumSearch/ForumSearch.tsx"],"sourcesContent":["import React from 'react'\nimport NoSearchResults from '@/assets/icons/NoSearchResults'\nimport { useGetEntity } from '@/synapse-queries/entity/useEntity'\nimport { useSearchForumInfinite } from '@/synapse-queries/forum/useForum'\nimport SearchIcon from '@mui/icons-material/Search'\nimport {\n  Box,\n  Button,\n  IconButton,\n  InputAdornment,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Match } from '@sage-bionetworks/synapse-client'\nimport { Project } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport DiscussionSearchResult from '../Forum/DiscussionSearchResult'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\nconst NoSearchResultComponent = (): React.ReactNode => {\n  return (\n    <Box\n      sx={{\n        textAlign: 'center',\n      }}\n    >\n      <NoSearchResults height=\"181px\" sx={{ pt: '40px', pb: '10px' }} />\n      <Typography variant=\"body1\">No results with this query</Typography>\n      <Typography variant=\"body1Italic\">\n        Search the full text of posts, replies, and titles\n      </Typography>\n    </Box>\n  )\n}\n\nexport type ForumSearchProps = {\n  forumId: string\n  projectId?: string\n  onSearchResultsVisible?: (visible: boolean) => void\n}\n\nexport const ForumSearch = (props: ForumSearchProps): React.ReactNode => {\n  const { onSearchResultsVisible } = props\n  const [searchInput, setSearchInput] = useState<string>('')\n  const [lastSearchTerm, setLastSearchTerm] = useState<string>('')\n  const [isShowingResults, setIsShowingResults] = useState(false)\n\n  const { data: entity } = useGetEntity<Project>(props.projectId, undefined, {\n    enabled: !!props.projectId,\n  })\n\n  const {\n    data: infiniteData,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n    error,\n  } = useSearchForumInfinite(\n    props.forumId,\n    { searchString: lastSearchTerm },\n    { enabled: !!lastSearchTerm },\n  )\n\n  useEffect(() => {\n    if (error) {\n      displayToast(error.reason, 'danger')\n    }\n  }, [error])\n\n  const searchResults: Match[] =\n    infiniteData?.pages.flatMap(page => page.matches ?? []) ?? []\n\n  const noSearchResult =\n    !isLoading && lastSearchTerm && searchResults.length == 0\n\n  const onResetSearch = () => {\n    setIsShowingResults(false)\n    setSearchInput('')\n  }\n\n  function onSearch() {\n    setLastSearchTerm(searchInput)\n    setIsShowingResults(true)\n  }\n\n  useEffect(() => {\n    if (onSearchResultsVisible) {\n      onSearchResultsVisible(isShowingResults)\n    }\n  }, [isShowingResults, onSearchResultsVisible])\n\n  return (\n    <div className=\"ForumSearch\">\n      <div>\n        <TextField\n          sx={theme => ({\n            [theme.breakpoints.down('md')]: {\n              width: '100%',\n            },\n          })}\n          type=\"search\"\n          placeholder=\"Search discussions\"\n          value={searchInput}\n          onChange={event => {\n            setSearchInput(event.target.value)\n          }}\n          onKeyDown={(event: any) => {\n            if (event.key === 'Enter') {\n              onSearch()\n            }\n          }}\n          slotProps={{\n            input: {\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <SearchIcon />\n                </InputAdornment>\n              ),\n              endAdornment: searchInput && (\n                <InputAdornment position=\"end\">\n                  <IconButton\n                    size={'small'}\n                    onClick={() => {\n                      onResetSearch()\n                    }}\n                  >\n                    <IconSvg icon=\"clear\" wrap={false} />\n                  </IconButton>\n                </InputAdornment>\n              ),\n            },\n          }}\n        />\n      </div>\n      {isShowingResults && (\n        <>\n          {noSearchResult && (\n            <>\n              {props.projectId && entity && (\n                <Typography variant=\"body1Italic\" className=\"NoResultsText\">\n                  No results for &quot;{lastSearchTerm}&quot; in {entity?.name}\n                </Typography>\n              )}\n              <NoSearchResultComponent />\n            </>\n          )}\n          {searchResults && (\n            <>\n              {props.projectId && !noSearchResult && (\n                <Typography\n                  variant=\"body1Italic\"\n                  className=\"ResultsText\"\n                  sx={{\n                    my: 2,\n                    mx: 1,\n                  }}\n                >\n                  Results for &quot;{lastSearchTerm}&quot; in {entity?.name}:\n                </Typography>\n              )}\n              {searchResults.map(match => (\n                <div\n                  key={`${match.forumId}-${match.threadId}-${match.replyId}`}\n                >\n                  <DiscussionSearchResult\n                    threadId={match.threadId!}\n                    replyId={match.replyId}\n                  />\n                </div>\n              ))}\n            </>\n          )}\n          {hasNextPage && (\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={isFetchingNextPage}\n              onClick={() => {\n                fetchNextPage()\n              }}\n              sx={{\n                mx: 1,\n                mt: 2,\n              }}\n            >\n              Load more\n            </Button>\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default ForumSearch\n"],"mappings":"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"}
+{"version":3,"file":"ForumSearch.js","names":[],"sources":["../../../src/components/ForumSearch/ForumSearch.tsx"],"sourcesContent":["import React from 'react'\nimport NoSearchResults from '@/assets/icons/NoSearchResults'\nimport { useGetEntity } from '@/synapse-queries/entity/useEntity'\nimport { useSearchForumInfinite } from '@/synapse-queries/forum/useForum'\nimport SearchIcon from '@mui/icons-material/Search'\nimport {\n  Box,\n  Button,\n  IconButton,\n  InputAdornment,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Match } from '@sage-bionetworks/synapse-client'\nimport { Project } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport DiscussionSearchResult from '../Forum/DiscussionSearchResult'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\nconst NoSearchResultComponent = (): React.ReactNode => {\n  return (\n    <Box\n      sx={{\n        textAlign: 'center',\n      }}\n    >\n      <NoSearchResults height=\"181px\" sx={{ pt: '40px', pb: '10px' }} />\n      <Typography variant=\"body1\">No results with this query</Typography>\n      <Typography variant=\"body1Italic\">\n        Search the full text of posts, replies, and titles\n      </Typography>\n    </Box>\n  )\n}\n\nexport type ForumSearchProps = {\n  forumId: string\n  projectId?: string\n  onSearchResultsVisible?: (visible: boolean) => void\n}\n\nexport const ForumSearch = (props: ForumSearchProps): React.ReactNode => {\n  const { onSearchResultsVisible } = props\n  const [searchInput, setSearchInput] = useState<string>('')\n  const [lastSearchTerm, setLastSearchTerm] = useState<string>('')\n  const [isShowingResults, setIsShowingResults] = useState(false)\n\n  const { data: entity } = useGetEntity<Project>(props.projectId, undefined, {\n    enabled: !!props.projectId,\n  })\n\n  const {\n    data: infiniteData,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n    error,\n  } = useSearchForumInfinite(\n    props.forumId,\n    { searchString: lastSearchTerm },\n    { enabled: !!lastSearchTerm },\n  )\n\n  useEffect(() => {\n    if (error) {\n      displayToast(error.reason, 'danger')\n    }\n  }, [error])\n\n  const searchResults: Match[] =\n    infiniteData?.pages.flatMap(page => page.matches ?? []) ?? []\n\n  const noSearchResult =\n    !isLoading && lastSearchTerm && searchResults.length == 0\n\n  const onResetSearch = () => {\n    setIsShowingResults(false)\n    setSearchInput('')\n  }\n\n  function onSearch() {\n    setLastSearchTerm(searchInput)\n    setIsShowingResults(true)\n  }\n\n  useEffect(() => {\n    if (onSearchResultsVisible) {\n      onSearchResultsVisible(isShowingResults)\n    }\n  }, [isShowingResults, onSearchResultsVisible])\n\n  return (\n    <div className=\"ForumSearch\">\n      <div>\n        <TextField\n          sx={theme => ({\n            [theme.breakpoints.down('md')]: {\n              width: '100%',\n            },\n          })}\n          type=\"search\"\n          placeholder=\"Search discussions\"\n          value={searchInput}\n          onChange={event => {\n            setSearchInput(event.target.value)\n          }}\n          onKeyDown={(event: any) => {\n            if (event.key === 'Enter') {\n              onSearch()\n            }\n          }}\n          slotProps={{\n            input: {\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <SearchIcon />\n                </InputAdornment>\n              ),\n              endAdornment: searchInput && (\n                <InputAdornment position=\"end\">\n                  <IconButton\n                    size={'small'}\n                    onClick={() => {\n                      onResetSearch()\n                    }}\n                  >\n                    <IconSvg icon=\"clear\" wrap={false} />\n                  </IconButton>\n                </InputAdornment>\n              ),\n            },\n          }}\n        />\n      </div>\n      {isShowingResults && (\n        <>\n          {noSearchResult && (\n            <>\n              {props.projectId && entity && (\n                <Typography variant=\"body1Italic\" className=\"NoResultsText\">\n                  No results for &quot;{lastSearchTerm}&quot; in {entity?.name}\n                </Typography>\n              )}\n              <NoSearchResultComponent />\n            </>\n          )}\n          {searchResults && (\n            <>\n              {props.projectId && !noSearchResult && (\n                <Typography\n                  variant=\"body1Italic\"\n                  className=\"ResultsText\"\n                  sx={{\n                    my: 2,\n                    mx: 1,\n                  }}\n                >\n                  Results for &quot;{lastSearchTerm}&quot; in {entity?.name}:\n                </Typography>\n              )}\n              {searchResults.map(match => (\n                <div\n                  key={`${match.forumId}-${match.threadId}-${match.replyId}`}\n                >\n                  <DiscussionSearchResult\n                    threadId={match.threadId!}\n                    replyId={match.replyId}\n                  />\n                </div>\n              ))}\n            </>\n          )}\n          {hasNextPage && (\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={isFetchingNextPage}\n              onClick={() => {\n                fetchNextPage()\n              }}\n              sx={{\n                mx: 1,\n                mt: 2,\n              }}\n            >\n              Load more\n            </Button>\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default ForumSearch\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"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  const minSearchQueryLength: number =\n    ftsConfig?.minSearchQueryLength ?? MIN_SEARCH_QUERY_LENGTH\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 < minSearchQueryLength\n    ) {\n      setSuggestions([])\n    }\n  }, [ftsConfig?.getSuggestions, minSearchQueryLength, searchText])\n\n  // Fetch autocomplete suggestions whenever searchText changes (debounced)\n  useDebouncedEffect(\n    () => {\n      if (\n        !ftsConfig?.getSuggestions ||\n        searchText.trim().length < minSearchQueryLength\n      ) {\n        return\n      }\n      ftsConfig\n        .getSuggestions(searchText)\n        .then(setSuggestions)\n        .catch(() => setSuggestions([]))\n    },\n    [searchText, ftsConfig, minSearchQueryLength],\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 < minSearchQueryLength) {\n      searchInputRef.current?.setCustomValidity(\n        `Search term must have a minimum of ${minSearchQueryLength} 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 >= minSearchQueryLength\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: minSearchQueryLength,\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: minSearchQueryLength,\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,EAC/C,IACJ,GAAW,wBAAwB,GAE/B,EAAE,YAAS,GAAqB,EAChC,IAAe,GAAM;AAa3B,CAVA,QAAgB;AACd,GACE,CAAC,GAAW,kBACZ,EAAW,MAAM,CAAC,SAAS,MAE3B,EAAe,EAAE,CAAC;IAEnB;EAAC,GAAW;EAAgB;EAAsB;EAAW,CAAC,EAGjE,QACQ;AAEF,GAAC,GAAW,kBACZ,EAAW,MAAM,CAAC,SAAS,KAI7B,EACG,eAAe,EAAW,CAC1B,KAAK,EAAe,CACpB,YAAY,EAAe,EAAE,CAAC,CAAC;IAEpC;EAAC;EAAY;EAAW;EAAqB,EAC7C,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,EAAqB,aAC5D,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"}
+{"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  const minSearchQueryLength: number =\n    ftsConfig?.minSearchQueryLength ?? MIN_SEARCH_QUERY_LENGTH\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 < minSearchQueryLength\n    ) {\n      setSuggestions([])\n    }\n  }, [ftsConfig?.getSuggestions, minSearchQueryLength, searchText])\n\n  // Fetch autocomplete suggestions whenever searchText changes (debounced)\n  useDebouncedEffect(\n    () => {\n      if (\n        !ftsConfig?.getSuggestions ||\n        searchText.trim().length < minSearchQueryLength\n      ) {\n        return\n      }\n      ftsConfig\n        .getSuggestions(searchText)\n        .then(setSuggestions)\n        .catch(() => setSuggestions([]))\n    },\n    [searchText, ftsConfig, minSearchQueryLength],\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 < minSearchQueryLength) {\n      searchInputRef.current?.setCustomValidity(\n        `Search term must have a minimum of ${minSearchQueryLength} 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 >= minSearchQueryLength\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: minSearchQueryLength,\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: minSearchQueryLength,\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,EAAgB,GAC1C,EAAE,qBAAkB,EAA6B,GACjD,CAAC,GAAY,KAAiB,EAAS,EAAE,GACzC,CAAC,GAAa,KAAkB,EAAmB,CAAC,CAAC,GACrD,IAAiB,EAAyB,IAAI,GAC9C,IACJ,GAAW,wBAAwB,GAE/B,EAAE,YAAS,EAAoB,GAC/B,IAAe,GAAM;CAa3B,AAVA,QAAgB;EACd,CACE,CAAC,GAAW,kBACZ,EAAW,KAAK,EAAE,SAAS,MAE3B,EAAe,CAAC,CAAC;CAErB,GAAG;EAAC,GAAW;EAAgB;EAAsB;CAAU,CAAC,GAGhE,QACQ;EAEF,CAAC,GAAW,kBACZ,EAAW,KAAK,EAAE,SAAS,KAI7B,EACG,eAAe,CAAU,EACzB,KAAK,CAAc,EACnB,YAAY,EAAe,CAAC,CAAC,CAAC;CACnC,GACA;EAAC;EAAY;EAAW;CAAoB,GAC5C,CACF;CAEA,IAAM,KAAiB,MAAiB;EAUtC,AATA,GAAoB,MAClB,EACE,GACA,GACA,GACA,CACF,CACF,GACA,EAAc,EAAE,GAChB,EAAe,CAAC,CAAC;CACnB,GAEM,KAAU,MAA2C;EAKzD,AAJA,EAAM,eAAe,GAIjB,EAAW,KAAK,EAAE,SAAS,IAC7B,EAAe,SAAS,kBACtB,sCAAsC,EAAqB,YAC7D,IAEA,EAAc,CAAU;CAE5B,GAEM,KAAgB,MAAyC;EAE7D,AADA,EAAe,SAAS,kBAAkB,EAAE,GAC5C,EAAc,EAAM,cAAc,KAAK;CACzC,GAEM,IACJ,kBAAC,GAAD;EACE,MAAK;EACL,MAAM;EACN,IAAI;GACF,IAAI;GACJ,OAAO;EACT;CACD,CAAA,GAGG,IACJ,kBAAA,GAAA,EAAA,UAAA,CACG,EAAW,SAAS,KACnB,kBAAC,GAAD;EACE,MAAK;EACL,MAAK;EACL,eAAe;GAEb,AADA,EAAc,EAAE,GAChB,EAAe,CAAC,CAAC;EACnB;CACD,CAAA,GAEF,GAAW,iBACV,kBAAC,GAAD;EACE,cAAc;EACd,SAAS,EAAU;EACnB,WAAU;CACX,CAAA,CAEH,EAAA,CAAA;CAGJ,OACE,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GAAU,IAAI;GAAe,SAAS;IAAE,OAAO;IAAK,MAAM;GAAI;aAC5D,kBAAC,QAAD;IAAM,UAAU;cACb,GAAW,iBACV,kBAAC,GAAD;KACE,UAAA;KACA,kBAAA;KACA,SAAS;KACT,YAAY;KACZ,gBAAgB,GAAG,GAAU,MAAW;MAClC,MAAW,YACf,EAAe,SAAS,kBAAkB,EAAE,GAC5C,EAAc,CAAQ;KACxB;KACA,WAAW,GAAG,MAAa;MAEzB,AACE,OAAO,KAAa,YACpB,EAAS,KAAK,EAAE,UAAU,KAE1B,EAAc,CAAQ;KAE1B;KACA,cAAa,MACX,kBAAC,GAAD;MACE,GAAI;MACJ,UAAU;MACV,IAAI,EAAE,OAAO,OAAO;MACpB,aAAY;MACZ,MAAK;MACL,WAAW;OACT,OAAO;QACL,GAAG,EAAO;QACV;QACA;OACF;OACA,WAAW;QACT,GAAG,EAAO;QACV,WAAW;OACb;MACF;KACD,CAAA;IAEJ,CAAA,IAED,kBAAC,GAAD;KACE,IAAI,EAAE,OAAO,OAAO;KACpB,UAAU;KACV,aAAY;KACZ,OAAO;KACP,MAAK;KACL,WAAW;MACT,OAAO;OACL;OACA;MACF;MACA,WAAW;OACT,WAAW;OACX,KAAK;MACP;KACF;IACD,CAAA;GAEC,CAAA;EACE,CAAA;CACP,CAAA;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"FullTextSearchUtils.js","names":[],"sources":["../../../src/components/FullTextSearch/FullTextSearchUtils.ts"],"sourcesContent":["import { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport {\n  ColumnModel,\n  ColumnSingleValueFilterOperator,\n  ColumnSingleValueQueryFilter,\n  QueryBundleRequest,\n  TextMatchesQueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport { getFileColumnModelId } from '../SynapseTable/SynapseTableUtils'\nimport { FTSConfig } from '../SynapseTable/SearchV2'\nimport { getWordCount } from '../TextField/TextFieldWithWordLimit'\n\n/**\n * Expects a search expression of the form: \"searchText\" @3\n * In this example, this function will return the following string via a regex: searchText\n */\nexport function getSearchTextFromBooleanModeSearchExpression(\n  searchExpression: string,\n) {\n  /**\n   * ^\"(.+?)\": Matches the opening double quote and lazily captures any characters until the next quote.\n   * \\s*@\\d+$: Matches optional whitespace, the @ symbol, and one or more digits at the end.\n   */\n  const match = searchExpression.match(/^\"(.+?)\"\\s*@\\d+$/)\n  if (match) {\n    return match[1]\n  } else {\n    return ''\n  }\n}\n\n// Convert the user-provided searchText into a search expression given the current FTS configuration.\n// If configured to search using BOOLEAN mode, search expression will wrap the search text in double quotes and include the distance.\nexport function getTextMatchesQueryFilter(\n  searchText: string,\n  ftsConfig: FTSConfig = {\n    textMatchesMode: 'NATURAL_LANGUAGE',\n  },\n) {\n  const { textMatchesMode, distance = 0 } = ftsConfig\n  let searchExpression = searchText\n  if (textMatchesMode == 'BOOLEAN') {\n    //split by non-word character and ignore empty strings\n    const searchTextWordLength = getWordCount(searchText)\n    const distanceToUse = Math.max(distance, searchTextWordLength)\n    searchExpression = `\"${searchText.replaceAll('\"', '')}\" @${distanceToUse}`\n  }\n  const textMatchesQueryFilter: TextMatchesQueryFilter = {\n    concreteType: 'org.sagebionetworks.repo.model.table.TextMatchesQueryFilter',\n    searchExpression,\n    searchMode: ftsConfig.textMatchesMode,\n  }\n  return textMatchesQueryFilter\n}\n\nexport function updateQueryUsingSearchTerm(\n  queryBundleRequest: QueryBundleRequest,\n  columnModels: ColumnModel[] | undefined,\n  searchText: string,\n  ftsConfig?: FTSConfig,\n): QueryBundleRequest {\n  const { additionalFilters = [] } = queryBundleRequest.query\n  const synIdColumnModelId = getFileColumnModelId(columnModels)\n  const isSynapseID = searchText.match(SYNAPSE_ENTITY_ID_REGEX)\n  if (isSynapseID && synIdColumnModelId) {\n    const idColumnModel = columnModels?.filter(\n      el => el.id === synIdColumnModelId,\n    )\n    const singleValueQueryFilter: ColumnSingleValueQueryFilter = {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n      columnName: idColumnModel![0].name,\n      operator: ColumnSingleValueFilterOperator.IN,\n      values: [searchText],\n    }\n    // Replace the active filter on the column, if one exists\n    const matchingFilter = additionalFilters.find(\n      filter =>\n        filter.concreteType == singleValueQueryFilter.concreteType &&\n        filter.columnName == singleValueQueryFilter.columnName,\n    ) as ColumnSingleValueQueryFilter\n    if (matchingFilter) {\n      if (!matchingFilter.values.includes(searchText)) {\n        matchingFilter.values.push(searchText)\n      }\n      return queryBundleRequest\n    }\n    additionalFilters.push(singleValueQueryFilter)\n  } else {\n    const textMatchesQueryFilter = getTextMatchesQueryFilter(\n      searchText,\n      ftsConfig,\n    )\n    if (ftsConfig?.replaceExistingFilter) {\n      // Remove all existing TextMatchesQueryFilters, then add the new one\n      for (let i = additionalFilters.length - 1; i >= 0; i--) {\n        if (\n          additionalFilters[i].concreteType ===\n          textMatchesQueryFilter.concreteType\n        ) {\n          additionalFilters.splice(i, 1)\n        }\n      }\n      additionalFilters.push(textMatchesQueryFilter)\n    } else {\n      // PORTALS-2093: does this additional filter already exist?\n      const found = additionalFilters.find(\n        filter =>\n          filter.concreteType == textMatchesQueryFilter.concreteType &&\n          filter.searchExpression == textMatchesQueryFilter.searchExpression,\n      )\n      if (found) {\n        return queryBundleRequest\n      }\n      additionalFilters.push(textMatchesQueryFilter)\n    }\n  }\n  queryBundleRequest.query.additionalFilters = additionalFilters\n  return queryBundleRequest\n}\n"],"mappings":";;;;;AAgBA,SAAgB,EACd,GACA;CAKA,IAAM,IAAQ,EAAiB,MAAM,mBAAmB;AAItD,QAHE,IACK,EAAM,KAEN;;AAMX,SAAgB,EACd,GACA,IAAuB,EACrB,iBAAiB,oBAClB,EACD;CACA,IAAM,EAAE,oBAAiB,cAAW,MAAM,GACtC,IAAmB;AACvB,KAAI,KAAmB,WAAW;EAEhC,IAAM,IAAuB,EAAa,EAAW,EAC/C,IAAgB,KAAK,IAAI,GAAU,EAAqB;AAC9D,MAAmB,IAAI,EAAW,WAAW,MAAK,GAAG,CAAC,KAAK;;AAO7D,QAAO;EAJL,cAAc;EACd;EACA,YAAY,EAAU;EAEjB;;AAGT,SAAgB,EACd,GACA,GACA,GACA,GACoB;CACpB,IAAM,EAAE,uBAAoB,EAAE,KAAK,EAAmB,OAChD,IAAqB,EAAqB,EAAa;AAE7D,KADoB,EAAW,MAAM,EACjC,IAAe,GAAoB;EAIrC,IAAM,IAAuD;GAC3D,cACE;GACF,aANoB,GAAc,QAClC,MAAM,EAAG,OAAO,EACjB,EAI4B,GAAG;GAC9B,UAAU,EAAgC;GAC1C,QAAQ,CAAC,EAAW;GACrB,EAEK,IAAiB,EAAkB,MACvC,MACE,EAAO,gBAAgB,EAAuB,gBAC9C,EAAO,cAAc,EAAuB,WAC/C;AACD,MAAI,EAIF,QAHK,EAAe,OAAO,SAAS,EAAW,IAC7C,EAAe,OAAO,KAAK,EAAW,EAEjC;AAET,IAAkB,KAAK,EAAuB;QACzC;EACL,IAAM,IAAyB,EAC7B,GACA,EACD;AACD,MAAI,GAAW,uBAAuB;AAEpC,QAAK,IAAI,IAAI,EAAkB,SAAS,GAAG,KAAK,GAAG,IACjD,CACE,EAAkB,GAAG,iBACrB,EAAuB,gBAEvB,EAAkB,OAAO,GAAG,EAAE;AAGlC,KAAkB,KAAK,EAAuB;SACzC;AAOL,OALc,EAAkB,MAC9B,MACE,EAAO,gBAAgB,EAAuB,gBAC9C,EAAO,oBAAoB,EAAuB,iBAElD,CACF,QAAO;AAET,KAAkB,KAAK,EAAuB;;;AAIlD,QADA,EAAmB,MAAM,oBAAoB,GACtC"}
+{"version":3,"file":"FullTextSearchUtils.js","names":[],"sources":["../../../src/components/FullTextSearch/FullTextSearchUtils.ts"],"sourcesContent":["import { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport {\n  ColumnModel,\n  ColumnSingleValueFilterOperator,\n  ColumnSingleValueQueryFilter,\n  QueryBundleRequest,\n  TextMatchesQueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport { getFileColumnModelId } from '../SynapseTable/SynapseTableUtils'\nimport { FTSConfig } from '../SynapseTable/SearchV2'\nimport { getWordCount } from '../TextField/TextFieldWithWordLimit'\n\n/**\n * Expects a search expression of the form: \"searchText\" @3\n * In this example, this function will return the following string via a regex: searchText\n */\nexport function getSearchTextFromBooleanModeSearchExpression(\n  searchExpression: string,\n) {\n  /**\n   * ^\"(.+?)\": Matches the opening double quote and lazily captures any characters until the next quote.\n   * \\s*@\\d+$: Matches optional whitespace, the @ symbol, and one or more digits at the end.\n   */\n  const match = searchExpression.match(/^\"(.+?)\"\\s*@\\d+$/)\n  if (match) {\n    return match[1]\n  } else {\n    return ''\n  }\n}\n\n// Convert the user-provided searchText into a search expression given the current FTS configuration.\n// If configured to search using BOOLEAN mode, search expression will wrap the search text in double quotes and include the distance.\nexport function getTextMatchesQueryFilter(\n  searchText: string,\n  ftsConfig: FTSConfig = {\n    textMatchesMode: 'NATURAL_LANGUAGE',\n  },\n) {\n  const { textMatchesMode, distance = 0 } = ftsConfig\n  let searchExpression = searchText\n  if (textMatchesMode == 'BOOLEAN') {\n    //split by non-word character and ignore empty strings\n    const searchTextWordLength = getWordCount(searchText)\n    const distanceToUse = Math.max(distance, searchTextWordLength)\n    searchExpression = `\"${searchText.replaceAll('\"', '')}\" @${distanceToUse}`\n  }\n  const textMatchesQueryFilter: TextMatchesQueryFilter = {\n    concreteType: 'org.sagebionetworks.repo.model.table.TextMatchesQueryFilter',\n    searchExpression,\n    searchMode: ftsConfig.textMatchesMode,\n  }\n  return textMatchesQueryFilter\n}\n\nexport function updateQueryUsingSearchTerm(\n  queryBundleRequest: QueryBundleRequest,\n  columnModels: ColumnModel[] | undefined,\n  searchText: string,\n  ftsConfig?: FTSConfig,\n): QueryBundleRequest {\n  const { additionalFilters = [] } = queryBundleRequest.query\n  const synIdColumnModelId = getFileColumnModelId(columnModels)\n  const isSynapseID = searchText.match(SYNAPSE_ENTITY_ID_REGEX)\n  if (isSynapseID && synIdColumnModelId) {\n    const idColumnModel = columnModels?.filter(\n      el => el.id === synIdColumnModelId,\n    )\n    const singleValueQueryFilter: ColumnSingleValueQueryFilter = {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n      columnName: idColumnModel![0].name,\n      operator: ColumnSingleValueFilterOperator.IN,\n      values: [searchText],\n    }\n    // Replace the active filter on the column, if one exists\n    const matchingFilter = additionalFilters.find(\n      filter =>\n        filter.concreteType == singleValueQueryFilter.concreteType &&\n        filter.columnName == singleValueQueryFilter.columnName,\n    ) as ColumnSingleValueQueryFilter\n    if (matchingFilter) {\n      if (!matchingFilter.values.includes(searchText)) {\n        matchingFilter.values.push(searchText)\n      }\n      return queryBundleRequest\n    }\n    additionalFilters.push(singleValueQueryFilter)\n  } else {\n    const textMatchesQueryFilter = getTextMatchesQueryFilter(\n      searchText,\n      ftsConfig,\n    )\n    if (ftsConfig?.replaceExistingFilter) {\n      // Remove all existing TextMatchesQueryFilters, then add the new one\n      for (let i = additionalFilters.length - 1; i >= 0; i--) {\n        if (\n          additionalFilters[i].concreteType ===\n          textMatchesQueryFilter.concreteType\n        ) {\n          additionalFilters.splice(i, 1)\n        }\n      }\n      additionalFilters.push(textMatchesQueryFilter)\n    } else {\n      // PORTALS-2093: does this additional filter already exist?\n      const found = additionalFilters.find(\n        filter =>\n          filter.concreteType == textMatchesQueryFilter.concreteType &&\n          filter.searchExpression == textMatchesQueryFilter.searchExpression,\n      )\n      if (found) {\n        return queryBundleRequest\n      }\n      additionalFilters.push(textMatchesQueryFilter)\n    }\n  }\n  queryBundleRequest.query.additionalFilters = additionalFilters\n  return queryBundleRequest\n}\n"],"mappings":";;;;;AAgBA,SAAgB,EACd,GACA;CAKA,IAAM,IAAQ,EAAiB,MAAM,kBAAkB;CAIrD,OAHE,IACK,EAAM,KAEN;AAEX;AAIA,SAAgB,EACd,GACA,IAAuB,EACrB,iBAAiB,mBACnB,GACA;CACA,IAAM,EAAE,oBAAiB,cAAW,MAAM,GACtC,IAAmB;CACvB,IAAI,KAAmB,WAAW;EAEhC,IAAM,IAAuB,EAAa,CAAU,GAC9C,IAAgB,KAAK,IAAI,GAAU,CAAoB;EAC7D,IAAmB,IAAI,EAAW,WAAW,MAAK,EAAE,EAAE,KAAK;CAC7D;CAMA,OAAO;EAJL,cAAc;EACd;EACA,YAAY,EAAU;CAEjB;AACT;AAEA,SAAgB,EACd,GACA,GACA,GACA,GACoB;CACpB,IAAM,EAAE,uBAAoB,CAAC,MAAM,EAAmB,OAChD,IAAqB,EAAqB,CAAY;CAE5D,IADoB,EAAW,MAAM,CACjC,KAAe,GAAoB;EAIrC,IAAM,IAAuD;GAC3D,cACE;GACF,aANoB,GAAc,QAClC,MAAM,EAAG,OAAO,CAClB,GAI6B,GAAG;GAC9B,UAAU,EAAgC;GAC1C,QAAQ,CAAC,CAAU;EACrB,GAEM,IAAiB,EAAkB,MACvC,MACE,EAAO,gBAAgB,EAAuB,gBAC9C,EAAO,cAAc,EAAuB,UAChD;EACA,IAAI,GAIF,OAHK,EAAe,OAAO,SAAS,CAAU,KAC5C,EAAe,OAAO,KAAK,CAAU,GAEhC;EAET,EAAkB,KAAK,CAAsB;CAC/C,OAAO;EACL,IAAM,IAAyB,EAC7B,GACA,CACF;EACA,IAAI,GAAW,uBAAuB;GAEpC,KAAK,IAAI,IAAI,EAAkB,SAAS,GAAG,KAAK,GAAG,KACjD,AACE,EAAkB,GAAG,iBACrB,EAAuB,gBAEvB,EAAkB,OAAO,GAAG,CAAC;GAGjC,EAAkB,KAAK,CAAsB;EAC/C,OAAO;GAOL,IALc,EAAkB,MAC9B,MACE,EAAO,gBAAgB,EAAuB,gBAC9C,EAAO,oBAAoB,EAAuB,gBAElD,GACF,OAAO;GAET,EAAkB,KAAK,CAAsB;EAC/C;CACF;CAEA,OADA,EAAmB,MAAM,oBAAoB,GACtC;AACT"}