synapse-react-client 4.0.19 → 4.0.21

package/dist/components/Markdown/MarkdownUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownUtils.js","names":[],"sources":["../../../src/components/Markdown/MarkdownUtils.ts"],"sourcesContent":["import katex from 'katex'\nimport { RefObject } from 'react'\nimport { MarkdownSynapseProps } from './MarkdownSynapse'\nimport MarkdownIt from 'markdown-it'\nimport { truncateString } from '@/utils/functions/StringUtils'\n\n/**\n * Find all math identified elements of the form [id^=\\\"mathjax-\\\"]\n * (e.g. <dom element id=\"mathjax-10\"> text </dom element>)\n * and transform them to their math markdown equivalents\n */\nexport function processMath(markupRef: RefObject<HTMLElement | null>) {\n  if (!markupRef.current) {\n    return\n  }\n  // use regex to grab all elements\n  const mathExpressions =\n    markupRef.current.querySelectorAll<HTMLElement>('[id^=\"mathjax-\"]')\n  // go through all obtained elements and transform them with katex\n  const regEx = new RegExp(/\\\\[()[\\]]/, 'g') // Look for a '\\' followed by either '(', ')', '[', or ']'. We delete these strings since they interfere with katex processing.\n  mathExpressions.forEach(element => {\n    if (element.textContent && !element.getAttribute('processed')) {\n      // only process a math element once, used to double/triple process\n      element.setAttribute('processed', 'true')\n      const textContent = element.textContent.replace(regEx, '')\n      return katex.render(textContent, element, {\n        output: 'html',\n        throwOnError: false,\n      })\n    }\n  })\n}\n\n/**\n *  When the markdown string is transferred over the network certain characters get transformed,\n * this does a simple transformation back to the original user's string.\n *\n * @param {string} xml\n * @returns\n * @memberof MarkdownSynapse\n */\nexport function decodeXml(xml: string) {\n  const escapedOneToXmlSpecialMap = {\n    '&amp;': '&',\n    '&gt;': '>',\n    '&lt;': '<',\n    '&quot;': '\"',\n  }\n  return xml.replace(\n    /(&quot;|&lt;|&gt;|&amp;)/g,\n    (str: string, item: keyof typeof escapedOneToXmlSpecialMap) => {\n      return escapedOneToXmlSpecialMap[item]\n    },\n  )\n}\n\nexport function addIdsToReferenceWidgets(text: string) {\n  const referenceRegex =\n    /<span.*?id=\"wikiReference.*?<span.*? data-widgetparams.*?span>/g\n  let referenceCount = 1\n\n  return text.replace(referenceRegex, () => {\n    // replace all reference tags with id's of the form id=\"ref<number>\"\" that we can read onClick\n    const current = referenceCount\n    referenceCount += 1\n    return `<a href=\"\" id=\"ref${current}\">[${current}]</a>`\n  })\n}\n\nexport function addIdsToTocWidgets(text: string) {\n  const tocId = 'SRC-header-'\n  let tocIdCount = 1\n  const TOC_HEADER_REGEX = /<h[1-6] toc=\"true\">.*<\\/h[1-6]>/gm\n\n  return text.replace(TOC_HEADER_REGEX, (match: string) => {\n    // replace with id of the form id=\"toc\" so we can read them with onclick events\n    const curTocId = tocIdCount\n    tocIdCount += 1\n    const matchWithId = `${match.substring(\n      0,\n      3,\n    )} id=\"${tocId}${curTocId}\"${match.substring(3)}`\n    return matchWithId\n  })\n}\n\n// Manually handle clicks to anchor tags where the scrollto isn't handled by page hash\nexport function handleLinkClicks(event: MouseEvent) {\n  const genericElement = event.target as HTMLElement\n  const currentTarget = event.currentTarget as HTMLElement\n  if (genericElement.tagName === 'A' || genericElement.tagName === 'BUTTON') {\n    const anchor = event.target as HTMLAnchorElement\n    if (anchor.id.substring(0, 3) === 'ref') {\n      event.preventDefault()\n\n      // its a reference, so we scroll to the appropriate bookmark\n      const referenceNumber = Number(currentTarget.id.substring(3)) // e.g. ref2 => '2'\n      const goTo = currentTarget.querySelector(`#bookmark${referenceNumber}`)\n      try {\n        goTo!.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n          inline: 'center',\n        })\n      } catch (e) {\n        console.log('error on scroll', e)\n      }\n    } else if (\n      currentTarget.id !== null &&\n      anchor.getAttribute('data-anchor')\n    ) {\n      event.preventDefault()\n      // handle table of contents widget\n      const idOfContent = anchor.getAttribute('data-anchor')\n      const goTo = currentTarget.querySelector(`[id=\"${idOfContent}\"]`)\n      try {\n        goTo!.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n          inline: 'center',\n        })\n      } catch (e) {\n        console.log('error on scroll', e)\n      }\n    }\n  }\n}\n\nexport function stripHTML(myHtmlString: string): string {\n  const el = document.createElement('div')\n  el.innerHTML = myHtmlString\n  return el.textContent || el.innerText || ''\n}\n\nexport function transformStringIntoMarkdownProps(\n  value: string,\n  isRawMarkdown?: boolean,\n) {\n  const newProps: MarkdownSynapseProps = {}\n  if (isRawMarkdown) {\n    newProps.markdown = value\n  } else {\n    if (value.includes('/wiki/')) {\n      // value looks like syn20681023/wiki/594680\n      const split = value.split('/')\n      const ownerId = split[0]\n      const wikiId = split[2]\n      newProps.ownerId = ownerId\n      newProps.wikiId = wikiId\n    } else if (value) {\n      // else assume it's an ownerId\n      newProps.ownerId = value\n    }\n  }\n  return newProps\n}\n\nconst md = new MarkdownIt()\n\nexport const markdownToPlainText = (markdown: string, maxLength?: number) => {\n  if (!markdown || markdown.length === 0) {\n    return ''\n  }\n\n  const html = md.render(markdown)\n  const plainText = stripHTML(html)\n    .replace(/\\|/g, '')\n    .replace(/#/g, '')\n    .replace(/<Synapse widget>/g, '')\n\n  return maxLength ? truncateString(plainText, maxLength) : plainText\n}\n\nconst blockLevelTags = [\n  'address',\n  'article',\n  'aside',\n  'blockquote',\n  'canvas',\n  'dd',\n  'div',\n  'dl',\n  'dt',\n  'fieldset',\n  'figcaption',\n  'figure',\n  'footer',\n  'form',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'header',\n  'hr',\n  'li',\n  'main',\n  'nav',\n  'noscript',\n  'ol',\n  'p',\n  'pre',\n  'section',\n  'table',\n  'tfoot',\n  'ul',\n  'video',\n]\n\nconst inlineTags = ['span', 'a', 'em', 'strong', 'b', 'i', 'u', 'sub', 'sup']\n\nconst tableTags = ['table', 'thead', 'tbody', 'tr', 'tfoot']\n\n// Widget types that render inline elements and should not be treated as block-level\nconst inlineWidgetTypes = ['badge', 'image', 'imageLink', 'buttonlink']\n\nconst isInlineContainer = (node: Node): boolean => {\n  if (node.nodeType !== Node.ELEMENT_NODE) {\n    return false\n  }\n\n  const element = node as HTMLElement\n  const tag = element.tagName.toLowerCase()\n  return inlineTags.includes(tag)\n}\n\n// Check if a node is a block level element\nexport const isBlockLevelElement = (node: Node): boolean => {\n  if (node.nodeType !== Node.ELEMENT_NODE) {\n    return false\n  }\n\n  const element = node as HTMLElement\n  const tag = element.tagName.toLowerCase()\n  const isStandardBlock = blockLevelTags.includes(tag)\n\n  const widgetParams = element.getAttribute('data-widgetparams')\n  const isWidget =\n    widgetParams !== null &&\n    !inlineWidgetTypes.includes(widgetParams.split('?')[0])\n\n  return isStandardBlock || isWidget\n}\n\nfunction isValidNesting(child: HTMLElement, ancestor: HTMLElement): boolean {\n  // case 1: block level elements cannot be inside of inline containers\n  if (isBlockLevelElement(child) && isInlineContainer(ancestor)) {\n    return false\n  }\n\n  // case 2: buttons cannot be nested inside of other buttons\n  if (\n    ancestor.tagName.toLowerCase() === 'button' &&\n    child.tagName.toLowerCase() === 'button'\n  ) {\n    return false\n  }\n\n  // A <p> tag cannot contain block-level elements (including other <p> tags)\n  if (ancestor.tagName.toLowerCase() === 'p' && isBlockLevelElement(child)) {\n    return false\n  }\n\n  return true\n}\n\n/**\n * Fixes invalid HTML nesting (e.g., <div> inside <p>) in a single O(n) pass.\n * It compares the current 'node' against a stack of its 'ancestors'.\n * @param node - The current DOM node being inspected.\n * @param ancestors - An array of the current node's parent elements\n */\nexport function fixInvalidNesting(\n  node: Node,\n  ancestors: HTMLElement[] = [],\n): void {\n  // Whitespace-only text nodes are invalid children of table structure elements and must be removed.\n  if (node.nodeType === Node.TEXT_NODE) {\n    const parentTag = (node.parentNode as HTMLElement)?.tagName?.toLowerCase()\n\n    if (tableTags.includes(parentTag) && !node.textContent?.trim()) {\n      node.parentNode?.removeChild(node)\n    }\n\n    return\n  }\n\n  // We only care about element nodes\n  if (node.nodeType !== Node.ELEMENT_NODE) {\n    return\n  }\n\n  const element = node as HTMLElement\n\n  // We check the current element against every ancestor in the stack to see if there is any invalid nesting.\n  // We iterate backwards (from immediate parent to root) so we fix the closest invalid container first.\n  for (let i = ancestors.length - 1; i >= 0; i--) {\n    const ancestor = ancestors[i]\n\n    // if the nesting is invalid\n    if (!isValidNesting(element, ancestor)) {\n      // change the ancestor to a div\n      const div = element.ownerDocument.createElement('div')\n\n      // Preserve all original attributes\n      Array.from(ancestor.attributes).forEach(attr =>\n        div.setAttribute(attr.name, attr.value),\n      )\n\n      // Move all children from the old element to the new <div>\n      while (ancestor.firstChild) {\n        div.appendChild(ancestor.firstChild)\n      }\n\n      // replace the ancestor with the new div\n      if (ancestor.parentNode) {\n        ancestor.parentNode.replaceChild(div, ancestor)\n      }\n\n      ancestors[i] = div // Update our local stack to reference to the new div\n    }\n  }\n\n  // Push the current element to the stack before traversing children\n  ancestors.push(element)\n\n  Array.from(element.childNodes).forEach(child => {\n    fixInvalidNesting(child, ancestors)\n  })\n\n  // Pop the current element off the stack after traversing its children\n  ancestors.pop()\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarkdownUtils.js","names":[],"sources":["../../../src/components/Markdown/MarkdownUtils.ts"],"sourcesContent":["import katex from 'katex'\nimport { RefObject } from 'react'\nimport { MarkdownSynapseProps } from './MarkdownSynapse'\nimport MarkdownIt from 'markdown-it'\nimport { truncateString } from '@/utils/functions/StringUtils'\nimport {\n  htmlToDOM,\n  Element as DomElement,\n  Text as DomText,\n  type DOMNode,\n} from 'html-react-parser'\n\n/**\n * Find all math identified elements of the form [id^=\\\"mathjax-\\\"]\n * (e.g. <dom element id=\"mathjax-10\"> text </dom element>)\n * and transform them to their math markdown equivalents\n */\nexport function processMath(markupRef: RefObject<HTMLElement | null>) {\n  if (!markupRef.current) {\n    return\n  }\n  // use regex to grab all elements\n  const mathExpressions =\n    markupRef.current.querySelectorAll<HTMLElement>('[id^=\"mathjax-\"]')\n  // go through all obtained elements and transform them with katex\n  const regEx = new RegExp(/\\\\[()[\\]]/, 'g') // Look for a '\\' followed by either '(', ')', '[', or ']'. We delete these strings since they interfere with katex processing.\n  mathExpressions.forEach(element => {\n    if (element.textContent && !element.getAttribute('processed')) {\n      // only process a math element once, used to double/triple process\n      element.setAttribute('processed', 'true')\n      const textContent = element.textContent.replace(regEx, '')\n      return katex.render(textContent, element, {\n        output: 'html',\n        throwOnError: false,\n      })\n    }\n  })\n}\n\n/**\n *  When the markdown string is transferred over the network certain characters get transformed,\n * this does a simple transformation back to the original user's string.\n *\n * @param {string} xml\n * @returns\n * @memberof MarkdownSynapse\n */\nexport function decodeXml(xml: string) {\n  const escapedOneToXmlSpecialMap = {\n    '&amp;': '&',\n    '&gt;': '>',\n    '&lt;': '<',\n    '&quot;': '\"',\n  }\n  return xml.replace(\n    /(&quot;|&lt;|&gt;|&amp;)/g,\n    (str: string, item: keyof typeof escapedOneToXmlSpecialMap) => {\n      return escapedOneToXmlSpecialMap[item]\n    },\n  )\n}\n\nexport function addIdsToReferenceWidgets(text: string) {\n  const referenceRegex =\n    /<span.*?id=\"wikiReference.*?<span.*? data-widgetparams.*?span>/g\n  let referenceCount = 1\n\n  return text.replace(referenceRegex, () => {\n    // replace all reference tags with id's of the form id=\"ref<number>\"\" that we can read onClick\n    const current = referenceCount\n    referenceCount += 1\n    return `<a href=\"\" id=\"ref${current}\">[${current}]</a>`\n  })\n}\n\nexport function addIdsToTocWidgets(text: string) {\n  const tocId = 'SRC-header-'\n  let tocIdCount = 1\n  const TOC_HEADER_REGEX = /<h[1-6] toc=\"true\">.*<\\/h[1-6]>/gm\n\n  return text.replace(TOC_HEADER_REGEX, (match: string) => {\n    // replace with id of the form id=\"toc\" so we can read them with onclick events\n    const curTocId = tocIdCount\n    tocIdCount += 1\n    const matchWithId = `${match.substring(\n      0,\n      3,\n    )} id=\"${tocId}${curTocId}\"${match.substring(3)}`\n    return matchWithId\n  })\n}\n\n// Manually handle clicks to anchor tags where the scrollto isn't handled by page hash\nexport function handleLinkClicks(event: MouseEvent) {\n  const genericElement = event.target as HTMLElement\n  const currentTarget = event.currentTarget as HTMLElement\n  if (genericElement.tagName === 'A' || genericElement.tagName === 'BUTTON') {\n    const anchor = event.target as HTMLAnchorElement\n    if (anchor.id.substring(0, 3) === 'ref') {\n      event.preventDefault()\n\n      // its a reference, so we scroll to the appropriate bookmark\n      const referenceNumber = Number(currentTarget.id.substring(3)) // e.g. ref2 => '2'\n      const goTo = currentTarget.querySelector(`#bookmark${referenceNumber}`)\n      try {\n        goTo!.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n          inline: 'center',\n        })\n      } catch (e) {\n        console.log('error on scroll', e)\n      }\n    } else if (\n      currentTarget.id !== null &&\n      anchor.getAttribute('data-anchor')\n    ) {\n      event.preventDefault()\n      // handle table of contents widget\n      const idOfContent = anchor.getAttribute('data-anchor')\n      const goTo = currentTarget.querySelector(`[id=\"${idOfContent}\"]`)\n      try {\n        goTo!.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n          inline: 'center',\n        })\n      } catch (e) {\n        console.log('error on scroll', e)\n      }\n    }\n  }\n}\n\n/**\n * Extracts the plain text content from an HTML string. Implemented with an\n * isomorphic HTML parser (rather than `document.createElement`) so it can run\n * during server-side rendering / SSG prerender as well as in the browser.\n */\nexport function stripHTML(myHtmlString: string): string {\n  if (!myHtmlString) {\n    return ''\n  }\n  const collectText = (nodes: DOMNode[]): string =>\n    nodes\n      .map(node => {\n        if (node instanceof DomText) {\n          return node.data\n        }\n        if (node instanceof DomElement) {\n          return collectText(node.children as DOMNode[])\n        }\n        return ''\n      })\n      .join('')\n\n  return collectText(htmlToDOM(myHtmlString))\n}\n\nexport function transformStringIntoMarkdownProps(\n  value: string,\n  isRawMarkdown?: boolean,\n) {\n  const newProps: MarkdownSynapseProps = {}\n  if (isRawMarkdown) {\n    newProps.markdown = value\n  } else {\n    if (value.includes('/wiki/')) {\n      // value looks like syn20681023/wiki/594680\n      const split = value.split('/')\n      const ownerId = split[0]\n      const wikiId = split[2]\n      newProps.ownerId = ownerId\n      newProps.wikiId = wikiId\n    } else if (value) {\n      // else assume it's an ownerId\n      newProps.ownerId = value\n    }\n  }\n  return newProps\n}\n\nconst md = new MarkdownIt()\n\nexport const markdownToPlainText = (markdown: string, maxLength?: number) => {\n  if (!markdown || markdown.length === 0) {\n    return ''\n  }\n\n  const html = md.render(markdown)\n  const plainText = stripHTML(html)\n    .replace(/\\|/g, '')\n    .replace(/#/g, '')\n    .replace(/<Synapse widget>/g, '')\n\n  return maxLength ? truncateString(plainText, maxLength) : plainText\n}\n\nconst blockLevelTags = [\n  'address',\n  'article',\n  'aside',\n  'blockquote',\n  'canvas',\n  'dd',\n  'div',\n  'dl',\n  'dt',\n  'fieldset',\n  'figcaption',\n  'figure',\n  'footer',\n  'form',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'header',\n  'hr',\n  'li',\n  'main',\n  'nav',\n  'noscript',\n  'ol',\n  'p',\n  'pre',\n  'section',\n  'table',\n  'tfoot',\n  'ul',\n  'video',\n]\n\nconst inlineTags = ['span', 'a', 'em', 'strong', 'b', 'i', 'u', 'sub', 'sup']\n\nconst tableTags = ['table', 'thead', 'tbody', 'tr', 'tfoot']\n\n// Widget types that render inline elements and should not be treated as block-level\nconst inlineWidgetTypes = ['badge', 'image', 'imageLink', 'buttonlink']\n\nconst isInlineContainer = (node: DOMNode): boolean => {\n  if (!(node instanceof DomElement)) {\n    return false\n  }\n\n  const tag = node.name.toLowerCase()\n  return inlineTags.includes(tag)\n}\n\n// Check if a node is a block level element\nexport const isBlockLevelElement = (node: DOMNode): boolean => {\n  if (!(node instanceof DomElement)) {\n    return false\n  }\n\n  const tag = node.name.toLowerCase()\n  const isStandardBlock = blockLevelTags.includes(tag)\n\n  const widgetParams = node.attribs['data-widgetparams'] ?? null\n  const isWidget =\n    widgetParams !== null &&\n    !inlineWidgetTypes.includes(widgetParams.split('?')[0])\n\n  return isStandardBlock || isWidget\n}\n\nfunction isValidNesting(child: DomElement, ancestor: DomElement): boolean {\n  // case 1: block level elements cannot be inside of inline containers\n  if (isBlockLevelElement(child) && isInlineContainer(ancestor)) {\n    return false\n  }\n\n  // case 2: buttons cannot be nested inside of other buttons\n  if (\n    ancestor.name.toLowerCase() === 'button' &&\n    child.name.toLowerCase() === 'button'\n  ) {\n    return false\n  }\n\n  // A <p> tag cannot contain block-level elements (including other <p> tags)\n  if (ancestor.name.toLowerCase() === 'p' && isBlockLevelElement(child)) {\n    return false\n  }\n\n  return true\n}\n\n/**\n * Fixes invalid HTML nesting (e.g., <div> inside <p>) in a single O(n) pass.\n * It compares the current 'node' against a stack of its 'ancestors'.\n *\n * Operates on the `domhandler` node tree produced by `html-react-parser`'s\n * `htmlToDOM`, so it runs identically in the browser and during SSR/SSG\n * prerender (no dependency on a live DOM, `DOMParser`, or `HTMLElement`).\n * @param node - The current node being inspected.\n * @param ancestors - An array of the current node's ancestor elements\n */\nexport function fixInvalidNesting(\n  node: DOMNode,\n  ancestors: DomElement[] = [],\n): void {\n  // Whitespace-only text nodes are invalid children of table structure elements and must be removed.\n  if (node instanceof DomText) {\n    const parent = node.parent\n    const parentTag =\n      parent instanceof DomElement ? parent.name.toLowerCase() : undefined\n\n    if (parentTag && tableTags.includes(parentTag) && !node.data?.trim()) {\n      const siblings = (parent as DomElement).children\n      const index = siblings.indexOf(node)\n      if (index !== -1) {\n        siblings.splice(index, 1)\n      }\n    }\n\n    return\n  }\n\n  // We only care about element nodes\n  if (!(node instanceof DomElement)) {\n    return\n  }\n\n  const element = node\n\n  // We check the current element against every ancestor in the stack to see if there is any invalid nesting.\n  // We iterate backwards (from immediate parent to root) so we fix the closest invalid container first.\n  for (let i = ancestors.length - 1; i >= 0; i--) {\n    const ancestor = ancestors[i]\n\n    // if the nesting is invalid\n    if (!isValidNesting(element, ancestor)) {\n      // Demote the ancestor to a <div> in place. Renaming preserves the\n      // existing attributes (`attribs`) and children, so no node surgery is\n      // required.\n      ancestor.name = 'div'\n    }\n  }\n\n  // Push the current element to the stack before traversing children\n  ancestors.push(element)\n\n  // Iterate over a copy because invalid table whitespace may be removed.\n  Array.from(element.children).forEach(child => {\n    fixInvalidNesting(child as DOMNode, ancestors)\n  })\n\n  // Pop the current element off the stack after traversing its children\n  ancestors.pop()\n}\n"],"mappings":"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"}

package/dist/components/Markdown/MarkdownWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownWidget.js","names":[],"sources":["../../../src/components/Markdown/MarkdownWidget.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport type { ButtonLinkWidgetParams } from './widget/MarkdownButton'\nimport type { MarkdownEntityPreviewProps } from './widget/MarkdownEntityPreview'\nimport type { MarkdownIDUReportProps } from './widget/MarkdownIDUReport'\nimport type { MarkdownProvenanceGraphProps } from './widget/MarkdownProvenanceGraph'\nimport type { ImageWidgetParams } from './widget/MarkdownSynapseImage'\nimport type { MarkdownSynapsePlotProps } from './widget/MarkdownSynapsePlot'\nimport type { MarkdownSynapseTableProps } from './widget/MarkdownSynapseTable'\nimport type { MarkdownUserOrTeamBadgeProps } from './widget/MarkdownUserOrTeamBadge'\nimport type { MarkdownVideoProps } from './widget/MarkdownVideo'\n\n// Lazy load all widgets -- some can be large & cyclical component trees that will prevent bundle-splitting if we do not dynamically import them\nconst MarkdownVideo = lazy(() => import('./widget/MarkdownVideo'))\nconst MarkdownEntityPreview = lazy(\n  () => import('./widget/MarkdownEntityPreview'),\n)\nconst MarkdownIDUReport = lazy(() => import('./widget/MarkdownIDUReport'))\nconst MarkdownProvenanceGraph = lazy(\n  () => import('./widget/MarkdownProvenanceGraph'),\n)\nconst MarkdownSynapseImage = lazy(() => import('./widget/MarkdownSynapseImage'))\nconst MarkdownSynapsePlot = lazy(() => import('./widget/MarkdownSynapsePlot'))\nconst MarkdownUserOrTeamBadge = lazy(\n  () => import('./widget/MarkdownUserOrTeamBadge'),\n)\nconst MarkdownButton = lazy(() => import('./widget/MarkdownButton'))\nconst MarkdownSynapseTable = lazy(() => import('./widget/MarkdownSynapseTable'))\nconst MarkdownTableOfContents = lazy(\n  () => import('./widget/MarkdownTableOfContents'),\n)\n\ntype ButtonLink = {\n  widgetType: 'buttonlink'\n  widgetParamsMapped: ButtonLinkWidgetParams\n}\n\ntype Image = {\n  widgetType: 'image'\n  widgetParamsMapped: ImageWidgetParams\n}\n\ntype ImageLink = {\n  widgetType: 'imageLink'\n  widgetParamsMapped: ImageWidgetParams\n}\n\ntype Plot = {\n  widgetType: 'plot'\n  widgetParamsMapped: MarkdownSynapsePlotProps\n}\n\ntype TableOfContents = {\n  widgetType: 'toc'\n  widgetParamsMapped: never\n}\n\ntype UserBadge = {\n  widgetType: 'badge'\n  widgetParamsMapped: MarkdownUserOrTeamBadgeProps\n}\n\ntype IDUReport = {\n  widgetType: 'iduReport'\n  widgetParamsMapped: MarkdownIDUReportProps\n}\n\ntype Video = {\n  widgetType: 'video' | 'vimeo' | 'youtube'\n  widgetParamsMapped: MarkdownVideoProps\n}\n\ntype SynapseTableMarkdown = {\n  widgetType: 'synapsetable'\n  widgetParamsMapped: MarkdownSynapseTableProps\n}\n\ntype ProvenanceGraph = {\n  widgetType: 'provenance'\n  widgetParamsMapped: MarkdownProvenanceGraphProps\n}\n\ntype Preview = {\n  widgetType: 'preview'\n  widgetParamsMapped: MarkdownEntityPreviewProps\n}\n\ntype MarkdownWidgetDefinition =\n  | ButtonLink\n  | Image\n  | ImageLink\n  | Plot\n  | TableOfContents\n  | UserBadge\n  | IDUReport\n  | Video\n  | SynapseTableMarkdown\n  | ProvenanceGraph\n  | Preview\n\nexport type MarkdownWidgetProps = MarkdownWidgetDefinition & {\n  originalMarkup: string\n}\n\nfunction MarkdownWidget(props: MarkdownWidgetProps) {\n  const { widgetType, widgetParamsMapped, originalMarkup } = props\n  switch (widgetType) {\n    case 'buttonlink':\n      return <MarkdownButton {...widgetParamsMapped} />\n    case 'image':\n    case 'imageLink':\n      return <MarkdownSynapseImage {...widgetParamsMapped} />\n    case 'plot':\n      return <MarkdownSynapsePlot {...widgetParamsMapped} />\n    case 'toc':\n      return <MarkdownTableOfContents originalMarkup={originalMarkup} />\n    case 'badge':\n      return <MarkdownUserOrTeamBadge {...widgetParamsMapped} />\n    case 'iduReport':\n      return <MarkdownIDUReport {...widgetParamsMapped} />\n    case 'video':\n    case 'vimeo':\n    case 'youtube':\n      return <MarkdownVideo {...widgetParamsMapped} />\n    case 'synapsetable':\n      return <MarkdownSynapseTable {...widgetParamsMapped} />\n    case 'provenance':\n      return <MarkdownProvenanceGraph {...widgetParamsMapped} />\n    case 'preview':\n      return <MarkdownEntityPreview {...widgetParamsMapped} />\n    default:\n      console.warn(`Unsupported widget: ${widgetType}.`)\n      return <></>\n  }\n}\n\nexport default function MarkdownWidgetWithWrapper(props: MarkdownWidgetProps) {\n  // Wrap the widget in an error boundary and suspense\n  return (\n    <SynapseErrorBoundary>\n      <Suspense>\n        <MarkdownWidget {...props} />\n      </Suspense>\n    </SynapseErrorBoundary>\n  )\n}\n"],"mappings":";;;;AAaA,IAAM,IAAgB,QAAW,OAAO,6BAA0B,EAC5D,IAAwB,QACtB,OAAO,qCACd,EACK,IAAoB,QAAW,OAAO,iCAA8B,EACpE,IAA0B,QACxB,OAAO,uCACd,EACK,IAAuB,QAAW,OAAO,oCAAiC,EAC1E,IAAsB,QAAW,OAAO,mCAAgC,EACxE,IAA0B,QACxB,OAAO,uCACd,EACK,IAAiB,QAAW,OAAO,8BAA2B,EAC9D,IAAuB,QAAW,OAAO,oCAAiC,EAC1E,IAA0B,QACxB,OAAO,uCACd;AA0ED,SAAS,EAAe,GAA4B;CAClD,IAAM,EAAE,eAAY,uBAAoB,sBAAmB;AAC3D,SAAQ,GAAR;EACE,KAAK,aACH,QAAO,kBAAC,GAAD,EAAgB,GAAI,GAAsB,CAAA;EACnD,KAAK;EACL,KAAK,YACH,QAAO,kBAAC,GAAD,EAAsB,GAAI,GAAsB,CAAA;EACzD,KAAK,OACH,QAAO,kBAAC,GAAD,EAAqB,GAAI,GAAsB,CAAA;EACxD,KAAK,MACH,QAAO,kBAAC,GAAD,EAAyC,mBAAkB,CAAA;EACpE,KAAK,QACH,QAAO,kBAAC,GAAD,EAAyB,GAAI,GAAsB,CAAA;EAC5D,KAAK,YACH,QAAO,kBAAC,GAAD,EAAmB,GAAI,GAAsB,CAAA;EACtD,KAAK;EACL,KAAK;EACL,KAAK,UACH,QAAO,kBAAC,GAAD,EAAe,GAAI,GAAsB,CAAA;EAClD,KAAK,eACH,QAAO,kBAAC,GAAD,EAAsB,GAAI,GAAsB,CAAA;EACzD,KAAK,aACH,QAAO,kBAAC,GAAD,EAAyB,GAAI,GAAsB,CAAA;EAC5D,KAAK,UACH,QAAO,kBAAC,GAAD,EAAuB,GAAI,GAAsB,CAAA;EAC1D,QAEE,QADA,QAAQ,KAAK,uBAAuB,EAAW,GAAG,EAC3C,kBAAA,GAAA,EAAK,CAAA;;;AAIlB,SAAwB,EAA0B,GAA4B;AAE5E,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAgB,GAAI,GAAS,CAAA,EACpB,CAAA,EACU,CAAA"}
+{"version":3,"file":"MarkdownWidget.js","names":[],"sources":["../../../src/components/Markdown/MarkdownWidget.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport type { ButtonLinkWidgetParams } from './widget/MarkdownButton'\nimport type { MarkdownEntityPreviewProps } from './widget/MarkdownEntityPreview'\nimport type { MarkdownIDUReportProps } from './widget/MarkdownIDUReport'\nimport type { MarkdownProvenanceGraphProps } from './widget/MarkdownProvenanceGraph'\nimport type { ImageWidgetParams } from './widget/MarkdownSynapseImage'\nimport type { MarkdownSynapsePlotProps } from './widget/MarkdownSynapsePlot'\nimport type { MarkdownSynapseTableProps } from './widget/MarkdownSynapseTable'\nimport type { MarkdownUserOrTeamBadgeProps } from './widget/MarkdownUserOrTeamBadge'\nimport type { MarkdownVideoProps } from './widget/MarkdownVideo'\n\n// Lazy load all widgets -- some can be large & cyclical component trees that will prevent bundle-splitting if we do not dynamically import them\nconst MarkdownVideo = lazy(() => import('./widget/MarkdownVideo'))\nconst MarkdownEntityPreview = lazy(\n  () => import('./widget/MarkdownEntityPreview'),\n)\nconst MarkdownIDUReport = lazy(() => import('./widget/MarkdownIDUReport'))\nconst MarkdownProvenanceGraph = lazy(\n  () => import('./widget/MarkdownProvenanceGraph'),\n)\nconst MarkdownSynapseImage = lazy(() => import('./widget/MarkdownSynapseImage'))\nconst MarkdownSynapsePlot = lazy(() => import('./widget/MarkdownSynapsePlot'))\nconst MarkdownUserOrTeamBadge = lazy(\n  () => import('./widget/MarkdownUserOrTeamBadge'),\n)\nconst MarkdownButton = lazy(() => import('./widget/MarkdownButton'))\nconst MarkdownSynapseTable = lazy(() => import('./widget/MarkdownSynapseTable'))\nconst MarkdownTableOfContents = lazy(\n  () => import('./widget/MarkdownTableOfContents'),\n)\n\ntype ButtonLink = {\n  widgetType: 'buttonlink'\n  widgetParamsMapped: ButtonLinkWidgetParams\n}\n\ntype Image = {\n  widgetType: 'image'\n  widgetParamsMapped: ImageWidgetParams\n}\n\ntype ImageLink = {\n  widgetType: 'imageLink'\n  widgetParamsMapped: ImageWidgetParams\n}\n\ntype Plot = {\n  widgetType: 'plot'\n  widgetParamsMapped: MarkdownSynapsePlotProps\n}\n\ntype TableOfContents = {\n  widgetType: 'toc'\n  widgetParamsMapped: never\n}\n\ntype UserBadge = {\n  widgetType: 'badge'\n  widgetParamsMapped: MarkdownUserOrTeamBadgeProps\n}\n\ntype IDUReport = {\n  widgetType: 'iduReport'\n  widgetParamsMapped: MarkdownIDUReportProps\n}\n\ntype Video = {\n  widgetType: 'video' | 'vimeo' | 'youtube'\n  widgetParamsMapped: MarkdownVideoProps\n}\n\ntype SynapseTableMarkdown = {\n  widgetType: 'synapsetable'\n  widgetParamsMapped: MarkdownSynapseTableProps\n}\n\ntype ProvenanceGraph = {\n  widgetType: 'provenance'\n  widgetParamsMapped: MarkdownProvenanceGraphProps\n}\n\ntype Preview = {\n  widgetType: 'preview'\n  widgetParamsMapped: MarkdownEntityPreviewProps\n}\n\ntype MarkdownWidgetDefinition =\n  | ButtonLink\n  | Image\n  | ImageLink\n  | Plot\n  | TableOfContents\n  | UserBadge\n  | IDUReport\n  | Video\n  | SynapseTableMarkdown\n  | ProvenanceGraph\n  | Preview\n\nexport type MarkdownWidgetProps = MarkdownWidgetDefinition & {\n  originalMarkup: string\n}\n\nfunction MarkdownWidget(props: MarkdownWidgetProps) {\n  const { widgetType, widgetParamsMapped, originalMarkup } = props\n  switch (widgetType) {\n    case 'buttonlink':\n      return <MarkdownButton {...widgetParamsMapped} />\n    case 'image':\n    case 'imageLink':\n      return <MarkdownSynapseImage {...widgetParamsMapped} />\n    case 'plot':\n      return <MarkdownSynapsePlot {...widgetParamsMapped} />\n    case 'toc':\n      return <MarkdownTableOfContents originalMarkup={originalMarkup} />\n    case 'badge':\n      return <MarkdownUserOrTeamBadge {...widgetParamsMapped} />\n    case 'iduReport':\n      return <MarkdownIDUReport {...widgetParamsMapped} />\n    case 'video':\n    case 'vimeo':\n    case 'youtube':\n      return <MarkdownVideo {...widgetParamsMapped} />\n    case 'synapsetable':\n      return <MarkdownSynapseTable {...widgetParamsMapped} />\n    case 'provenance':\n      return <MarkdownProvenanceGraph {...widgetParamsMapped} />\n    case 'preview':\n      return <MarkdownEntityPreview {...widgetParamsMapped} />\n    default:\n      console.warn(`Unsupported widget: ${widgetType}.`)\n      return <></>\n  }\n}\n\nexport default function MarkdownWidgetWithWrapper(props: MarkdownWidgetProps) {\n  // Wrap the widget in an error boundary and suspense\n  return (\n    <SynapseErrorBoundary>\n      <Suspense>\n        <MarkdownWidget {...props} />\n      </Suspense>\n    </SynapseErrorBoundary>\n  )\n}\n"],"mappings":";;;;AAaA,IAAM,IAAgB,QAAW,OAAO,4BAAyB,GAC3D,IAAwB,QACtB,OAAO,oCACf,GACM,IAAoB,QAAW,OAAO,gCAA6B,GACnE,IAA0B,QACxB,OAAO,sCACf,GACM,IAAuB,QAAW,OAAO,mCAAgC,GACzE,IAAsB,QAAW,OAAO,kCAA+B,GACvE,IAA0B,QACxB,OAAO,sCACf,GACM,IAAiB,QAAW,OAAO,6BAA0B,GAC7D,IAAuB,QAAW,OAAO,mCAAgC,GACzE,IAA0B,QACxB,OAAO,sCACf;AA0EA,SAAS,EAAe,GAA4B;CAClD,IAAM,EAAE,eAAY,uBAAoB,sBAAmB;CAC3D,QAAQ,GAAR;EACE,KAAK,cACH,OAAO,kBAAC,GAAD,EAAgB,GAAI,EAAqB,CAAA;EAClD,KAAK;EACL,KAAK,aACH,OAAO,kBAAC,GAAD,EAAsB,GAAI,EAAqB,CAAA;EACxD,KAAK,QACH,OAAO,kBAAC,GAAD,EAAqB,GAAI,EAAqB,CAAA;EACvD,KAAK,OACH,OAAO,kBAAC,GAAD,EAAyC,kBAAiB,CAAA;EACnE,KAAK,SACH,OAAO,kBAAC,GAAD,EAAyB,GAAI,EAAqB,CAAA;EAC3D,KAAK,aACH,OAAO,kBAAC,GAAD,EAAmB,GAAI,EAAqB,CAAA;EACrD,KAAK;EACL,KAAK;EACL,KAAK,WACH,OAAO,kBAAC,GAAD,EAAe,GAAI,EAAqB,CAAA;EACjD,KAAK,gBACH,OAAO,kBAAC,GAAD,EAAsB,GAAI,EAAqB,CAAA;EACxD,KAAK,cACH,OAAO,kBAAC,GAAD,EAAyB,GAAI,EAAqB,CAAA;EAC3D,KAAK,WACH,OAAO,kBAAC,GAAD,EAAuB,GAAI,EAAqB,CAAA;EACzD,SAEE,OADA,QAAQ,KAAK,uBAAuB,EAAW,EAAE,GAC1C,kBAAA,GAAA,CAAI,CAAA;CACf;AACF;AAEA,SAAwB,EAA0B,GAA4B;CAE5E,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAgB,GAAI,EAAQ,CAAA,EACpB,CAAA,EACU,CAAA;AAE1B"}

package/dist/components/Markdown/SynapseWikiContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseWikiContext.js","names":[],"sources":["../../../src/components/Markdown/SynapseWikiContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react'\nimport { FileHandleResults, WikiPage } from '@sage-bionetworks/synapse-types'\n\nexport type SynapseWikiContextType = {\n  ownerId?: string\n  wikiId?: string\n  wikiPage?: Partial<WikiPage>\n  /** Downloaded file handles that are attached to the wiki */\n  fileHandles?: FileHandleResults\n}\n\n/**\n * This must be exported to use the context in class components.\n */\nexport const SynapseWikiContext = createContext<\n  SynapseWikiContextType | undefined\n>(undefined)\n\nexport type SynapseWikiContextProviderProps = {\n  wikiContext?: SynapseWikiContextType\n  children?: ReactNode\n}\n\n/**\n * Provides context related to Synapse Wikis\n * @param param0\n * @returns\n */\nexport function SynapseWikiContextProvider({\n  children,\n  wikiContext,\n}: SynapseWikiContextProviderProps) {\n  return (\n    <SynapseWikiContext.Provider value={wikiContext}>\n      {children}\n    </SynapseWikiContext.Provider>\n  )\n}\n\nexport const SynapseWikiContextConsumer = SynapseWikiContext.Consumer\n\nexport function useWikiContext(): SynapseWikiContextType {\n  const context = useContext(SynapseWikiContext)\n  return context ?? {}\n}\n"],"mappings":";;;AAcA,IAAa,IAAqB,EAEhC,KAAA,EAAU;AAYZ,SAAgB,EAA2B,EACzC,aACA,kBACkC;AAClC,QACE,kBAAC,EAAmB,UAApB;EAA6B,OAAO;EACjC;EAC2B,CAAA;;AAIlC,IAAa,IAA6B,EAAmB;AAE7D,SAAgB,IAAyC;AAEvD,QADgB,EAAW,EACpB,IAAW,EAAE"}
+{"version":3,"file":"SynapseWikiContext.js","names":[],"sources":["../../../src/components/Markdown/SynapseWikiContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react'\nimport { FileHandleResults, WikiPage } from '@sage-bionetworks/synapse-types'\n\nexport type SynapseWikiContextType = {\n  ownerId?: string\n  wikiId?: string\n  wikiPage?: Partial<WikiPage>\n  /** Downloaded file handles that are attached to the wiki */\n  fileHandles?: FileHandleResults\n}\n\n/**\n * This must be exported to use the context in class components.\n */\nexport const SynapseWikiContext = createContext<\n  SynapseWikiContextType | undefined\n>(undefined)\n\nexport type SynapseWikiContextProviderProps = {\n  wikiContext?: SynapseWikiContextType\n  children?: ReactNode\n}\n\n/**\n * Provides context related to Synapse Wikis\n * @param param0\n * @returns\n */\nexport function SynapseWikiContextProvider({\n  children,\n  wikiContext,\n}: SynapseWikiContextProviderProps) {\n  return (\n    <SynapseWikiContext.Provider value={wikiContext}>\n      {children}\n    </SynapseWikiContext.Provider>\n  )\n}\n\nexport const SynapseWikiContextConsumer = SynapseWikiContext.Consumer\n\nexport function useWikiContext(): SynapseWikiContextType {\n  const context = useContext(SynapseWikiContext)\n  return context ?? {}\n}\n"],"mappings":";;;AAcA,IAAa,IAAqB,EAEhC,KAAA,CAAS;AAYX,SAAgB,EAA2B,EACzC,aACA,kBACkC;CAClC,OACE,kBAAC,EAAmB,UAApB;EAA6B,OAAO;EACjC;CAC0B,CAAA;AAEjC;AAEA,IAAa,IAA6B,EAAmB;AAE7D,SAAgB,IAAyC;CAEvD,OADgB,EAAW,CACpB,KAAW,CAAC;AACrB"}

package/dist/components/Markdown/UserMentionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserMentionModal.js","names":[],"sources":["../../../src/components/Markdown/UserMentionModal.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { TYPE_FILTER, UserGroupHeader } from '@sage-bionetworks/synapse-types'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\n\nexport type UserMentionModalProps = {\n  show: boolean\n  onClose: () => void\n  handleUserTag: (user: string) => void\n}\n\nexport function UserMentionModal({\n  show,\n  onClose,\n  handleUserTag,\n}: UserMentionModalProps) {\n  const onUserChange = useCallback(\n    (selected: string | null, header: UserGroupHeader | null) => {\n      if (selected && header) {\n        handleUserTag(header.userName)\n      }\n      onClose()\n    },\n    [onClose, handleUserTag],\n  )\n\n  return (\n    <>\n      <DialogBase\n        open={show}\n        onCancel={onClose}\n        title=\"Find User or Team\"\n        content={\n          <UserSearchBox\n            placeholder=\"Search for a user or team name\"\n            onChange={onUserChange}\n            typeFilter={TYPE_FILTER.ALL}\n            autoFocus={true}\n          />\n        }\n        sx={{\n          '.MuiDialog-paperFullWidth': {\n            overflowY: 'visible',\n            '.MuiDialogContent-root': { overflowY: 'visible' },\n          },\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;AAWA,SAAgB,EAAiB,EAC/B,SACA,YACA,oBACwB;AAWxB,QACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,MAAM;EACN,UAAU;EACV,OAAM;EACN,SACE,kBAAC,GAAD;GACE,aAAY;GACZ,UAnBW,GAClB,GAAyB,MAAmC;AAI3D,IAHI,KAAY,KACd,EAAc,EAAO,SAAS,EAEhC,GAAS;MAEX,CAAC,GAAS,EAAc,CAYN;GACV,YAAY,EAAY;GACxB,WAAW;GACX,CAAA;EAEJ,IAAI,EACF,6BAA6B;GAC3B,WAAW;GACX,0BAA0B,EAAE,WAAW,WAAW;GACnD,EACF;EACD,CAAA,EACD,CAAA"}
+{"version":3,"file":"UserMentionModal.js","names":[],"sources":["../../../src/components/Markdown/UserMentionModal.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { TYPE_FILTER, UserGroupHeader } from '@sage-bionetworks/synapse-types'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\n\nexport type UserMentionModalProps = {\n  show: boolean\n  onClose: () => void\n  handleUserTag: (user: string) => void\n}\n\nexport function UserMentionModal({\n  show,\n  onClose,\n  handleUserTag,\n}: UserMentionModalProps) {\n  const onUserChange = useCallback(\n    (selected: string | null, header: UserGroupHeader | null) => {\n      if (selected && header) {\n        handleUserTag(header.userName)\n      }\n      onClose()\n    },\n    [onClose, handleUserTag],\n  )\n\n  return (\n    <>\n      <DialogBase\n        open={show}\n        onCancel={onClose}\n        title=\"Find User or Team\"\n        content={\n          <UserSearchBox\n            placeholder=\"Search for a user or team name\"\n            onChange={onUserChange}\n            typeFilter={TYPE_FILTER.ALL}\n            autoFocus={true}\n          />\n        }\n        sx={{\n          '.MuiDialog-paperFullWidth': {\n            overflowY: 'visible',\n            '.MuiDialogContent-root': { overflowY: 'visible' },\n          },\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;AAWA,SAAgB,EAAiB,EAC/B,SACA,YACA,oBACwB;CAWxB,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,MAAM;EACN,UAAU;EACV,OAAM;EACN,SACE,kBAAC,GAAD;GACE,aAAY;GACZ,UAnBW,GAClB,GAAyB,MAAmC;IAI3D,AAHI,KAAY,KACd,EAAc,EAAO,QAAQ,GAE/B,EAAQ;GACV,GACA,CAAC,GAAS,CAAa,CAYL;GACV,YAAY,EAAY;GACxB,WAAW;EACZ,CAAA;EAEH,IAAI,EACF,6BAA6B;GAC3B,WAAW;GACX,0BAA0B,EAAE,WAAW,UAAU;EACnD,EACF;CACD,CAAA,EACD,CAAA;AAEN"}

package/dist/components/Markdown/widget/Bookmarks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bookmarks.js","names":[],"sources":["../../../../src/components/Markdown/widget/Bookmarks.tsx"],"sourcesContent":["import { Component, Fragment } from 'react'\n\nexport type BookmarksProps = {\n  footnotes: string\n}\n\nclass Bookmarks extends Component<BookmarksProps, never> {\n  constructor(props: BookmarksProps) {\n    super(props)\n    this.renderBookmarks = this.renderBookmarks.bind(this)\n  }\n\n  /**\n   * Returns bookmarks\n   *\n   * @returns JSX for the embedded bookmarks in the markdown passed in as a prop\n   * @memberof Bookmarks\n   */\n  public renderBookmarks() {\n    const copyFootnotes: string = String(this.props.footnotes)\n\n    // find all the links embedded in the markdown below\n    const regex = /Synapse widget&gt;<\\/span>(.*)</g\n    let matchedGroup: RegExpExecArray | null\n    const output: string[] = []\n    // below we use regex.exec to find the find matched group containing the citation source\n    while ((matchedGroup = regex.exec(copyFootnotes))) {\n      output.push(matchedGroup[1])\n    }\n\n    // return all the links formatted accordingly\n    return output.map((el, index) => {\n      const isBeforeLastElement = index < output.length - 1\n      return (\n        <Fragment key={index}>\n          <button className=\"SRC-markdown-bookmark\" id={`bookmark${index}`}>\n            [{index + 1}]\n          </button>\n          <span dangerouslySetInnerHTML={{ __html: el }} />\n          {isBeforeLastElement && <br />}\n        </Fragment>\n      )\n    })\n  }\n\n  public render() {\n    return (\n      <>\n        <hr />\n        {this.renderBookmarks()}\n      </>\n    )\n  }\n}\n\nexport default Bookmarks\n"],"mappings":";;;AAMA,IAAM,IAAN,cAAwB,EAAiC;CACvD,YAAY,GAAuB;AAEjC,EADA,MAAM,EAAM,EACZ,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,KAAK;;CASxD,kBAAyB;EACvB,IAAM,IAAwB,OAAO,KAAK,MAAM,UAAU,EAGpD,IAAQ,oCACV,GACE,IAAmB,EAAE;AAE3B,SAAQ,IAAe,EAAM,KAAK,EAAc,EAC9C,GAAO,KAAK,EAAa,GAAG;AAI9B,SAAO,EAAO,KAAK,GAAI,MAAU;GAC/B,IAAM,IAAsB,IAAQ,EAAO,SAAS;AACpD,UACE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,UAAD;KAAQ,WAAU;KAAwB,IAAI,WAAW;eAAzD;MAAkE;MAC9D,IAAQ;MAAE;MACL;;IACT,kBAAC,QAAD,EAAM,yBAAyB,EAAE,QAAQ,GAAI,EAAI,CAAA;IAChD,KAAuB,kBAAC,MAAD,EAAM,CAAA;IACrB,EAAA,EANI,EAMJ;IAEb;;CAGJ,SAAgB;AACd,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD,EAAM,CAAA,EACL,KAAK,iBAAiB,CACtB,EAAA,CAAA"}
+{"version":3,"file":"Bookmarks.js","names":[],"sources":["../../../../src/components/Markdown/widget/Bookmarks.tsx"],"sourcesContent":["import { Component, Fragment } from 'react'\n\nexport type BookmarksProps = {\n  footnotes: string\n}\n\nclass Bookmarks extends Component<BookmarksProps, never> {\n  constructor(props: BookmarksProps) {\n    super(props)\n    this.renderBookmarks = this.renderBookmarks.bind(this)\n  }\n\n  /**\n   * Returns bookmarks\n   *\n   * @returns JSX for the embedded bookmarks in the markdown passed in as a prop\n   * @memberof Bookmarks\n   */\n  public renderBookmarks() {\n    const copyFootnotes: string = String(this.props.footnotes)\n\n    // find all the links embedded in the markdown below\n    const regex = /Synapse widget&gt;<\\/span>(.*)</g\n    let matchedGroup: RegExpExecArray | null\n    const output: string[] = []\n    // below we use regex.exec to find the find matched group containing the citation source\n    while ((matchedGroup = regex.exec(copyFootnotes))) {\n      output.push(matchedGroup[1])\n    }\n\n    // return all the links formatted accordingly\n    return output.map((el, index) => {\n      const isBeforeLastElement = index < output.length - 1\n      return (\n        <Fragment key={index}>\n          <button className=\"SRC-markdown-bookmark\" id={`bookmark${index}`}>\n            [{index + 1}]\n          </button>\n          <span dangerouslySetInnerHTML={{ __html: el }} />\n          {isBeforeLastElement && <br />}\n        </Fragment>\n      )\n    })\n  }\n\n  public render() {\n    return (\n      <>\n        <hr />\n        {this.renderBookmarks()}\n      </>\n    )\n  }\n}\n\nexport default Bookmarks\n"],"mappings":";;;AAMA,IAAM,IAAN,cAAwB,EAAiC;CACvD,YAAY,GAAuB;EAEjC,AADA,MAAM,CAAK,GACX,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;CACvD;CAQA,kBAAyB;EACvB,IAAM,IAAwB,OAAO,KAAK,MAAM,SAAS,GAGnD,IAAQ,oCACV,GACE,IAAmB,CAAC;EAE1B,OAAQ,IAAe,EAAM,KAAK,CAAa,IAC7C,EAAO,KAAK,EAAa,EAAE;EAI7B,OAAO,EAAO,KAAK,GAAI,MAAU;GAC/B,IAAM,IAAsB,IAAQ,EAAO,SAAS;GACpD,OACE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,UAAD;KAAQ,WAAU;KAAwB,IAAI,WAAW;eAAzD;MAAkE;MAC9D,IAAQ;MAAE;KACN;;IACR,kBAAC,QAAD,EAAM,yBAAyB,EAAE,QAAQ,EAAG,EAAI,CAAA;IAC/C,KAAuB,kBAAC,MAAD,CAAK,CAAA;GACrB,EAAA,GANK,CAML;EAEd,CAAC;CACH;CAEA,SAAgB;EACd,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD,CAAK,CAAA,GACJ,KAAK,gBAAgB,CACtB,EAAA,CAAA;CAEN;AACF"}

package/dist/components/Markdown/widget/MarkdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownButton.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownButton.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { ButtonProps } from '@mui/material'\nimport { Link as RouterLink, useInRouterContext } from 'react-router'\n\nexport type ButtonLinkWidgetParams = {\n  align?: string\n  highlight?: string\n  url?: string\n  text?: string\n}\n\nexport default function MarkdownButton(\n  widgetParamsMapped: ButtonLinkWidgetParams,\n) {\n  let buttonClasses = ''\n  const { align = '', highlight: _highlight = '' } = widgetParamsMapped\n  const highlight = _highlight === 'true'\n  const alignLowerCase = align.toLowerCase()\n  if (alignLowerCase === 'left') {\n    buttonClasses += 'floatleft '\n  }\n  if (alignLowerCase === 'right') {\n    buttonClasses += 'floatright '\n  }\n  const buttonIsCenterAligned = alignLowerCase === 'center'\n  const buttonColor = highlight ? 'secondary' : 'neutral'\n  const isExternalLink =\n    widgetParamsMapped.url?.startsWith('http://') ||\n    widgetParamsMapped.url?.startsWith('https://')\n  const inRouterContext = useInRouterContext()\n\n  let linkProps: Partial<ButtonProps> & { target?: string; to?: string } = {}\n\n  if (isExternalLink) {\n    linkProps = {\n      href: widgetParamsMapped.url,\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      component: 'a',\n    }\n  } else if (inRouterContext) {\n    // For internal links, if we are in a react-router context, we want to use the RouterLink\n    linkProps = {\n      to: widgetParamsMapped.url,\n      component: RouterLink,\n    }\n  } else {\n    linkProps = {\n      href: widgetParamsMapped.url,\n      component: 'a',\n    }\n  }\n\n  const button = (\n    <WideButton\n      className={buttonClasses}\n      variant=\"contained\"\n      color={buttonColor}\n      {...linkProps}\n      sx={{\n        '&:hover': {\n          backgroundColor: highlight ? undefined : 'secondary.main',\n          color: 'white',\n        },\n        ...(!buttonIsCenterAligned &&\n          widgetParamsMapped.url && {\n            margin: '20px 20px 20px 0px',\n          }),\n      }}\n    >\n      {widgetParamsMapped.text}\n    </WideButton>\n  )\n\n  return buttonIsCenterAligned ? (\n    <span style={{ display: 'block', textAlign: 'center' }}>{button}</span>\n  ) : (\n    <span>{button}</span>\n  )\n}\n"],"mappings":";;;;AAWA,SAAwB,EACtB,GACA;CACA,IAAI,IAAgB,IACd,EAAE,WAAQ,IAAI,WAAW,IAAa,OAAO,GAC7C,IAAY,MAAe,QAC3B,IAAiB,EAAM,aAAa;AAI1C,CAHI,MAAmB,WACrB,KAAiB,eAEf,MAAmB,YACrB,KAAiB;CAEnB,IAAM,IAAwB,MAAmB,UAC3C,IAAc,IAAY,cAAc,WACxC,IACJ,EAAmB,KAAK,WAAW,UAAU,IAC7C,EAAmB,KAAK,WAAW,WAAW,EAC1C,IAAkB,GAAoB,EAExC,IAAqE,EAAE;AAE3E,CAcE,IAdE,IACU;EACV,MAAM,EAAmB;EACzB,QAAQ;EACR,KAAK;EACL,WAAW;EACZ,GACQ,IAEG;EACV,IAAI,EAAmB;EACvB,WAAW;EACZ,GAEW;EACV,MAAM,EAAmB;EACzB,WAAW;EACZ;CAGH,IAAM,IACJ,kBAAC,GAAD;EACE,WAAW;EACX,SAAQ;EACR,OAAO;EACP,GAAI;EACJ,IAAI;GACF,WAAW;IACT,iBAAiB,IAAY,KAAA,IAAY;IACzC,OAAO;IACR;GACD,GAAI,CAAC,KACH,EAAmB,OAAO,EACxB,QAAQ,sBACT;GACJ;YAEA,EAAmB;EACT,CAAA;AAGf,QAAO,IACL,kBAAC,QAAD;EAAM,OAAO;GAAE,SAAS;GAAS,WAAW;GAAU;YAAG;EAAc,CAAA,GAEvE,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA"}
+{"version":3,"file":"MarkdownButton.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownButton.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { ButtonProps } from '@mui/material'\nimport { Link as RouterLink, useInRouterContext } from 'react-router'\n\nexport type ButtonLinkWidgetParams = {\n  align?: string\n  highlight?: string\n  url?: string\n  text?: string\n}\n\nexport default function MarkdownButton(\n  widgetParamsMapped: ButtonLinkWidgetParams,\n) {\n  let buttonClasses = ''\n  const { align = '', highlight: _highlight = '' } = widgetParamsMapped\n  const highlight = _highlight === 'true'\n  const alignLowerCase = align.toLowerCase()\n  if (alignLowerCase === 'left') {\n    buttonClasses += 'floatleft '\n  }\n  if (alignLowerCase === 'right') {\n    buttonClasses += 'floatright '\n  }\n  const buttonIsCenterAligned = alignLowerCase === 'center'\n  const buttonColor = highlight ? 'secondary' : 'neutral'\n  const isExternalLink =\n    widgetParamsMapped.url?.startsWith('http://') ||\n    widgetParamsMapped.url?.startsWith('https://')\n  const inRouterContext = useInRouterContext()\n\n  let linkProps: Partial<ButtonProps> & { target?: string; to?: string } = {}\n\n  if (isExternalLink) {\n    linkProps = {\n      href: widgetParamsMapped.url,\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      component: 'a',\n    }\n  } else if (inRouterContext) {\n    // For internal links, if we are in a react-router context, we want to use the RouterLink\n    linkProps = {\n      to: widgetParamsMapped.url,\n      component: RouterLink,\n    }\n  } else {\n    linkProps = {\n      href: widgetParamsMapped.url,\n      component: 'a',\n    }\n  }\n\n  const button = (\n    <WideButton\n      className={buttonClasses}\n      variant=\"contained\"\n      color={buttonColor}\n      {...linkProps}\n      sx={{\n        '&:hover': {\n          backgroundColor: highlight ? undefined : 'secondary.main',\n          color: 'white',\n        },\n        ...(!buttonIsCenterAligned &&\n          widgetParamsMapped.url && {\n            margin: '20px 20px 20px 0px',\n          }),\n      }}\n    >\n      {widgetParamsMapped.text}\n    </WideButton>\n  )\n\n  return buttonIsCenterAligned ? (\n    <span style={{ display: 'block', textAlign: 'center' }}>{button}</span>\n  ) : (\n    <span>{button}</span>\n  )\n}\n"],"mappings":";;;;AAWA,SAAwB,EACtB,GACA;CACA,IAAI,IAAgB,IACd,EAAE,WAAQ,IAAI,WAAW,IAAa,OAAO,GAC7C,IAAY,MAAe,QAC3B,IAAiB,EAAM,YAAY;CAIzC,AAHI,MAAmB,WACrB,KAAiB,eAEf,MAAmB,YACrB,KAAiB;CAEnB,IAAM,IAAwB,MAAmB,UAC3C,IAAc,IAAY,cAAc,WACxC,IACJ,EAAmB,KAAK,WAAW,SAAS,KAC5C,EAAmB,KAAK,WAAW,UAAU,GACzC,IAAkB,EAAmB,GAEvC,IAAqE,CAAC;CAE1E,AAcE,IAdE,IACU;EACV,MAAM,EAAmB;EACzB,QAAQ;EACR,KAAK;EACL,WAAW;CACb,IACS,IAEG;EACV,IAAI,EAAmB;EACvB,WAAW;CACb,IAEY;EACV,MAAM,EAAmB;EACzB,WAAW;CACb;CAGF,IAAM,IACJ,kBAAC,GAAD;EACE,WAAW;EACX,SAAQ;EACR,OAAO;EACP,GAAI;EACJ,IAAI;GACF,WAAW;IACT,iBAAiB,IAAY,KAAA,IAAY;IACzC,OAAO;GACT;GACA,GAAI,CAAC,KACH,EAAmB,OAAO,EACxB,QAAQ,qBACV;EACJ;YAEC,EAAmB;CACV,CAAA;CAGd,OAAO,IACL,kBAAC,QAAD;EAAM,OAAO;GAAE,SAAS;GAAS,WAAW;EAAS;YAAI;CAAa,CAAA,IAEtE,kBAAC,QAAD,EAAA,UAAO,EAAa,CAAA;AAExB"}

package/dist/components/Markdown/widget/MarkdownEntityPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEntityPreview.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownEntityPreview.tsx"],"sourcesContent":["import { parseSynId } from '@/utils/functions/RegularExpressions'\nimport EntityPreview from '../../FilePreview/EntityPreview'\n\nexport type MarkdownEntityPreviewProps = {\n  /** A Synapse Entity ID that may optionally contain a \"dot\" version, e.g. syn123 or syn123.2 */\n  entityId: string\n  /** An optional Entity version number. */\n  versionNumber?: string\n}\n\nexport default function MarkdownEntityPreview(\n  props: MarkdownEntityPreviewProps,\n) {\n  const parsedReference = parseSynId(props.entityId)\n  if (parsedReference == null) {\n    throw new Error(`${props.entityId} is not a valid Synapse ID`)\n  }\n  const parsedVersionNumber = parseInt(props.versionNumber ?? '')\n\n  const entityId = parsedReference.targetId\n  const versionNumber = Number.isNaN(parsedVersionNumber)\n    ? parsedReference.targetVersionNumber\n    : parsedVersionNumber\n\n  return <EntityPreview entityId={entityId} versionNumber={versionNumber} />\n}\n"],"mappings":";;;;AAUA,SAAwB,EACtB,GACA;CACA,IAAM,IAAkB,EAAW,EAAM,SAAS;AAClD,KAAI,KAAmB,KACrB,OAAU,MAAM,GAAG,EAAM,SAAS,4BAA4B;CAEhE,IAAM,IAAsB,SAAS,EAAM,iBAAiB,GAAG,EAEzD,IAAW,EAAgB;AAKjC,QAAO,kBAAC,GAAD;EAAyB;EAAyB,eAJnC,OAAO,MAAM,EAAoB,GACnD,EAAgB,sBAChB;EAEsE,CAAA"}
+{"version":3,"file":"MarkdownEntityPreview.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownEntityPreview.tsx"],"sourcesContent":["import { parseSynId } from '@/utils/functions/RegularExpressions'\nimport EntityPreview from '../../FilePreview/EntityPreview'\n\nexport type MarkdownEntityPreviewProps = {\n  /** A Synapse Entity ID that may optionally contain a \"dot\" version, e.g. syn123 or syn123.2 */\n  entityId: string\n  /** An optional Entity version number. */\n  versionNumber?: string\n}\n\nexport default function MarkdownEntityPreview(\n  props: MarkdownEntityPreviewProps,\n) {\n  const parsedReference = parseSynId(props.entityId)\n  if (parsedReference == null) {\n    throw new Error(`${props.entityId} is not a valid Synapse ID`)\n  }\n  const parsedVersionNumber = parseInt(props.versionNumber ?? '')\n\n  const entityId = parsedReference.targetId\n  const versionNumber = Number.isNaN(parsedVersionNumber)\n    ? parsedReference.targetVersionNumber\n    : parsedVersionNumber\n\n  return <EntityPreview entityId={entityId} versionNumber={versionNumber} />\n}\n"],"mappings":";;;;AAUA,SAAwB,EACtB,GACA;CACA,IAAM,IAAkB,EAAW,EAAM,QAAQ;CACjD,IAAI,KAAmB,MACrB,MAAU,MAAM,GAAG,EAAM,SAAS,2BAA2B;CAE/D,IAAM,IAAsB,SAAS,EAAM,iBAAiB,EAAE,GAExD,IAAW,EAAgB;CAKjC,OAAO,kBAAC,GAAD;EAAyB;EAAyB,eAJnC,OAAO,MAAM,CAAmB,IAClD,EAAgB,sBAChB;CAEqE,CAAA;AAC3E"}

package/dist/components/Markdown/widget/MarkdownIDUReport.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownIDUReport.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownIDUReport.tsx"],"sourcesContent":["import IDUReport from '../../IDUReport/IDUReport'\n\nexport type MarkdownIDUReportProps = {\n  accessRestrictionId: string\n}\n\nexport default function MarkdownIDUReport(props: MarkdownIDUReportProps) {\n  const { accessRestrictionId } = props\n  return <IDUReport accessRequirementId={accessRestrictionId} />\n}\n"],"mappings":";;;AAMA,SAAwB,EAAkB,GAA+B;CACvE,IAAM,EAAE,2BAAwB;AAChC,QAAO,kBAAC,GAAD,EAAW,qBAAqB,GAAuB,CAAA"}
+{"version":3,"file":"MarkdownIDUReport.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownIDUReport.tsx"],"sourcesContent":["import IDUReport from '../../IDUReport/IDUReport'\n\nexport type MarkdownIDUReportProps = {\n  accessRestrictionId: string\n}\n\nexport default function MarkdownIDUReport(props: MarkdownIDUReportProps) {\n  const { accessRestrictionId } = props\n  return <IDUReport accessRequirementId={accessRestrictionId} />\n}\n"],"mappings":";;;AAMA,SAAwB,EAAkB,GAA+B;CACvE,IAAM,EAAE,2BAAwB;CAChC,OAAO,kBAAC,GAAD,EAAW,qBAAqB,EAAsB,CAAA;AAC/D"}

package/dist/components/Markdown/widget/MarkdownProvenanceGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownProvenanceGraph.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownProvenanceGraph.tsx"],"sourcesContent":["import { Reference } from '@sage-bionetworks/synapse-types'\nimport ProvenanceGraph from '../../ProvenanceGraph/ProvenanceGraph'\n\nexport type MarkdownProvenanceGraphProps = {\n  entityList: string // comma delimited entity references of the form <synapse_ID>/version/<version_number>.  The /version/<version_number> is optional\n  displayHeightPx: string\n  // depth: string, // traverse the given depth, not currently supported in ProvenanceGraph\n  // showExpand: string // option to make graph not expandable, not currently supported in ProvenanceGraph\n}\n\nexport default function MarkdownProvenanceGraph(\n  props: MarkdownProvenanceGraphProps,\n) {\n  const { entityList, displayHeightPx } = props\n  // parse entityList\n  const refs = entityList.split(',').map(v => {\n    const entityAndVersion = v.split('/version/')\n    const ref: Reference = {\n      targetId: entityAndVersion[0],\n      targetVersionNumber:\n        entityAndVersion.length > 1 ? parseInt(entityAndVersion[1]) : undefined,\n    }\n    return ref\n  })\n  const containerHeight = displayHeightPx ? `${displayHeightPx}px` : undefined\n  return <ProvenanceGraph entityRefs={refs} containerHeight={containerHeight} />\n}\n"],"mappings":";;;AAUA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,uBAAoB;AAYxC,QAAO,kBAAC,GAAD;EAAiB,YAVX,EAAW,MAAM,IAAI,CAAC,KAAI,MAAK;GAC1C,IAAM,IAAmB,EAAE,MAAM,YAAY;AAM7C,UAAO;IAJL,UAAU,EAAiB;IAC3B,qBACE,EAAiB,SAAS,IAAI,SAAS,EAAiB,GAAG,GAAG,KAAA;IAE3D;IAG2B;EAAuB,iBADnC,IAAkB,GAAG,EAAgB,MAAM,KAAA;EACW,CAAA"}
+{"version":3,"file":"MarkdownProvenanceGraph.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownProvenanceGraph.tsx"],"sourcesContent":["import { Reference } from '@sage-bionetworks/synapse-types'\nimport ProvenanceGraph from '../../ProvenanceGraph/ProvenanceGraph'\n\nexport type MarkdownProvenanceGraphProps = {\n  entityList: string // comma delimited entity references of the form <synapse_ID>/version/<version_number>.  The /version/<version_number> is optional\n  displayHeightPx: string\n  // depth: string, // traverse the given depth, not currently supported in ProvenanceGraph\n  // showExpand: string // option to make graph not expandable, not currently supported in ProvenanceGraph\n}\n\nexport default function MarkdownProvenanceGraph(\n  props: MarkdownProvenanceGraphProps,\n) {\n  const { entityList, displayHeightPx } = props\n  // parse entityList\n  const refs = entityList.split(',').map(v => {\n    const entityAndVersion = v.split('/version/')\n    const ref: Reference = {\n      targetId: entityAndVersion[0],\n      targetVersionNumber:\n        entityAndVersion.length > 1 ? parseInt(entityAndVersion[1]) : undefined,\n    }\n    return ref\n  })\n  const containerHeight = displayHeightPx ? `${displayHeightPx}px` : undefined\n  return <ProvenanceGraph entityRefs={refs} containerHeight={containerHeight} />\n}\n"],"mappings":";;;AAUA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,uBAAoB;CAYxC,OAAO,kBAAC,GAAD;EAAiB,YAVX,EAAW,MAAM,GAAG,EAAE,KAAI,MAAK;GAC1C,IAAM,IAAmB,EAAE,MAAM,WAAW;GAM5C,OAAO;IAJL,UAAU,EAAiB;IAC3B,qBACE,EAAiB,SAAS,IAAI,SAAS,EAAiB,EAAE,IAAI,KAAA;GAE3D;EACT,CAEoC;EAAuB,iBADnC,IAAkB,GAAG,EAAgB,MAAM,KAAA;CACU,CAAA;AAC/E"}

package/dist/components/Markdown/widget/MarkdownSynapseImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownSynapseImage.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownSynapseImage.tsx"],"sourcesContent":["import SynapseImage, { SynapseImageProps } from '../../widgets/SynapseImage'\nimport { useWikiContext } from '../SynapseWikiContext'\n\nexport type ImageWidgetParams = Omit<\n  SynapseImageProps,\n  'params' | 'fileResults'\n> &\n  SynapseImageProps['params']\n\nexport default function MarkdownSynapseImage(\n  widgetParamsMapped: ImageWidgetParams,\n) {\n  const { wikiId, wikiPage, fileHandles } = useWikiContext()\n  if (widgetParamsMapped.fileName) {\n    if (!fileHandles) {\n      // ensure files are loaded\n      return <></>\n    }\n    // if file name is attached then the fileHandle ID is located\n    // in this wiki's file attachment list\n    return (\n      <SynapseImage\n        params={widgetParamsMapped}\n        fileName={widgetParamsMapped.fileName}\n        wikiId={wikiId || wikiPage?.id}\n        fileResults={fileHandles.list}\n      />\n    )\n  }\n  if (widgetParamsMapped.synapseId) {\n    // otherwise this image's fileHandle ID is not located\n    // in the file attachment list and will be loaded first\n    return (\n      <SynapseImage\n        params={widgetParamsMapped}\n        synapseId={widgetParamsMapped.synapseId}\n        version={widgetParamsMapped.version}\n      />\n    )\n  }\n  return <></>\n}\n"],"mappings":";;;;AASA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,WAAQ,aAAU,mBAAgB,GAAgB;AA4B1D,QA3BI,EAAmB,WAChB,IAOH,kBAAC,GAAD;EACE,QAAQ;EACR,UAAU,EAAmB;EAC7B,QAAQ,KAAU,GAAU;EAC5B,aAAa,EAAY;EACzB,CAAA,GAVK,kBAAA,GAAA,EAAK,CAAA,GAaZ,EAAmB,YAInB,kBAAC,GAAD;EACE,QAAQ;EACR,WAAW,EAAmB;EAC9B,SAAS,EAAmB;EAC5B,CAAA,GAGC,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"MarkdownSynapseImage.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownSynapseImage.tsx"],"sourcesContent":["import SynapseImage, { SynapseImageProps } from '../../widgets/SynapseImage'\nimport { useWikiContext } from '../SynapseWikiContext'\n\nexport type ImageWidgetParams = Omit<\n  SynapseImageProps,\n  'params' | 'fileResults'\n> &\n  SynapseImageProps['params']\n\nexport default function MarkdownSynapseImage(\n  widgetParamsMapped: ImageWidgetParams,\n) {\n  const { wikiId, wikiPage, fileHandles } = useWikiContext()\n  if (widgetParamsMapped.fileName) {\n    if (!fileHandles) {\n      // ensure files are loaded\n      return <></>\n    }\n    // if file name is attached then the fileHandle ID is located\n    // in this wiki's file attachment list\n    return (\n      <SynapseImage\n        params={widgetParamsMapped}\n        fileName={widgetParamsMapped.fileName}\n        wikiId={wikiId || wikiPage?.id}\n        fileResults={fileHandles.list}\n      />\n    )\n  }\n  if (widgetParamsMapped.synapseId) {\n    // otherwise this image's fileHandle ID is not located\n    // in the file attachment list and will be loaded first\n    return (\n      <SynapseImage\n        params={widgetParamsMapped}\n        synapseId={widgetParamsMapped.synapseId}\n        version={widgetParamsMapped.version}\n      />\n    )\n  }\n  return <></>\n}\n"],"mappings":";;;;AASA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,WAAQ,aAAU,mBAAgB,EAAe;CA4BzD,OA3BI,EAAmB,WAChB,IAOH,kBAAC,GAAD;EACE,QAAQ;EACR,UAAU,EAAmB;EAC7B,QAAQ,KAAU,GAAU;EAC5B,aAAa,EAAY;CAC1B,CAAA,IAVM,kBAAA,GAAA,CAAI,CAAA,IAaX,EAAmB,YAInB,kBAAC,GAAD;EACE,QAAQ;EACR,WAAW,EAAmB;EAC9B,SAAS,EAAmB;CAC7B,CAAA,IAGE,kBAAA,GAAA,CAAI,CAAA;AACb"}

package/dist/components/Markdown/widget/MarkdownSynapsePlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownSynapsePlot.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownSynapsePlot.tsx"],"sourcesContent":["import React from 'react'\nimport SynapsePlot from '../../Plot/SynapsePlot'\nimport { AxisType, PlotType } from 'plotly.js-basic-dist'\n\nexport type MarkdownSynapsePlotProps = {\n  query: string //sql string\n  title?: string //plot title\n  xtitle?: string // x-axis title\n  ytitle?: string // y-axis title\n  type: string // Plotly PlotType\n  xaxistype?: string // Plotly AxisType\n  showlegend?: string // sets the legend visibility ('true' | 'false')\n  horizontal?: string // sets the if a bar chart should be horizontal or vertical ('true' | 'false')\n  barmode?: string // Plotly barmode ('stack' | 'group' | 'overlay' | 'relative')\n  displayModebar?: string // sets the modebar visibility ('true' | 'false')\n}\n\nconst toBoolean = (v?: string, fallbackValue?: boolean) => {\n  return v ? v.toLowerCase() == 'true' : (fallbackValue ?? false)\n}\n\nexport const MarkdownSynapsePlot = (\n  props: MarkdownSynapsePlotProps,\n): React.ReactNode => {\n  const {\n    query,\n    title,\n    xtitle,\n    ytitle,\n    type,\n    xaxistype,\n    showlegend,\n    barmode,\n    horizontal,\n    displayModebar,\n  } = props\n  const plotlyShowLegend = toBoolean(showlegend, true)\n  const plotlyIsHorizontal = toBoolean(horizontal, false)\n  const plotlyDisplayModebar = toBoolean(displayModebar, false)\n  const plotlyBarMode = barmode\n    ? (barmode.toLowerCase() as 'stack' | 'group' | 'overlay' | 'relative')\n    : undefined\n  const plotlyType = type.toLowerCase() as PlotType\n\n  let plotlyXAxisType: AxisType | undefined = undefined\n  if (xaxistype) {\n    plotlyXAxisType = xaxistype.toLowerCase() as AxisType\n  }\n\n  return (\n    <SynapsePlot\n      synapsePlotWidgetParams={{\n        query,\n        xtitle,\n        ytitle,\n        type: plotlyType,\n        barmode: plotlyBarMode,\n        displayModeBar: plotlyDisplayModebar,\n        horizontal: plotlyIsHorizontal,\n        showlegend: plotlyShowLegend,\n        title: title,\n        xaxistype: plotlyXAxisType,\n      }}\n    />\n  )\n}\n\nexport default MarkdownSynapsePlot\n"],"mappings":";;;;AAiBA,IAAM,KAAa,GAAY,MACtB,IAAI,EAAE,aAAa,IAAI,SAAU,KAAiB,IAG9C,KACX,MACoB;CACpB,IAAM,EACJ,UACA,UACA,WACA,WACA,SACA,cACA,eACA,YACA,eACA,sBACE,GACE,IAAmB,EAAU,GAAY,GAAK,EAC9C,IAAqB,EAAU,GAAY,GAAM,EACjD,IAAuB,EAAU,GAAgB,GAAM,EACvD,IAAgB,IACjB,EAAQ,aAAa,GACtB,KAAA,GACE,IAAa,EAAK,aAAa,EAEjC;AAKJ,QAJI,MACF,IAAkB,EAAU,aAAa,GAIzC,kBAAC,GAAD,EACE,yBAAyB;EACvB;EACA;EACA;EACA,MAAM;EACN,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,YAAY;EACL;EACP,WAAW;EACZ,EACD,CAAA"}
+{"version":3,"file":"MarkdownSynapsePlot.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownSynapsePlot.tsx"],"sourcesContent":["import React from 'react'\nimport SynapsePlot from '../../Plot/SynapsePlot'\nimport { AxisType, PlotType } from 'plotly.js-basic-dist'\n\nexport type MarkdownSynapsePlotProps = {\n  query: string //sql string\n  title?: string //plot title\n  xtitle?: string // x-axis title\n  ytitle?: string // y-axis title\n  type: string // Plotly PlotType\n  xaxistype?: string // Plotly AxisType\n  showlegend?: string // sets the legend visibility ('true' | 'false')\n  horizontal?: string // sets the if a bar chart should be horizontal or vertical ('true' | 'false')\n  barmode?: string // Plotly barmode ('stack' | 'group' | 'overlay' | 'relative')\n  displayModebar?: string // sets the modebar visibility ('true' | 'false')\n}\n\nconst toBoolean = (v?: string, fallbackValue?: boolean) => {\n  return v ? v.toLowerCase() == 'true' : (fallbackValue ?? false)\n}\n\nexport const MarkdownSynapsePlot = (\n  props: MarkdownSynapsePlotProps,\n): React.ReactNode => {\n  const {\n    query,\n    title,\n    xtitle,\n    ytitle,\n    type,\n    xaxistype,\n    showlegend,\n    barmode,\n    horizontal,\n    displayModebar,\n  } = props\n  const plotlyShowLegend = toBoolean(showlegend, true)\n  const plotlyIsHorizontal = toBoolean(horizontal, false)\n  const plotlyDisplayModebar = toBoolean(displayModebar, false)\n  const plotlyBarMode = barmode\n    ? (barmode.toLowerCase() as 'stack' | 'group' | 'overlay' | 'relative')\n    : undefined\n  const plotlyType = type.toLowerCase() as PlotType\n\n  let plotlyXAxisType: AxisType | undefined = undefined\n  if (xaxistype) {\n    plotlyXAxisType = xaxistype.toLowerCase() as AxisType\n  }\n\n  return (\n    <SynapsePlot\n      synapsePlotWidgetParams={{\n        query,\n        xtitle,\n        ytitle,\n        type: plotlyType,\n        barmode: plotlyBarMode,\n        displayModeBar: plotlyDisplayModebar,\n        horizontal: plotlyIsHorizontal,\n        showlegend: plotlyShowLegend,\n        title: title,\n        xaxistype: plotlyXAxisType,\n      }}\n    />\n  )\n}\n\nexport default MarkdownSynapsePlot\n"],"mappings":";;;;AAiBA,IAAM,KAAa,GAAY,MACtB,IAAI,EAAE,YAAY,KAAK,SAAU,KAAiB,IAG9C,KACX,MACoB;CACpB,IAAM,EACJ,UACA,UACA,WACA,WACA,SACA,cACA,eACA,YACA,eACA,sBACE,GACE,IAAmB,EAAU,GAAY,EAAI,GAC7C,IAAqB,EAAU,GAAY,EAAK,GAChD,IAAuB,EAAU,GAAgB,EAAK,GACtD,IAAgB,IACjB,EAAQ,YAAY,IACrB,KAAA,GACE,IAAa,EAAK,YAAY,GAEhC;CAKJ,OAJI,MACF,IAAkB,EAAU,YAAY,IAIxC,kBAAC,GAAD,EACE,yBAAyB;EACvB;EACA;EACA;EACA,MAAM;EACN,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,YAAY;EACL;EACP,WAAW;CACb,EACD,CAAA;AAEL"}

package/dist/components/Markdown/widget/MarkdownSynapseTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownSynapseTable.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownSynapseTable.tsx"],"sourcesContent":["import QueryWrapperPlotNav from '../../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport StandaloneQueryWrapper from '../../StandaloneQueryWrapper/StandaloneQueryWrapper'\n\nexport type MarkdownSynapseTableProps = {\n  query: string\n  showquery: string\n  tableonly: string\n}\n\nexport default function MarkdownSynapseTable(props: MarkdownSynapseTableProps) {\n  const { query, showquery, tableonly } = props\n  const showQuery = showquery === 'true'\n  const tableOnly = tableonly === 'true'\n  const name = 'Items'\n  if (tableOnly) {\n    return <StandaloneQueryWrapper sql={query} name={name} />\n  }\n\n  return (\n    <QueryWrapperPlotNav\n      sql={query}\n      hideSqlEditorControl={!showQuery}\n      name={name}\n      defaultShowPlots={false}\n      tableConfiguration={{}}\n    />\n  )\n}\n"],"mappings":";;;;AASA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,UAAO,cAAW,iBAAc,GAClC,IAAY,MAAc,QAC1B,IAAY,MAAc,QAC1B,IAAO;AAKb,QAJI,IACK,kBAAC,GAAD;EAAwB,KAAK;EAAa;EAAQ,CAAA,GAIzD,kBAAC,GAAD;EACE,KAAK;EACL,sBAAsB,CAAC;EACjB;EACN,kBAAkB;EAClB,oBAAoB,EAAE;EACtB,CAAA"}
+{"version":3,"file":"MarkdownSynapseTable.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownSynapseTable.tsx"],"sourcesContent":["import QueryWrapperPlotNav from '../../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport StandaloneQueryWrapper from '../../StandaloneQueryWrapper/StandaloneQueryWrapper'\n\nexport type MarkdownSynapseTableProps = {\n  query: string\n  showquery: string\n  tableonly: string\n}\n\nexport default function MarkdownSynapseTable(props: MarkdownSynapseTableProps) {\n  const { query, showquery, tableonly } = props\n  const showQuery = showquery === 'true'\n  const tableOnly = tableonly === 'true'\n  const name = 'Items'\n  if (tableOnly) {\n    return <StandaloneQueryWrapper sql={query} name={name} />\n  }\n\n  return (\n    <QueryWrapperPlotNav\n      sql={query}\n      hideSqlEditorControl={!showQuery}\n      name={name}\n      defaultShowPlots={false}\n      tableConfiguration={{}}\n    />\n  )\n}\n"],"mappings":";;;;AASA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,UAAO,cAAW,iBAAc,GAClC,IAAY,MAAc,QAC1B,IAAY,MAAc,QAC1B,IAAO;CAKb,OAJI,IACK,kBAAC,GAAD;EAAwB,KAAK;EAAa;CAAO,CAAA,IAIxD,kBAAC,GAAD;EACE,KAAK;EACL,sBAAsB,CAAC;EACjB;EACN,kBAAkB;EAClB,oBAAoB,CAAC;CACtB,CAAA;AAEL"}

package/dist/components/Markdown/widget/MarkdownTableOfContents.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownTableOfContents.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownTableOfContents.tsx"],"sourcesContent":["import { stripHTML } from '../MarkdownUtils'\n\nconst TOC_CLASS = {\n  1: 'toc-indent1',\n  2: 'toc-indent2',\n  3: 'toc-indent3',\n  4: 'toc-indent4',\n  5: 'toc-indent5',\n  6: 'toc-indent6',\n}\n\ntype MarkdownTableOfContentsProps = {\n  originalMarkup: string\n}\n\nexport default function MarkdownTableOfContents(\n  props: MarkdownTableOfContentsProps,\n) {\n  const { originalMarkup } = props\n  const elements: any[] = []\n  const TOC_HEADER_REGEX_WITH_ID =\n    /<h([1-6]) id=\"(.*)\" .*toc=\"true\">(.*)<\\/h[1-6]>/gm\n  let text = ''\n  originalMarkup.replace(TOC_HEADER_REGEX_WITH_ID, (p1, p2, p3, p4) => {\n    const headingText = stripHTML(p4)\n    text += headingText\n    elements.push(\n      <div key={headingText}>\n        <a\n          role=\"link\"\n          className={`link ${TOC_CLASS[Number(p2) as keyof typeof TOC_CLASS]}`}\n          data-anchor={p3}\n        >\n          {headingText}\n        </a>\n      </div>,\n    )\n    return ''\n  })\n  return <div key={text}>{elements}</div>\n}\n"],"mappings":";;;AAEA,IAAM,IAAY;CAChB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AAMD,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,sBAAmB,GACrB,IAAkB,EAAE,EACpB,IACJ,qDACE,IAAO;AAiBX,QAhBA,EAAe,QAAQ,IAA2B,GAAI,GAAI,GAAI,MAAO;EACnE,IAAM,IAAc,EAAU,EAAG;AAajC,SAZA,KAAQ,GACR,EAAS,KACP,kBAAC,OAAD,EAAA,UACE,kBAAC,KAAD;GACE,MAAK;GACL,WAAW,QAAQ,EAAU,OAAO,EAAG;GACvC,eAAa;aAEZ;GACC,CAAA,EACA,EARI,EAQJ,CACP,EACM;GACP,EACK,kBAAC,OAAD,EAAA,UAAiB,GAAe,EAAtB,EAAsB"}
+{"version":3,"file":"MarkdownTableOfContents.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownTableOfContents.tsx"],"sourcesContent":["import { stripHTML } from '../MarkdownUtils'\n\nconst TOC_CLASS = {\n  1: 'toc-indent1',\n  2: 'toc-indent2',\n  3: 'toc-indent3',\n  4: 'toc-indent4',\n  5: 'toc-indent5',\n  6: 'toc-indent6',\n}\n\ntype MarkdownTableOfContentsProps = {\n  originalMarkup: string\n}\n\nexport default function MarkdownTableOfContents(\n  props: MarkdownTableOfContentsProps,\n) {\n  const { originalMarkup } = props\n  const elements: any[] = []\n  const TOC_HEADER_REGEX_WITH_ID =\n    /<h([1-6]) id=\"(.*)\" .*toc=\"true\">(.*)<\\/h[1-6]>/gm\n  let text = ''\n  originalMarkup.replace(TOC_HEADER_REGEX_WITH_ID, (p1, p2, p3, p4) => {\n    const headingText = stripHTML(p4)\n    text += headingText\n    elements.push(\n      <div key={headingText}>\n        <a\n          role=\"link\"\n          className={`link ${TOC_CLASS[Number(p2) as keyof typeof TOC_CLASS]}`}\n          data-anchor={p3}\n        >\n          {headingText}\n        </a>\n      </div>,\n    )\n    return ''\n  })\n  return <div key={text}>{elements}</div>\n}\n"],"mappings":";;;AAEA,IAAM,IAAY;CAChB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAMA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,sBAAmB,GACrB,IAAkB,CAAC,GACnB,IACJ,qDACE,IAAO;CAiBX,OAhBA,EAAe,QAAQ,IAA2B,GAAI,GAAI,GAAI,MAAO;EACnE,IAAM,IAAc,EAAU,CAAE;EAahC,OAZA,KAAQ,GACR,EAAS,KACP,kBAAC,OAAD,EAAA,UACE,kBAAC,KAAD;GACE,MAAK;GACL,WAAW,QAAQ,EAAU,OAAO,CAAE;GACtC,eAAa;aAEZ;EACA,CAAA,EACA,GARK,CAQL,CACP,GACO;CACT,CAAC,GACM,kBAAC,OAAD,EAAA,UAAiB,EAAc,GAArB,CAAqB;AACxC"}

package/dist/components/Markdown/widget/MarkdownUserOrTeamBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownUserOrTeamBadge.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownUserOrTeamBadge.tsx"],"sourcesContent":["import { useGetUserGroupHeaderWithAlias } from '@/synapse-queries'\nimport UserOrTeamBadge from '../../UserOrTeamBadge/UserOrTeamBadge'\n\nexport type MarkdownUserOrTeamBadgeProps = {\n  alias: string\n}\n\nexport default function MarkdownUserOrTeamBadge(\n  props: MarkdownUserOrTeamBadgeProps,\n) {\n  const { alias } = props\n  const { data: userGroupHeader } = useGetUserGroupHeaderWithAlias([alias])\n\n  return userGroupHeader ? (\n    <UserOrTeamBadge principalId={userGroupHeader[0].ownerId} />\n  ) : (\n    <></>\n  )\n}\n"],"mappings":";;;;;AAOA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,GACZ,EAAE,MAAM,MAAoB,EAA+B,CAAC,EAAM,CAAC;AAEzE,QAAO,IACL,kBAAC,GAAD,EAAiB,aAAa,EAAgB,GAAG,SAAW,CAAA,GAE5D,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"MarkdownUserOrTeamBadge.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownUserOrTeamBadge.tsx"],"sourcesContent":["import { useGetUserGroupHeaderWithAlias } from '@/synapse-queries'\nimport UserOrTeamBadge from '../../UserOrTeamBadge/UserOrTeamBadge'\n\nexport type MarkdownUserOrTeamBadgeProps = {\n  alias: string\n}\n\nexport default function MarkdownUserOrTeamBadge(\n  props: MarkdownUserOrTeamBadgeProps,\n) {\n  const { alias } = props\n  const { data: userGroupHeader } = useGetUserGroupHeaderWithAlias([alias])\n\n  return userGroupHeader ? (\n    <UserOrTeamBadge principalId={userGroupHeader[0].ownerId} />\n  ) : (\n    <></>\n  )\n}\n"],"mappings":";;;;;AAOA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,GACZ,EAAE,MAAM,MAAoB,EAA+B,CAAC,CAAK,CAAC;CAExE,OAAO,IACL,kBAAC,GAAD,EAAiB,aAAa,EAAgB,GAAG,QAAU,CAAA,IAE3D,kBAAA,GAAA,CAAI,CAAA;AAER"}

package/dist/components/Markdown/widget/MarkdownVideo.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownVideo.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownVideo.tsx"],"sourcesContent":["import SynapseVideo, { SynapseVideoProps } from '../../widgets/SynapseVideo'\n\nexport type MarkdownVideoProps = SynapseVideoProps['params']\n\nexport default function MarkdownVideo(props: MarkdownVideoProps) {\n  return <SynapseVideo params={props} />\n}\n"],"mappings":";;;AAIA,SAAwB,EAAc,GAA2B;AAC/D,QAAO,kBAAC,GAAD,EAAc,QAAQ,GAAS,CAAA"}
+{"version":3,"file":"MarkdownVideo.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownVideo.tsx"],"sourcesContent":["import SynapseVideo, { SynapseVideoProps } from '../../widgets/SynapseVideo'\n\nexport type MarkdownVideoProps = SynapseVideoProps['params']\n\nexport default function MarkdownVideo(props: MarkdownVideoProps) {\n  return <SynapseVideo params={props} />\n}\n"],"mappings":";;;AAIA,SAAwB,EAAc,GAA2B;CAC/D,OAAO,kBAAC,GAAD,EAAc,QAAQ,EAAQ,CAAA;AACvC"}

package/dist/components/MissingQueryResultsWarning/MissingQueryResultsWarning.js.map

@@ -1 +1 @@
-{"version":3,"file":"MissingQueryResultsWarning.js","names":[],"sources":["../../../src/components/MissingQueryResultsWarning/MissingQueryResultsWarning.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport { isEntityRefCollectionView } from '@/utils/functions/EntityTypeUtils'\nimport { WarningSharp } from '@mui/icons-material'\nimport { Typography } from '@mui/material'\nimport { QueryBundleRequest, Table } from '@sage-bionetworks/synapse-types'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\n\nconst DATASETS_CURRENT_VERSION_HELP =\n  'Files may be unavailable because you do not have permission to see them, they have been deleted, or the Dataset has been misconfigured.'\n\n// Help text for snapshot does not indicate that files were deleted, because the deleted file would have been captured in the snapshot\nconst DATASETS_SNAPSHOT_HELP =\n  'Files may be unavailable because you do not have permission to see them or the Dataset was misconfigured.'\n\nexport type MissingQueryResultsWarningProps = {\n  entity: Table\n  versionNumber?: number\n}\n\n/**\n * If possible, this component will render a warning message if results may be missing from the query due to user permissions or\n * entities being deleted. If not possible, it will render an empty fragment.\n */\nfunction MissingQueryResultsWarning({\n  entity,\n}: MissingQueryResultsWarningProps) {\n  // Currently, Datasets and Dataset collections are the only table type for which we can reliably get this info.\n  // Other cases will need a new service, tracked by PLFM-7046\n  const isMissingResultsCalculable = entity && isEntityRefCollectionView(entity)\n\n  const request: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: {\n      sql: `SELECT * FROM ${entity.id!}${\n        !entity.isLatestVersion && entity.versionNumber\n          ? `.${entity.versionNumber}`\n          : ''\n      }`,\n    },\n    entityId: entity.id!,\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_COUNT,\n  }\n\n  const { data: queryResult } = useGetQueryResultBundleWithAsyncStatus(\n    request,\n    {\n      enabled: isMissingResultsCalculable,\n    },\n  )\n  if (isMissingResultsCalculable && queryResult && entity) {\n    const totalVisibleResults = queryResult.responseBody!.queryCount!\n    const totalResults = entity.items?.length ?? 0\n\n    if (totalVisibleResults >= totalResults) {\n      // All the results are visible, so there is no need to show a warning.\n      // SWC-6727 / PLFM-8326 - `totalVisibleResults` should never be greater than `totalResults`, but in case it is (e.g. stale cache),\n      // don't show the warning.\n      return <></>\n    }\n\n    const difference = totalResults - totalVisibleResults\n\n    let helpMessage = ''\n\n    if (entity.isLatestVersion) {\n      helpMessage = DATASETS_CURRENT_VERSION_HELP\n    } else {\n      helpMessage = DATASETS_SNAPSHOT_HELP\n    }\n\n    return (\n      <Typography\n        component={'div'}\n        className=\"SRC-centerContent\"\n        style={{\n          marginLeft: 10,\n        }}\n        variant=\"smallText1\"\n        color=\"textSecondary\"\n      >\n        <WarningSharp\n          className=\"SRC-color-warning\"\n          style={{ fontSize: '16px' }}\n        />\n        {difference.toLocaleString() + ' Unavailable'}\n        <HelpPopover\n          className=\"SRC-margin-left-5\"\n          markdownText={helpMessage}\n          placement=\"right\"\n        ></HelpPopover>\n      </Typography>\n    )\n  } else {\n    return <></>\n  }\n}\n\nexport default MissingQueryResultsWarning\n"],"mappings":";;;;;;;;;;AAQA,IAAM,IACJ,2IAGI,IACJ;AAWF,SAAS,EAA2B,EAClC,aACkC;CAGlC,IAAM,IAA6B,KAAU,EAA0B,EAAO,EAexE,EAAE,MAAM,MAAgB,EAC5B;EAbA,cAAc;EACd,OAAO,EACL,KAAK,iBAAiB,EAAO,KAC3B,CAAC,EAAO,mBAAmB,EAAO,gBAC9B,IAAI,EAAO,kBACX,MAEP;EACD,UAAU,EAAO;EACjB,UAAU;EAIV,EACA,EACE,SAAS,GACV,CACF;AACD,KAAI,KAA8B,KAAe,GAAQ;EACvD,IAAM,IAAsB,EAAY,aAAc,YAChD,IAAe,EAAO,OAAO,UAAU;AAE7C,MAAI,KAAuB,EAIzB,QAAO,kBAAA,GAAA,EAAK,CAAA;EAGd,IAAM,IAAa,IAAe,GAE9B,IAAc;AAQlB,SANA,AAGE,IAHE,EAAO,kBACK,IAEA,GAId,kBAAC,GAAD;GACE,WAAW;GACX,WAAU;GACV,OAAO,EACL,YAAY,IACb;GACD,SAAQ;GACR,OAAM;aAPR;IASE,kBAAC,GAAD;KACE,WAAU;KACV,OAAO,EAAE,UAAU,QAAQ;KAC3B,CAAA;IACD,EAAW,gBAAgB,GAAG;IAC/B,kBAAC,GAAD;KACE,WAAU;KACV,cAAc;KACd,WAAU;KACG,CAAA;IACJ;;OAGf,QAAO,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"MissingQueryResultsWarning.js","names":[],"sources":["../../../src/components/MissingQueryResultsWarning/MissingQueryResultsWarning.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport { isEntityRefCollectionView } from '@/utils/functions/EntityTypeUtils'\nimport { WarningSharp } from '@mui/icons-material'\nimport { Typography } from '@mui/material'\nimport { QueryBundleRequest, Table } from '@sage-bionetworks/synapse-types'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\n\nconst DATASETS_CURRENT_VERSION_HELP =\n  'Files may be unavailable because you do not have permission to see them, they have been deleted, or the Dataset has been misconfigured.'\n\n// Help text for snapshot does not indicate that files were deleted, because the deleted file would have been captured in the snapshot\nconst DATASETS_SNAPSHOT_HELP =\n  'Files may be unavailable because you do not have permission to see them or the Dataset was misconfigured.'\n\nexport type MissingQueryResultsWarningProps = {\n  entity: Table\n  versionNumber?: number\n}\n\n/**\n * If possible, this component will render a warning message if results may be missing from the query due to user permissions or\n * entities being deleted. If not possible, it will render an empty fragment.\n */\nfunction MissingQueryResultsWarning({\n  entity,\n}: MissingQueryResultsWarningProps) {\n  // Currently, Datasets and Dataset collections are the only table type for which we can reliably get this info.\n  // Other cases will need a new service, tracked by PLFM-7046\n  const isMissingResultsCalculable = entity && isEntityRefCollectionView(entity)\n\n  const request: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: {\n      sql: `SELECT * FROM ${entity.id!}${\n        !entity.isLatestVersion && entity.versionNumber\n          ? `.${entity.versionNumber}`\n          : ''\n      }`,\n    },\n    entityId: entity.id!,\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_COUNT,\n  }\n\n  const { data: queryResult } = useGetQueryResultBundleWithAsyncStatus(\n    request,\n    {\n      enabled: isMissingResultsCalculable,\n    },\n  )\n  if (isMissingResultsCalculable && queryResult && entity) {\n    const totalVisibleResults = queryResult.responseBody!.queryCount!\n    const totalResults = entity.items?.length ?? 0\n\n    if (totalVisibleResults >= totalResults) {\n      // All the results are visible, so there is no need to show a warning.\n      // SWC-6727 / PLFM-8326 - `totalVisibleResults` should never be greater than `totalResults`, but in case it is (e.g. stale cache),\n      // don't show the warning.\n      return <></>\n    }\n\n    const difference = totalResults - totalVisibleResults\n\n    let helpMessage = ''\n\n    if (entity.isLatestVersion) {\n      helpMessage = DATASETS_CURRENT_VERSION_HELP\n    } else {\n      helpMessage = DATASETS_SNAPSHOT_HELP\n    }\n\n    return (\n      <Typography\n        component={'div'}\n        className=\"SRC-centerContent\"\n        style={{\n          marginLeft: 10,\n        }}\n        variant=\"smallText1\"\n        color=\"textSecondary\"\n      >\n        <WarningSharp\n          className=\"SRC-color-warning\"\n          style={{ fontSize: '16px' }}\n        />\n        {difference.toLocaleString() + ' Unavailable'}\n        <HelpPopover\n          className=\"SRC-margin-left-5\"\n          markdownText={helpMessage}\n          placement=\"right\"\n        ></HelpPopover>\n      </Typography>\n    )\n  } else {\n    return <></>\n  }\n}\n\nexport default MissingQueryResultsWarning\n"],"mappings":";;;;;;;;;;AAQA,IAAM,IACJ,2IAGI,IACJ;AAWF,SAAS,EAA2B,EAClC,aACkC;CAGlC,IAAM,IAA6B,KAAU,EAA0B,CAAM,GAevE,EAAE,MAAM,MAAgB,EAC5B;EAbA,cAAc;EACd,OAAO,EACL,KAAK,iBAAiB,EAAO,KAC3B,CAAC,EAAO,mBAAmB,EAAO,gBAC9B,IAAI,EAAO,kBACX,KAER;EACA,UAAU,EAAO;EACjB,UAAU;CAIV,GACA,EACE,SAAS,EACX,CACF;CACA,IAAI,KAA8B,KAAe,GAAQ;EACvD,IAAM,IAAsB,EAAY,aAAc,YAChD,IAAe,EAAO,OAAO,UAAU;EAE7C,IAAI,KAAuB,GAIzB,OAAO,kBAAA,GAAA,CAAI,CAAA;EAGb,IAAM,IAAa,IAAe,GAE9B,IAAc;EAQlB,OANA,AAGE,IAHE,EAAO,kBACK,IAEA,GAId,kBAAC,GAAD;GACE,WAAW;GACX,WAAU;GACV,OAAO,EACL,YAAY,GACd;GACA,SAAQ;GACR,OAAM;aAPR;IASE,kBAAC,GAAD;KACE,WAAU;KACV,OAAO,EAAE,UAAU,OAAO;IAC3B,CAAA;IACA,EAAW,eAAe,IAAI;IAC/B,kBAAC,GAAD;KACE,WAAU;KACV,cAAc;KACd,WAAU;IACE,CAAA;GACJ;;CAEhB,OACE,OAAO,kBAAA,GAAA,CAAI,CAAA;AAEf"}

package/dist/components/ModalDownload/ModalDownload.FormSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDownload.FormSchema.js","names":[],"sources":["../../../src/components/ModalDownload/ModalDownload.FormSchema.ts"],"sourcesContent":["import { UiSchema } from '@rjsf/utils'\nimport { JSONSchema7 } from 'json-schema'\n\nexport const writeHeaderOption = 'First line is the columns names.'\nexport const includeRowIdAndRowVersionOption =\n  'Include row metadata (Row Id and Row Version).'\nexport const csvOption = 'Comma Separated Values (CSV)'\nexport const tsvOption = 'Tab Separated Values (TSV)'\n\n// Step 1\nconst stepOneFormSchema: JSONSchema7 = {\n  type: 'object',\n  properties: {\n    'File Type': {\n      type: 'string',\n      oneOf: [\n        {\n          const: csvOption,\n          title: csvOption,\n        },\n        {\n          const: tsvOption,\n          title: tsvOption,\n        },\n      ],\n    },\n    Contents: {\n      type: 'array',\n      title: 'Contents',\n      items: {\n        type: 'string',\n        enum: [writeHeaderOption, includeRowIdAndRowVersionOption],\n      },\n      uniqueItems: true,\n    },\n  },\n}\n\nconst stepOneFormUISchema: UiSchema = {\n  'File Type': {\n    'ui:widget': 'radio',\n  },\n  Contents: {\n    'ui:widget': 'checkboxes',\n  },\n}\n\n// Step 2\nconst stepTwoFormSchema: JSONSchema7 = {\n  description:\n    'File is ready for download. Select the download button to download the file.',\n  type: 'object',\n}\n\nconst stepTwoFormUISchema: UiSchema = {}\n\nexport const formSchemaArray = [stepOneFormSchema, stepTwoFormSchema]\nexport const formSchemaUIArray = [stepOneFormUISchema, stepTwoFormUISchema]\n"],"mappings":";AAGA,IAAa,IAAoB,oCACpB,IACX,kDACW,IAAY,gCACZ,IAAY,8BAGnB,IAAiC;CACrC,MAAM;CACN,YAAY;EACV,aAAa;GACX,MAAM;GACN,OAAO,CACL;IACE,OAAO;IACP,OAAO;IACR,EACD;IACE,OAAO;IACP,OAAO;IACR,CACF;GACF;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACP,OAAO;IACL,MAAM;IACN,MAAM,CAAC,GAAmB,EAAgC;IAC3D;GACD,aAAa;GACd;EACF;CACF,EAEK,IAAgC;CACpC,aAAa,EACX,aAAa,SACd;CACD,UAAU,EACR,aAAa,cACd;CACF,EAGK,IAAiC;CACrC,aACE;CACF,MAAM;CACP,EAEK,IAAgC,EAAE,EAE3B,IAAkB,CAAC,GAAmB,EAAkB,EACxD,IAAoB,CAAC,GAAqB,EAAoB"}
+{"version":3,"file":"ModalDownload.FormSchema.js","names":[],"sources":["../../../src/components/ModalDownload/ModalDownload.FormSchema.ts"],"sourcesContent":["import { UiSchema } from '@rjsf/utils'\nimport { JSONSchema7 } from 'json-schema'\n\nexport const writeHeaderOption = 'First line is the columns names.'\nexport const includeRowIdAndRowVersionOption =\n  'Include row metadata (Row Id and Row Version).'\nexport const csvOption = 'Comma Separated Values (CSV)'\nexport const tsvOption = 'Tab Separated Values (TSV)'\n\n// Step 1\nconst stepOneFormSchema: JSONSchema7 = {\n  type: 'object',\n  properties: {\n    'File Type': {\n      type: 'string',\n      oneOf: [\n        {\n          const: csvOption,\n          title: csvOption,\n        },\n        {\n          const: tsvOption,\n          title: tsvOption,\n        },\n      ],\n    },\n    Contents: {\n      type: 'array',\n      title: 'Contents',\n      items: {\n        type: 'string',\n        enum: [writeHeaderOption, includeRowIdAndRowVersionOption],\n      },\n      uniqueItems: true,\n    },\n  },\n}\n\nconst stepOneFormUISchema: UiSchema = {\n  'File Type': {\n    'ui:widget': 'radio',\n  },\n  Contents: {\n    'ui:widget': 'checkboxes',\n  },\n}\n\n// Step 2\nconst stepTwoFormSchema: JSONSchema7 = {\n  description:\n    'File is ready for download. Select the download button to download the file.',\n  type: 'object',\n}\n\nconst stepTwoFormUISchema: UiSchema = {}\n\nexport const formSchemaArray = [stepOneFormSchema, stepTwoFormSchema]\nexport const formSchemaUIArray = [stepOneFormUISchema, stepTwoFormUISchema]\n"],"mappings":";AAGA,IAAa,IAAoB,oCACpB,IACX,kDACW,IAAY,gCACZ,IAAY,8BAGnB,IAAiC;CACrC,MAAM;CACN,YAAY;EACV,aAAa;GACX,MAAM;GACN,OAAO,CACL;IACE,OAAO;IACP,OAAO;GACT,GACA;IACE,OAAO;IACP,OAAO;GACT,CACF;EACF;EACA,UAAU;GACR,MAAM;GACN,OAAO;GACP,OAAO;IACL,MAAM;IACN,MAAM,CAAC,GAAmB,CAA+B;GAC3D;GACA,aAAa;EACf;CACF;AACF,GAEM,IAAgC;CACpC,aAAa,EACX,aAAa,QACf;CACA,UAAU,EACR,aAAa,aACf;AACF,GAGM,IAAiC;CACrC,aACE;CACF,MAAM;AACR,GAEM,IAAgC,CAAC,GAE1B,IAAkB,CAAC,GAAmB,CAAiB,GACvD,IAAoB,CAAC,GAAqB,CAAmB"}

package/dist/components/ModalDownload/ModalDownload.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDownload.js","names":[],"sources":["../../../src/components/ModalDownload/ModalDownload.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseContext } from '@/utils/context/SynapseContext'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { Button } from '@mui/material'\nimport Form, { IChangeEvent } from '@rjsf/core'\nimport validator from '@rjsf/validator-ajv8'\nimport {\n  DownloadFromTableRequest,\n  DownloadFromTableResult,\n  QueryBundleRequest,\n  SortItem,\n} from '@sage-bionetworks/synapse-types'\nimport { Component, ContextType, CSSProperties, Fragment } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport SynapseFormCheckboxesWidget from '../SynapseForm/SynapseFormCheckboxesWidget'\nimport SynapseFormCheckboxWidget from '../SynapseForm/SynapseFormCheckboxWidget'\nimport SynapseFormRadioWidget from '../SynapseForm/SynapseFormRadioWidget'\nimport {\n  csvOption,\n  formSchemaArray,\n  formSchemaUIArray,\n  includeRowIdAndRowVersionOption,\n  writeHeaderOption,\n} from './ModalDownload.FormSchema'\n\ntype ModalDownloadState = {\n  isLoading: boolean\n  step: number\n  data?: DownloadFromTableResult\n  formData: Record<string, unknown>\n}\n\nexport type ModalDownloadProps = {\n  onClose: (...args: any[]) => void\n  includeEntityEtag?: boolean\n  queryBundleRequest?: QueryBundleRequest // either the query bundle request needs to be provided, or getLastQueryRequest\n  getLastQueryRequest?: () => QueryBundleRequest\n  offset?: number\n  limit?: number\n  sort?: SortItem[]\n}\n\nexport class ModalDownload extends Component<\n  ModalDownloadProps,\n  ModalDownloadState\n> {\n  static contextType = SynapseContext\n  declare context: NonNullable<ContextType<typeof SynapseContext>>\n\n  constructor(props: ModalDownloadProps) {\n    super(props)\n    this.state = {\n      isLoading: false,\n      step: 0,\n      formData: {\n        'File Type': csvOption,\n        Contents: [writeHeaderOption, includeRowIdAndRowVersionOption],\n      },\n    }\n  }\n\n  handleSubmit = (event: IChangeEvent) => {\n    if (this.state.step === 0) {\n      this.handleDownloadSetup(event)\n    } else {\n      this.onDownload()\n    }\n  }\n\n  handleDownloadSetup = (event: IChangeEvent) => {\n    this.setState({\n      isLoading: true,\n    })\n    const { formData } = event\n    const fileType = formData['File Type']\n    const contents = formData.Contents as string[]\n    const { queryBundleRequest, getLastQueryRequest } = this.props\n    const separator = fileType === csvOption ? ',' : '\\t'\n    const writeHeader = contents.includes(writeHeaderOption)\n    const includeRowIdAndRowVersion = contents.includes(\n      includeRowIdAndRowVersionOption,\n    )\n    const queryRequest = queryBundleRequest ?? getLastQueryRequest!()\n    const sql = queryRequest.query.sql\n    const downloadFromTableRequest: DownloadFromTableRequest = {\n      sql,\n      entityId: parseEntityIdFromSqlStatement(sql),\n      selectedFacets: queryRequest.query.selectedFacets,\n      concreteType:\n        'org.sagebionetworks.repo.model.table.DownloadFromTableRequest',\n      writeHeader,\n      includeRowIdAndRowVersion,\n      csvTableDescriptor: { separator },\n      additionalFilters: queryRequest.query.additionalFilters,\n    }\n    SynapseClient.createTableCsvForDownload(\n      downloadFromTableRequest,\n      this.context.accessToken,\n    )\n      .then(data => {\n        this.setState({\n          isLoading: false,\n          step: 1,\n          data,\n        })\n      })\n      .catch(err => {\n        console.log('Error getDownloadFromTableRequest: ', err)\n      })\n  }\n\n  onDownload = () => {\n    const { data } = this.state\n    // data will always be defined if calling this function\n    SynapseClient.getFileHandleByIdURL(\n      data!.resultsFileHandleId,\n      this.context.accessToken,\n    ).then(url => {\n      window.location.href = url\n      this.props.onClose()\n    })\n  }\n\n  handleChange = (event: IChangeEvent) => {\n    const { formData } = event\n    this.setState({\n      formData,\n    })\n  }\n\n  render() {\n    const spinnerStyle: CSSProperties = {\n      height: 50,\n      width: 50,\n      backgroundSize: 50,\n    }\n    return (\n      <DialogBase\n        open={true}\n        onCancel={this.props.onClose}\n        title=\"Download query results\"\n        content={\n          <>\n            <Form\n              validator={validator}\n              id=\"modal-download-form\"\n              schema={formSchemaArray[this.state.step]}\n              uiSchema={formSchemaUIArray[this.state.step]}\n              onChange={this.handleChange}\n              formData={this.state.formData}\n              onSubmit={this.handleSubmit}\n              widgets={{\n                CheckboxWidget: SynapseFormCheckboxWidget,\n                CheckboxesWidget: SynapseFormCheckboxesWidget,\n                RadioWidget: SynapseFormRadioWidget,\n              }}\n            >\n              {this.state.isLoading && (\n                <div className=\"SRC-centerAndJustifyContent\">\n                  <div className=\"SRC-center-text\">\n                    <p> Creating the File </p>\n                    <div style={spinnerStyle} className=\"spinner\" />\n                    <p> Loading... </p>\n                  </div>\n                </div>\n              )}\n              <Fragment />\n            </Form>\n          </>\n        }\n        actions={\n          <>\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={this.props.onClose}\n            >\n              Cancel\n            </Button>\n            <Button\n              form=\"modal-download-form\"\n              type=\"submit\"\n              variant=\"contained\"\n              color=\"primary\"\n            >\n              {this.state.step === 0 ? 'Next' : 'Download'}\n            </Button>\n          </>\n        }\n      />\n    )\n  }\n}\n\nexport default ModalDownload\n"],"mappings":";;;;;;;;;;;;;;AA0CA,IAAa,IAAb,cAAmC,EAGjC;CACA,OAAO,cAAc;CAGrB,YAAY,GAA2B;AAErC,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GACX,WAAW;GACX,MAAM;GACN,UAAU;IACR,aAAa;IACb,UAAU,CAAC,GAAmB,EAAgC;IAC/D;GACF;;CAGH,gBAAgB,MAAwB;AACtC,EAAI,KAAK,MAAM,SAAS,IACtB,KAAK,oBAAoB,EAAM,GAE/B,KAAK,YAAY;;CAIrB,uBAAuB,MAAwB;AAC7C,OAAK,SAAS,EACZ,WAAW,IACZ,CAAC;EACF,IAAM,EAAE,gBAAa,GACf,IAAW,EAAS,cACpB,IAAW,EAAS,UACpB,EAAE,uBAAoB,2BAAwB,KAAK,OACnD,IAAY,MAAA,iCAAyB,MAAM,KAC3C,IAAc,EAAS,SAAS,EAAkB,EAClD,IAA4B,EAAS,SACzC,EACD,EACK,IAAe,KAAsB,GAAsB,EAC3D,IAAM,EAAa,MAAM,KACzB,IAAqD;GACzD;GACA,UAAU,EAA8B,EAAI;GAC5C,gBAAgB,EAAa,MAAM;GACnC,cACE;GACF;GACA;GACA,oBAAoB,EAAE,cAAW;GACjC,mBAAmB,EAAa,MAAM;GACvC;AACD,IAAc,0BACZ,GACA,KAAK,QAAQ,YACd,CACE,MAAK,MAAQ;AACZ,QAAK,SAAS;IACZ,WAAW;IACX,MAAM;IACN;IACD,CAAC;IACF,CACD,OAAM,MAAO;AACZ,WAAQ,IAAI,uCAAuC,EAAI;IACvD;;CAGN,mBAAmB;EACjB,IAAM,EAAE,YAAS,KAAK;AAEtB,IAAc,qBACZ,EAAM,qBACN,KAAK,QAAQ,YACd,CAAC,MAAK,MAAO;AAEZ,GADA,OAAO,SAAS,OAAO,GACvB,KAAK,MAAM,SAAS;IACpB;;CAGJ,gBAAgB,MAAwB;EACtC,IAAM,EAAE,gBAAa;AACrB,OAAK,SAAS,EACZ,aACD,CAAC;;CAGJ,SAAS;AAMP,SACE,kBAAC,GAAD;GACE,MAAM;GACN,UAAU,KAAK,MAAM;GACrB,OAAM;GACN,SACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;IACa;IACX,IAAG;IACH,QAAQ,EAAgB,KAAK,MAAM;IACnC,UAAU,EAAkB,KAAK,MAAM;IACvC,UAAU,KAAK;IACf,UAAU,KAAK,MAAM;IACrB,UAAU,KAAK;IACf,SAAS;KACP,gBAAgB;KAChB,kBAAkB;KAClB,aAAa;KACd;cAZH,CAcG,KAAK,MAAM,aACV,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,KAAD,EAAA,UAAG,uBAAuB,CAAA;OAC1B,kBAAC,OAAD;QAAK,OAAO;SA7B1B,QAAQ;SACR,OAAO;SACP,gBAAgB;SA2BU;QAAc,WAAU;QAAY,CAAA;OAChD,kBAAC,KAAD,EAAA,UAAG,gBAAgB,CAAA;OACf;;KACF,CAAA,EAER,kBAAC,GAAD,EAAY,CAAA,CACP;OACN,CAAA;GAEL,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,SAAS,KAAK,MAAM;cACrB;IAEQ,CAAA,EACT,kBAAC,GAAD;IACE,MAAK;IACL,MAAK;IACL,SAAQ;IACR,OAAM;cAEL,KAAK,MAAM,SAAS,IAAI,SAAS;IAC3B,CAAA,CACR,EAAA,CAAA;GAEL,CAAA"}
+{"version":3,"file":"ModalDownload.js","names":[],"sources":["../../../src/components/ModalDownload/ModalDownload.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseContext } from '@/utils/context/SynapseContext'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { Button } from '@mui/material'\nimport Form, { IChangeEvent } from '@rjsf/core'\nimport validator from '@rjsf/validator-ajv8'\nimport {\n  DownloadFromTableRequest,\n  DownloadFromTableResult,\n  QueryBundleRequest,\n  SortItem,\n} from '@sage-bionetworks/synapse-types'\nimport { Component, ContextType, CSSProperties, Fragment } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport SynapseFormCheckboxesWidget from '../SynapseForm/SynapseFormCheckboxesWidget'\nimport SynapseFormCheckboxWidget from '../SynapseForm/SynapseFormCheckboxWidget'\nimport SynapseFormRadioWidget from '../SynapseForm/SynapseFormRadioWidget'\nimport {\n  csvOption,\n  formSchemaArray,\n  formSchemaUIArray,\n  includeRowIdAndRowVersionOption,\n  writeHeaderOption,\n} from './ModalDownload.FormSchema'\n\ntype ModalDownloadState = {\n  isLoading: boolean\n  step: number\n  data?: DownloadFromTableResult\n  formData: Record<string, unknown>\n}\n\nexport type ModalDownloadProps = {\n  onClose: (...args: any[]) => void\n  includeEntityEtag?: boolean\n  queryBundleRequest?: QueryBundleRequest // either the query bundle request needs to be provided, or getLastQueryRequest\n  getLastQueryRequest?: () => QueryBundleRequest\n  offset?: number\n  limit?: number\n  sort?: SortItem[]\n}\n\nexport class ModalDownload extends Component<\n  ModalDownloadProps,\n  ModalDownloadState\n> {\n  static contextType = SynapseContext\n  declare context: NonNullable<ContextType<typeof SynapseContext>>\n\n  constructor(props: ModalDownloadProps) {\n    super(props)\n    this.state = {\n      isLoading: false,\n      step: 0,\n      formData: {\n        'File Type': csvOption,\n        Contents: [writeHeaderOption, includeRowIdAndRowVersionOption],\n      },\n    }\n  }\n\n  handleSubmit = (event: IChangeEvent) => {\n    if (this.state.step === 0) {\n      this.handleDownloadSetup(event)\n    } else {\n      this.onDownload()\n    }\n  }\n\n  handleDownloadSetup = (event: IChangeEvent) => {\n    this.setState({\n      isLoading: true,\n    })\n    const { formData } = event\n    const fileType = formData['File Type']\n    const contents = formData.Contents as string[]\n    const { queryBundleRequest, getLastQueryRequest } = this.props\n    const separator = fileType === csvOption ? ',' : '\\t'\n    const writeHeader = contents.includes(writeHeaderOption)\n    const includeRowIdAndRowVersion = contents.includes(\n      includeRowIdAndRowVersionOption,\n    )\n    const queryRequest = queryBundleRequest ?? getLastQueryRequest!()\n    const sql = queryRequest.query.sql\n    const downloadFromTableRequest: DownloadFromTableRequest = {\n      sql,\n      entityId: parseEntityIdFromSqlStatement(sql),\n      selectedFacets: queryRequest.query.selectedFacets,\n      concreteType:\n        'org.sagebionetworks.repo.model.table.DownloadFromTableRequest',\n      writeHeader,\n      includeRowIdAndRowVersion,\n      csvTableDescriptor: { separator },\n      additionalFilters: queryRequest.query.additionalFilters,\n    }\n    SynapseClient.createTableCsvForDownload(\n      downloadFromTableRequest,\n      this.context.accessToken,\n    )\n      .then(data => {\n        this.setState({\n          isLoading: false,\n          step: 1,\n          data,\n        })\n      })\n      .catch(err => {\n        console.log('Error getDownloadFromTableRequest: ', err)\n      })\n  }\n\n  onDownload = () => {\n    const { data } = this.state\n    // data will always be defined if calling this function\n    SynapseClient.getFileHandleByIdURL(\n      data!.resultsFileHandleId,\n      this.context.accessToken,\n    ).then(url => {\n      window.location.href = url\n      this.props.onClose()\n    })\n  }\n\n  handleChange = (event: IChangeEvent) => {\n    const { formData } = event\n    this.setState({\n      formData,\n    })\n  }\n\n  render() {\n    const spinnerStyle: CSSProperties = {\n      height: 50,\n      width: 50,\n      backgroundSize: 50,\n    }\n    return (\n      <DialogBase\n        open={true}\n        onCancel={this.props.onClose}\n        title=\"Download query results\"\n        content={\n          <>\n            <Form\n              validator={validator}\n              id=\"modal-download-form\"\n              schema={formSchemaArray[this.state.step]}\n              uiSchema={formSchemaUIArray[this.state.step]}\n              onChange={this.handleChange}\n              formData={this.state.formData}\n              onSubmit={this.handleSubmit}\n              widgets={{\n                CheckboxWidget: SynapseFormCheckboxWidget,\n                CheckboxesWidget: SynapseFormCheckboxesWidget,\n                RadioWidget: SynapseFormRadioWidget,\n              }}\n            >\n              {this.state.isLoading && (\n                <div className=\"SRC-centerAndJustifyContent\">\n                  <div className=\"SRC-center-text\">\n                    <p> Creating the File </p>\n                    <div style={spinnerStyle} className=\"spinner\" />\n                    <p> Loading... </p>\n                  </div>\n                </div>\n              )}\n              <Fragment />\n            </Form>\n          </>\n        }\n        actions={\n          <>\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={this.props.onClose}\n            >\n              Cancel\n            </Button>\n            <Button\n              form=\"modal-download-form\"\n              type=\"submit\"\n              variant=\"contained\"\n              color=\"primary\"\n            >\n              {this.state.step === 0 ? 'Next' : 'Download'}\n            </Button>\n          </>\n        }\n      />\n    )\n  }\n}\n\nexport default ModalDownload\n"],"mappings":";;;;;;;;;;;;;;AA0CA,IAAa,IAAb,cAAmC,EAGjC;CACA,OAAO,cAAc;CAGrB,YAAY,GAA2B;EAErC,AADA,MAAM,CAAK,GACX,KAAK,QAAQ;GACX,WAAW;GACX,MAAM;GACN,UAAU;IACR,aAAa;IACb,UAAU,CAAC,GAAmB,CAA+B;GAC/D;EACF;CACF;CAEA,gBAAgB,MAAwB;EACtC,AAAI,KAAK,MAAM,SAAS,IACtB,KAAK,oBAAoB,CAAK,IAE9B,KAAK,WAAW;CAEpB;CAEA,uBAAuB,MAAwB;EAC7C,KAAK,SAAS,EACZ,WAAW,GACb,CAAC;EACD,IAAM,EAAE,gBAAa,GACf,IAAW,EAAS,cACpB,IAAW,EAAS,UACpB,EAAE,uBAAoB,2BAAwB,KAAK,OACnD,IAAY,MAAA,iCAAyB,MAAM,KAC3C,IAAc,EAAS,SAAS,CAAiB,GACjD,IAA4B,EAAS,SACzC,CACF,GACM,IAAe,KAAsB,EAAqB,GAC1D,IAAM,EAAa,MAAM,KACzB,IAAqD;GACzD;GACA,UAAU,EAA8B,CAAG;GAC3C,gBAAgB,EAAa,MAAM;GACnC,cACE;GACF;GACA;GACA,oBAAoB,EAAE,aAAU;GAChC,mBAAmB,EAAa,MAAM;EACxC;EACA,EAAc,0BACZ,GACA,KAAK,QAAQ,WACf,EACG,MAAK,MAAQ;GACZ,KAAK,SAAS;IACZ,WAAW;IACX,MAAM;IACN;GACF,CAAC;EACH,CAAC,EACA,OAAM,MAAO;GACZ,QAAQ,IAAI,uCAAuC,CAAG;EACxD,CAAC;CACL;CAEA,mBAAmB;EACjB,IAAM,EAAE,YAAS,KAAK;EAEtB,EAAc,qBACZ,EAAM,qBACN,KAAK,QAAQ,WACf,EAAE,MAAK,MAAO;GAEZ,AADA,OAAO,SAAS,OAAO,GACvB,KAAK,MAAM,QAAQ;EACrB,CAAC;CACH;CAEA,gBAAgB,MAAwB;EACtC,IAAM,EAAE,gBAAa;EACrB,KAAK,SAAS,EACZ,YACF,CAAC;CACH;CAEA,SAAS;EAMP,OACE,kBAAC,GAAD;GACE,MAAM;GACN,UAAU,KAAK,MAAM;GACrB,OAAM;GACN,SACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;IACa;IACX,IAAG;IACH,QAAQ,EAAgB,KAAK,MAAM;IACnC,UAAU,EAAkB,KAAK,MAAM;IACvC,UAAU,KAAK;IACf,UAAU,KAAK,MAAM;IACrB,UAAU,KAAK;IACf,SAAS;KACP,gBAAgB;KAChB,kBAAkB;KAClB,aAAa;IACf;cAZF,CAcG,KAAK,MAAM,aACV,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,KAAD,EAAA,UAAG,sBAAsB,CAAA;OACzB,kBAAC,OAAD;QAAK,OAAO;SA7B1B,QAAQ;SACR,OAAO;SACP,gBAAgB;QA2BU;QAAc,WAAU;OAAW,CAAA;OAC/C,kBAAC,KAAD,EAAA,UAAG,eAAe,CAAA;MACf;;IACF,CAAA,GAEP,kBAAC,GAAD,CAAW,CAAA,CACP;MACN,CAAA;GAEJ,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,SAAS,KAAK,MAAM;cACrB;GAEO,CAAA,GACR,kBAAC,GAAD;IACE,MAAK;IACL,MAAK;IACL,SAAQ;IACR,OAAM;cAEL,KAAK,MAAM,SAAS,IAAI,SAAS;GAC5B,CAAA,CACR,EAAA,CAAA;EAEL,CAAA;CAEL;AACF"}

package/dist/components/MuiContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MuiContainer.js","names":[],"sources":["../../src/components/MuiContainer.tsx"],"sourcesContent":["import { StyledComponent } from '@emotion/styled'\nimport { Box, BoxProps, styled } from '@mui/material'\n\n/**\n * Drop in MUI substitute class for Bootstrap Container component\n */\nexport const MuiContainer: StyledComponent<BoxProps> = styled(Box, {\n  label: 'MuiContainer',\n})(({ theme }) => ({\n  paddingRight: 15,\n  paddingLeft: 15,\n  marginRight: 'auto',\n  marginLeft: 'auto',\n\n  // Full width for (xs, extra-small: 0px or larger) and (sm, small: 600px or larger)\n  [theme.breakpoints.up('md')]: {\n    // medium: 960px or larger\n    width: 920,\n  },\n  [theme.breakpoints.up('lg')]: {\n    // large: 1280px or larger\n    width: 1170,\n  },\n  [theme.breakpoints.up('xl')]: {\n    // extra-large: 1920px or larger\n    width: 1366,\n  },\n}))\n\nexport default MuiContainer\n"],"mappings":";;AAMA,IAAa,IAA0C,EAAO,GAAK,EACjE,OAAO,gBACR,CAAC,EAAE,EAAE,gBAAa;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,YAAY;EAGX,EAAM,YAAY,GAAG,KAAK,GAAG,EAE5B,OAAO,KACR;EACA,EAAM,YAAY,GAAG,KAAK,GAAG,EAE5B,OAAO,MACR;EACA,EAAM,YAAY,GAAG,KAAK,GAAG,EAE5B,OAAO,MACR;CACF,EAAE"}
+{"version":3,"file":"MuiContainer.js","names":[],"sources":["../../src/components/MuiContainer.tsx"],"sourcesContent":["import { StyledComponent } from '@emotion/styled'\nimport { Box, BoxProps, styled } from '@mui/material'\n\n/**\n * Drop in MUI substitute class for Bootstrap Container component\n */\nexport const MuiContainer: StyledComponent<BoxProps> = styled(Box, {\n  label: 'MuiContainer',\n})(({ theme }) => ({\n  paddingRight: 15,\n  paddingLeft: 15,\n  marginRight: 'auto',\n  marginLeft: 'auto',\n\n  // Full width for (xs, extra-small: 0px or larger) and (sm, small: 600px or larger)\n  [theme.breakpoints.up('md')]: {\n    // medium: 960px or larger\n    width: 920,\n  },\n  [theme.breakpoints.up('lg')]: {\n    // large: 1280px or larger\n    width: 1170,\n  },\n  [theme.breakpoints.up('xl')]: {\n    // extra-large: 1920px or larger\n    width: 1366,\n  },\n}))\n\nexport default MuiContainer\n"],"mappings":";;AAMA,IAAa,IAA0C,EAAO,GAAK,EACjE,OAAO,eACT,CAAC,GAAG,EAAE,gBAAa;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,YAAY;EAGX,EAAM,YAAY,GAAG,IAAI,IAAI,EAE5B,OAAO,IACT;EACC,EAAM,YAAY,GAAG,IAAI,IAAI,EAE5B,OAAO,KACT;EACC,EAAM,YAAY,GAAG,IAAI,IAAI,EAE5B,OAAO,KACT;AACF,EAAE"}

package/dist/components/OAuthClientAclEditor/OAuthAclEditorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"OAuthAclEditorModal.js","names":[],"sources":["../../../src/components/OAuthClientAclEditor/OAuthAclEditorModal.tsx"],"sourcesContent":["import { noop } from 'lodash-es'\nimport { useRef } from 'react'\nimport { displayToast } from '../ToastMessage'\nimport {\n  OAuthClientAclEditor,\n  OAuthClientAclEditorHandle,\n} from './OAuthClientAclEditor'\nimport { DialogBase } from '../DialogBase'\nimport { Button } from '@mui/material'\n\nexport type OAuthAclEditorModalProps = {\n  clientId: string\n  open: boolean\n  onUpdateSuccess?: () => void\n  onClose: () => void\n}\n\nexport default function OAuthAclEditorModal(\n  props: OAuthAclEditorModalProps,\n): React.ReactNode {\n  const { clientId, open, onUpdateSuccess = noop, onClose } = props\n  const ref = useRef<OAuthClientAclEditorHandle>(null)\n  return (\n    <>\n      <DialogBase\n        open={open}\n        title=\"OAuth Client Sharing Settings\"\n        onCancel={onClose}\n        maxWidth={'md'}\n        content={\n          <OAuthClientAclEditor\n            ref={ref}\n            clientId={clientId}\n            onSaveComplete={() => {\n              displayToast(\n                'Permissions were successfully saved to Synapse',\n                'info',\n              )\n              onUpdateSuccess()\n              onClose()\n            }}\n          />\n        }\n        actions={\n          <>\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                onClose()\n              }}\n            >\n              Cancel\n            </Button>\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={() => {\n                ref.current?.save()\n              }}\n            >\n              Save\n            </Button>\n          </>\n        }\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAwB,EACtB,GACiB;CACjB,IAAM,EAAE,aAAU,SAAM,qBAAkB,GAAM,eAAY,GACtD,IAAM,EAAmC,KAAK;AACpD,QACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,UAAU;EACV,UAAU;EACV,SACE,kBAAC,GAAD;GACO;GACK;GACV,sBAAsB;AAMpB,IALA,EACE,kDACA,OACD,EACD,GAAiB,EACjB,GAAS;;GAEX,CAAA;EAEJ,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe;AACb,OAAS;;aAEZ;GAEQ,CAAA,EACT,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,eAAe;AACb,MAAI,SAAS,MAAM;;aAEtB;GAEQ,CAAA,CACR,EAAA,CAAA;EAEL,CAAA,EACD,CAAA"}
+{"version":3,"file":"OAuthAclEditorModal.js","names":[],"sources":["../../../src/components/OAuthClientAclEditor/OAuthAclEditorModal.tsx"],"sourcesContent":["import { noop } from 'lodash-es'\nimport { useRef } from 'react'\nimport { displayToast } from '../ToastMessage'\nimport {\n  OAuthClientAclEditor,\n  OAuthClientAclEditorHandle,\n} from './OAuthClientAclEditor'\nimport { DialogBase } from '../DialogBase'\nimport { Button } from '@mui/material'\n\nexport type OAuthAclEditorModalProps = {\n  clientId: string\n  open: boolean\n  onUpdateSuccess?: () => void\n  onClose: () => void\n}\n\nexport default function OAuthAclEditorModal(\n  props: OAuthAclEditorModalProps,\n): React.ReactNode {\n  const { clientId, open, onUpdateSuccess = noop, onClose } = props\n  const ref = useRef<OAuthClientAclEditorHandle>(null)\n  return (\n    <>\n      <DialogBase\n        open={open}\n        title=\"OAuth Client Sharing Settings\"\n        onCancel={onClose}\n        maxWidth={'md'}\n        content={\n          <OAuthClientAclEditor\n            ref={ref}\n            clientId={clientId}\n            onSaveComplete={() => {\n              displayToast(\n                'Permissions were successfully saved to Synapse',\n                'info',\n              )\n              onUpdateSuccess()\n              onClose()\n            }}\n          />\n        }\n        actions={\n          <>\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                onClose()\n              }}\n            >\n              Cancel\n            </Button>\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={() => {\n                ref.current?.save()\n              }}\n            >\n              Save\n            </Button>\n          </>\n        }\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAwB,EACtB,GACiB;CACjB,IAAM,EAAE,aAAU,SAAM,qBAAkB,GAAM,eAAY,GACtD,IAAM,EAAmC,IAAI;CACnD,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,UAAU;EACV,UAAU;EACV,SACE,kBAAC,GAAD;GACO;GACK;GACV,sBAAsB;IAMpB,AALA,EACE,kDACA,MACF,GACA,EAAgB,GAChB,EAAQ;GACV;EACD,CAAA;EAEH,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe;IACb,EAAQ;GACV;aACD;EAEO,CAAA,GACR,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,eAAe;IACb,EAAI,SAAS,KAAK;GACpB;aACD;EAEO,CAAA,CACR,EAAA,CAAA;CAEL,CAAA,EACD,CAAA;AAEN"}

package/dist/components/OAuthClientAclEditor/OAuthClientAclEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"OAuthClientAclEditor.js","names":[],"sources":["../../../src/components/OAuthClientAclEditor/OAuthClientAclEditor.tsx"],"sourcesContent":["import {\n  useGetOAuthClientACL,\n  useUpdateOAuthClientACL,\n} from '@/synapse-queries'\nimport {\n  getAccessTypeFromPermissionLevel,\n  PermissionLevel,\n} from '@/utils/PermissionLevelToAccessType'\nimport { Alert, Stack } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  consolidateResourceAccessList,\n  convertResourceAccessSetToSRC,\n  updateACLWithSRCResourceAccessList,\n} from '@/utils/functions/AccessControlListUtils'\nimport { isEqual } from 'lodash-es'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { AclEditor } from '../AclEditor/AclEditor'\nimport useUpdateAcl from '../AclEditor/useUpdateAcl'\nimport { AccessControlList } from '@sage-bionetworks/synapse-client'\n\nconst availablePermissionLevels: PermissionLevel[] = [\n  'CAN_ADMINISTER_OAUTH_CLIENT',\n]\n\nexport type OAuthClientAclEditorHandle = {\n  /* Allow the parent component to trigger saving the ACL, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type OAuthClientAclEditorProps = {\n  clientId: string\n  onSaveComplete: (saveSuccessful: boolean) => void\n}\n\nexport const OAuthClientAclEditor = forwardRef(function OAuthClientAclEditor(\n  props: OAuthClientAclEditorProps,\n  ref: ForwardedRef<OAuthClientAclEditorHandle>,\n) {\n  const { clientId, onSaveComplete } = props\n  const [error, setError] = useState<string | null>(null)\n\n  const onMutationSuccess = () => {\n    setError(null)\n    onSaveComplete(true)\n  }\n\n  const onMutationError = (error: SynapseClientError) => {\n    setError(error.reason)\n    onSaveComplete(false)\n  }\n\n  const { data: originalAcl, isLoading: isLoadingOriginalAcl } =\n    useGetOAuthClientACL(clientId, {\n      // Infinite staleTime ensures this won't get re-fetched unless explicitly invalidated by the mutation\n      staleTime: Infinity,\n    })\n\n  const consolidatedOriginalResourceAccess = useMemo(\n    () =>\n      consolidateResourceAccessList(\n        convertResourceAccessSetToSRC(originalAcl?.resourceAccess),\n      ),\n    [originalAcl],\n  )\n\n  const {\n    resourceAccessList,\n    setResourceAccessList,\n    addResourceAccessItem,\n    updateResourceAccessItem,\n    removeResourceAccessItem,\n    resetDirtyState,\n  } = useUpdateAcl({\n    onChange: () => setError(null),\n    onError: setError,\n  })\n\n  // set resourceAccessList when the fetched acl changes\n  useEffect(() => {\n    if (originalAcl) {\n      resetDirtyState()\n      setResourceAccessList(consolidatedOriginalResourceAccess)\n    }\n  }, [\n    originalAcl,\n    consolidatedOriginalResourceAccess,\n    resetDirtyState,\n    setResourceAccessList,\n  ])\n\n  const { mutate: updateAcl } = useUpdateOAuthClientACL({\n    onSuccess: () => onMutationSuccess(),\n    onError: (error: SynapseClientError) => onMutationError(error),\n  })\n\n  useImperativeHandle(ref, () => {\n    return {\n      save() {\n        const updatedAcl: AccessControlList =\n          updateACLWithSRCResourceAccessList(originalAcl, resourceAccessList)\n        const aclIsUnchanged =\n          (originalAcl === null && updatedAcl == null) ||\n          // ignore properties that will change when the ACL is saved (etag, modifiedOn)\n          (isEqual(consolidatedOriginalResourceAccess, resourceAccessList) &&\n            originalAcl?.id === updatedAcl?.id)\n\n        if (aclIsUnchanged) {\n          // noop\n          onSaveComplete(true)\n        } else {\n          updateAcl(updatedAcl)\n        }\n      },\n    }\n  }, [\n    clientId,\n    originalAcl,\n    consolidatedOriginalResourceAccess,\n    resourceAccessList,\n    onSaveComplete,\n    updateAcl,\n  ])\n\n  return (\n    <Stack\n      direction=\"column\"\n      sx={{\n        gap: '20px',\n      }}\n    >\n      <AclEditor\n        resourceAccessList={resourceAccessList}\n        availablePermissionLevels={availablePermissionLevels}\n        isLoading={isLoadingOriginalAcl}\n        canEdit={true}\n        emptyText={/* This should never happen */ ''}\n        onAddPrincipalToAcl={id =>\n          addResourceAccessItem(\n            id,\n            getAccessTypeFromPermissionLevel('CAN_ADMINISTER_OAUTH_CLIENT'),\n          )\n        }\n        updateResourceAccessItem={updateResourceAccessItem}\n        removeResourceAccessItem={removeResourceAccessItem}\n        showAddRemovePublicButton={false}\n        showNotifyCheckbox={false}\n        isInherited={false}\n      />\n      {error && <Alert severity=\"error\">{error}</Alert>}\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;;;AA4BA,IAAM,IAA+C,CACnD,8BACD,EAYY,IAAuB,EAAW,SAC7C,GACA,GACA;CACA,IAAM,EAAE,aAAU,sBAAmB,GAC/B,CAAC,GAAO,KAAY,EAAwB,KAAK,EAEjD,UAA0B;AAE9B,EADA,EAAS,KAAK,EACd,EAAe,GAAK;IAGhB,KAAmB,MAA8B;AAErD,EADA,EAAS,EAAM,OAAO,EACtB,EAAe,GAAM;IAGjB,EAAE,MAAM,GAAa,WAAW,MACpC,EAAqB,GAAU,EAE7B,WAAW,UACZ,CAAC,EAEE,IAAqC,QAEvC,EACE,EAA8B,GAAa,eAAe,CAC3D,EACH,CAAC,EAAY,CACd,EAEK,EACJ,uBACA,0BACA,0BACA,6BACA,6BACA,uBACE,EAAa;EACf,gBAAgB,EAAS,KAAK;EAC9B,SAAS;EACV,CAAC;AAGF,SAAgB;AACd,EAAI,MACF,GAAiB,EACjB,EAAsB,EAAmC;IAE1D;EACD;EACA;EACA;EACA;EACD,CAAC;CAEF,IAAM,EAAE,QAAQ,MAAc,EAAwB;EACpD,iBAAiB,GAAmB;EACpC,UAAU,MAA8B,EAAgB,EAAM;EAC/D,CAAC;AA8BF,QA5BA,EAAoB,UACX,EACL,OAAO;EACL,IAAM,IACJ,EAAmC,GAAa,EAAmB;AAOrE,EALG,MAAgB,QAAQ,KAAc,QAEtC,EAAQ,GAAoC,EAAmB,IAC9D,GAAa,OAAO,GAAY,KAIlC,EAAe,GAAK,GAEpB,EAAU,EAAW;IAG1B,GACA;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAGA,kBAAC,GAAD;EACE,WAAU;EACV,IAAI,EACF,KAAK,QACN;YAJH,CAME,kBAAC,GAAD;GACsB;GACO;GAC3B,WAAW;GACX,SAAS;GACT,WAA0C;GAC1C,sBAAqB,MACnB,EACE,GACA,EAAiC,8BAA8B,CAChE;GAEuB;GACA;GAC1B,2BAA2B;GAC3B,oBAAoB;GACpB,aAAa;GACb,CAAA,EACD,KAAS,kBAAC,GAAD;GAAO,UAAS;aAAS;GAAc,CAAA,CAC3C;;EAEV"}
+{"version":3,"file":"OAuthClientAclEditor.js","names":[],"sources":["../../../src/components/OAuthClientAclEditor/OAuthClientAclEditor.tsx"],"sourcesContent":["import {\n  useGetOAuthClientACL,\n  useUpdateOAuthClientACL,\n} from '@/synapse-queries'\nimport {\n  getAccessTypeFromPermissionLevel,\n  PermissionLevel,\n} from '@/utils/PermissionLevelToAccessType'\nimport { Alert, Stack } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  consolidateResourceAccessList,\n  convertResourceAccessSetToSRC,\n  updateACLWithSRCResourceAccessList,\n} from '@/utils/functions/AccessControlListUtils'\nimport { isEqual } from 'lodash-es'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { AclEditor } from '../AclEditor/AclEditor'\nimport useUpdateAcl from '../AclEditor/useUpdateAcl'\nimport { AccessControlList } from '@sage-bionetworks/synapse-client'\n\nconst availablePermissionLevels: PermissionLevel[] = [\n  'CAN_ADMINISTER_OAUTH_CLIENT',\n]\n\nexport type OAuthClientAclEditorHandle = {\n  /* Allow the parent component to trigger saving the ACL, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type OAuthClientAclEditorProps = {\n  clientId: string\n  onSaveComplete: (saveSuccessful: boolean) => void\n}\n\nexport const OAuthClientAclEditor = forwardRef(function OAuthClientAclEditor(\n  props: OAuthClientAclEditorProps,\n  ref: ForwardedRef<OAuthClientAclEditorHandle>,\n) {\n  const { clientId, onSaveComplete } = props\n  const [error, setError] = useState<string | null>(null)\n\n  const onMutationSuccess = () => {\n    setError(null)\n    onSaveComplete(true)\n  }\n\n  const onMutationError = (error: SynapseClientError) => {\n    setError(error.reason)\n    onSaveComplete(false)\n  }\n\n  const { data: originalAcl, isLoading: isLoadingOriginalAcl } =\n    useGetOAuthClientACL(clientId, {\n      // Infinite staleTime ensures this won't get re-fetched unless explicitly invalidated by the mutation\n      staleTime: Infinity,\n    })\n\n  const consolidatedOriginalResourceAccess = useMemo(\n    () =>\n      consolidateResourceAccessList(\n        convertResourceAccessSetToSRC(originalAcl?.resourceAccess),\n      ),\n    [originalAcl],\n  )\n\n  const {\n    resourceAccessList,\n    setResourceAccessList,\n    addResourceAccessItem,\n    updateResourceAccessItem,\n    removeResourceAccessItem,\n    resetDirtyState,\n  } = useUpdateAcl({\n    onChange: () => setError(null),\n    onError: setError,\n  })\n\n  // set resourceAccessList when the fetched acl changes\n  useEffect(() => {\n    if (originalAcl) {\n      resetDirtyState()\n      setResourceAccessList(consolidatedOriginalResourceAccess)\n    }\n  }, [\n    originalAcl,\n    consolidatedOriginalResourceAccess,\n    resetDirtyState,\n    setResourceAccessList,\n  ])\n\n  const { mutate: updateAcl } = useUpdateOAuthClientACL({\n    onSuccess: () => onMutationSuccess(),\n    onError: (error: SynapseClientError) => onMutationError(error),\n  })\n\n  useImperativeHandle(ref, () => {\n    return {\n      save() {\n        const updatedAcl: AccessControlList =\n          updateACLWithSRCResourceAccessList(originalAcl, resourceAccessList)\n        const aclIsUnchanged =\n          (originalAcl === null && updatedAcl == null) ||\n          // ignore properties that will change when the ACL is saved (etag, modifiedOn)\n          (isEqual(consolidatedOriginalResourceAccess, resourceAccessList) &&\n            originalAcl?.id === updatedAcl?.id)\n\n        if (aclIsUnchanged) {\n          // noop\n          onSaveComplete(true)\n        } else {\n          updateAcl(updatedAcl)\n        }\n      },\n    }\n  }, [\n    clientId,\n    originalAcl,\n    consolidatedOriginalResourceAccess,\n    resourceAccessList,\n    onSaveComplete,\n    updateAcl,\n  ])\n\n  return (\n    <Stack\n      direction=\"column\"\n      sx={{\n        gap: '20px',\n      }}\n    >\n      <AclEditor\n        resourceAccessList={resourceAccessList}\n        availablePermissionLevels={availablePermissionLevels}\n        isLoading={isLoadingOriginalAcl}\n        canEdit={true}\n        emptyText={/* This should never happen */ ''}\n        onAddPrincipalToAcl={id =>\n          addResourceAccessItem(\n            id,\n            getAccessTypeFromPermissionLevel('CAN_ADMINISTER_OAUTH_CLIENT'),\n          )\n        }\n        updateResourceAccessItem={updateResourceAccessItem}\n        removeResourceAccessItem={removeResourceAccessItem}\n        showAddRemovePublicButton={false}\n        showNotifyCheckbox={false}\n        isInherited={false}\n      />\n      {error && <Alert severity=\"error\">{error}</Alert>}\n    </Stack>\n  )\n})\n"],"mappings":";;;;;;;;;;;AA4BA,IAAM,IAA+C,CACnD,6BACF,GAYa,IAAuB,EAAW,SAC7C,GACA,GACA;CACA,IAAM,EAAE,aAAU,sBAAmB,GAC/B,CAAC,GAAO,KAAY,EAAwB,IAAI,GAEhD,UAA0B;EAE9B,AADA,EAAS,IAAI,GACb,EAAe,EAAI;CACrB,GAEM,KAAmB,MAA8B;EAErD,AADA,EAAS,EAAM,MAAM,GACrB,EAAe,EAAK;CACtB,GAEM,EAAE,MAAM,GAAa,WAAW,MACpC,EAAqB,GAAU,EAE7B,WAAW,SACb,CAAC,GAEG,IAAqC,QAEvC,EACE,EAA8B,GAAa,cAAc,CAC3D,GACF,CAAC,CAAW,CACd,GAEM,EACJ,uBACA,0BACA,0BACA,6BACA,6BACA,uBACE,EAAa;EACf,gBAAgB,EAAS,IAAI;EAC7B,SAAS;CACX,CAAC;CAGD,QAAgB;EACd,AAAI,MACF,EAAgB,GAChB,EAAsB,CAAkC;CAE5D,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC;CAED,IAAM,EAAE,QAAQ,MAAc,EAAwB;EACpD,iBAAiB,EAAkB;EACnC,UAAU,MAA8B,EAAgB,CAAK;CAC/D,CAAC;CA8BD,OA5BA,EAAoB,UACX,EACL,OAAO;EACL,IAAM,IACJ,EAAmC,GAAa,CAAkB;EAOpE,AALG,MAAgB,QAAQ,KAAc,QAEtC,EAAQ,GAAoC,CAAkB,KAC7D,GAAa,OAAO,GAAY,KAIlC,EAAe,EAAI,IAEnB,EAAU,CAAU;CAExB,EACF,IACC;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAGC,kBAAC,GAAD;EACE,WAAU;EACV,IAAI,EACF,KAAK,OACP;YAJF,CAME,kBAAC,GAAD;GACsB;GACO;GAC3B,WAAW;GACX,SAAS;GACT,WAA0C;GAC1C,sBAAqB,MACnB,EACE,GACA,EAAiC,6BAA6B,CAChE;GAEwB;GACA;GAC1B,2BAA2B;GAC3B,oBAAoB;GACpB,aAAa;EACd,CAAA,GACA,KAAS,kBAAC,GAAD;GAAO,UAAS;aAAS;EAAa,CAAA,CAC3C;;AAEX,CAAC"}

package/dist/components/OAuthClientManagement/CreateOAuthClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOAuthClient.js","names":[],"sources":["../../../src/components/OAuthClientManagement/CreateOAuthClient.tsx"],"sourcesContent":["import {\n  useCreateOAuthClient,\n  useDeleteOAuthClient,\n  useUpdateOAuthClient,\n} from '@/synapse-queries'\nimport { SynapseClientError, useSynapseContext } from '@/utils'\nimport { useDebouncedEffect } from '@/utils/hooks'\nimport DeleteTwoToneIcon from '@mui/icons-material/DeleteTwoTone'\nimport {\n  Alert,\n  Box,\n  Button,\n  GridLegacy as Grid,\n  IconButton,\n  InputAdornment,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { OAuthClient } from '@sage-bionetworks/synapse-client/generated/models/OAuthClient'\nimport { OIDCSigningAlgorithm } from '@sage-bionetworks/synapse-client/generated/models/OIDCSigningAlgorithm'\nimport { ChangeEvent, useEffect, useMemo, useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { WarningDialog } from '../SynapseForm/WarningDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\nexport const defaultUserInfoSignedResponseAlgorithm = 'JSON'\nexport const warningHeader = 'Are you absolutely sure?'\nexport const warningBody =\n  'Editing this detail will render your client invalid and will require you to resubmit verification. This action cannot be undone.'\nconst INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\nconst GRID_NARROW = 12\nconst GRID_WIDE = 6\nconst GRID_ROW_SPACING = 1\nconst GRID_COL_SPACING = 2\n\nexport type CreateOAuthModalProps = {\n  isShowingModal: boolean\n  isEdit: boolean\n  onClose: () => void\n  setIsShowingConfirmModal: (a: boolean) => void\n  isShowingConfirmModal: boolean\n  client?: OAuthClient\n  setIsShowingModal: (a: boolean) => void\n}\n\nexport function CreateOAuthModal({\n  isShowingModal = false,\n  isEdit,\n  onClose,\n  client,\n  setIsShowingConfirmModal,\n  isShowingConfirmModal,\n  setIsShowingModal,\n}: CreateOAuthModalProps) {\n  const { synapseClient } = useSynapseContext()\n  const [clientName, setClientName] = useState('')\n  const [redirectUris, setRedirectUris] = useState([{ uri: '' }])\n  const [policyUri, setPolicyUri] = useState<string>('')\n  const [clientUri, setClientUri] = useState<string>('')\n  const [sectorUri, setSectorUri] = useState<string>('')\n  const [tosUri, setTosUri] = useState<string>('')\n  const [userinfoSignedResponseAlg, setUserinfoSignedResponseAlg] = useState<\n    'JSON' | OIDCSigningAlgorithm\n  >(defaultUserInfoSignedResponseAlgorithm)\n  const [warnTrigger, setWarnTrigger] = useState(false)\n  const [isDelete, setIsDelete] = useState<boolean>(false)\n  const [updatedClient, setUpdatedClient] = useState<OAuthClient>()\n  const [error, setError] = useState<SynapseClientError>()\n\n  // Return the OAuth Client definition based on the current client-side UI state\n  const oAuthClient: OAuthClient = useMemo(() => {\n    return {\n      client_id: client?.client_id,\n      client_name: clientName,\n      redirect_uris: redirectUris?.map(str => str.uri) ?? [''],\n      policy_uri: policyUri,\n      client_uri: clientUri,\n      sector_identifier_uri: sectorUri,\n      userinfo_signed_response_alg:\n        userinfoSignedResponseAlg === defaultUserInfoSignedResponseAlgorithm\n          ? undefined\n          : userinfoSignedResponseAlg,\n      tos_uri: tosUri,\n      etag: client?.etag,\n    }\n  }, [\n    client?.client_id,\n    client?.etag,\n    clientName,\n    clientUri,\n    policyUri,\n    redirectUris,\n    sectorUri,\n    userinfoSignedResponseAlg,\n    tosUri,\n  ])\n\n  useEffect(() => {\n    setClientName(client?.client_name ?? '')\n    setRedirectUris(\n      client?.redirect_uris?.map((str: string) => ({ uri: str })) ?? [\n        { uri: '' },\n      ],\n    )\n    setPolicyUri(client?.policy_uri ?? '')\n    setClientUri(client?.client_uri ?? '')\n    setSectorUri(client?.sector_identifier_uri ?? '')\n    setUserinfoSignedResponseAlg(\n      client?.userinfo_signed_response_alg ??\n        defaultUserInfoSignedResponseAlgorithm,\n    )\n    setTosUri(client?.tos_uri ?? '')\n  }, [isShowingModal, client])\n\n  useDebouncedEffect(\n    () => {\n      if (oAuthClient.client_id) {\n        // SWC-6365: use the pre-check service to determine if we need to show a warning on edit\n        synapseClient.openIDConnectServicesClient\n          .putAuthV1Oauth2ClientIdVerificationPrecheck({\n            id: oAuthClient.client_id,\n            oAuthClient: oAuthClient,\n          })\n          .then(precheckResult => {\n            setWarnTrigger(precheckResult.reverificationRequired!)\n          })\n      }\n    },\n    [oAuthClient, synapseClient.openIDConnectServicesClient],\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n\n  const hide = () => {\n    setClientName('')\n    setRedirectUris([{ uri: '' }])\n    setPolicyUri('')\n    setClientUri('')\n    setSectorUri('')\n    setUserinfoSignedResponseAlg(defaultUserInfoSignedResponseAlgorithm)\n    setTosUri('')\n    onClose()\n  }\n\n  const hideConfirmModal = () => {\n    setIsShowingConfirmModal(false)\n    setIsDelete(false)\n  }\n\n  const { mutate: createClient } = useCreateOAuthClient({\n    onSuccess: () => {\n      displayToast('Successfully created', 'success')\n      setError(undefined)\n      hide()\n    },\n    onError: err => {\n      setError(err)\n    },\n  })\n\n  const { mutate: updateClient, isPending: updateIsPending } =\n    useUpdateOAuthClient({\n      onSuccess: () => {\n        displayToast('Successfully saved', 'success')\n        setError(undefined)\n        hide()\n      },\n      onError: err => {\n        setError(err)\n        setIsShowingModal(true)\n      },\n    })\n\n  const { mutate: deleteClient } = useDeleteOAuthClient({\n    onSuccess: () => {\n      displayToast('Successfully deleted', 'success')\n      hide()\n    },\n    onError: error => {\n      displayToast(error.reason, 'danger')\n    },\n  })\n\n  const onCreateClient = () => {\n    try {\n      setUpdatedClient(oAuthClient)\n      if (warnTrigger === true) {\n        setIsShowingConfirmModal(true)\n      } else {\n        if (isEdit) {\n          updateClient(oAuthClient)\n        } else {\n          createClient(oAuthClient)\n        }\n      }\n    } catch (err) {\n      displayToast(err.reason as string, 'danger')\n    }\n  }\n\n  const handleRedirectUriAdd = () => {\n    if (redirectUris) {\n      setRedirectUris([...redirectUris, { uri: '' }])\n    }\n  }\n\n  const handleRedirectUriRemove = (index: number) => {\n    if (redirectUris) {\n      const list = [...redirectUris]\n      list.splice(index, 1)\n      setRedirectUris(list)\n    }\n  }\n\n  const handleUriChange = (\n    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n    index: number,\n  ) => {\n    if (redirectUris) {\n      const { name, value } = e.target\n      const list = [...redirectUris]\n      list[index][name as 'uri'] = value\n      setRedirectUris(list)\n    }\n  }\n\n  const dangerLabelSx = {\n    color: isEdit ? 'error.main' : undefined,\n    '&.Mui-focused': {\n      color: isEdit ? 'error.main' : undefined,\n    },\n  }\n\n  const sectorIdentifierURIInput = (\n    <TextField\n      onChange={e => setSectorUri(e.target.value)}\n      placeholder=\"https://\"\n      type=\"text\"\n      value={sectorUri}\n      id=\"sectorURI\"\n      label=\"Sector Identifier URI\"\n      margin=\"normal\"\n      fullWidth\n      slotProps={{\n        inputLabel: { sx: dangerLabelSx },\n      }}\n    />\n  )\n\n  const redirectURIInputs = (\n    <>\n      {redirectUris?.map((singleUri, idx) => (\n        <div key={idx}>\n          <TextField\n            required={idx === 0}\n            label={idx === 0 && 'Redirect URI(s)'}\n            name=\"uri\"\n            fullWidth\n            id={`redirect-uri-${idx}`}\n            onChange={e => handleUriChange(e, idx)}\n            value={singleUri.uri}\n            placeholder=\"https://\"\n            type=\"text\"\n            margin={idx === 0 ? 'normal' : 'dense'}\n            slotProps={{\n              input: {\n                endAdornment: redirectUris.length > 1 && (\n                  <InputAdornment position=\"end\">\n                    <IconButton onClick={() => handleRedirectUriRemove(idx)}>\n                      <DeleteTwoToneIcon sx={{ color: 'error.main' }} />\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              },\n\n              inputLabel: { sx: dangerLabelSx },\n            }}\n          />\n          {redirectUris.length - 1 === idx && (\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={handleRedirectUriAdd}\n              disabled={singleUri.uri.length === 0}\n              sx={{ my: '10px' }}\n            >\n              Add URI\n            </Button>\n          )}\n        </div>\n      ))}\n    </>\n  )\n\n  const content = (\n    <>\n      {updateIsPending && (\n        <div className={'SRC-center-text'}>\n          <SynapseSpinner size={40} />\n        </div>\n      )}\n      {!updateIsPending && (\n        <>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              mb: '10px',\n            }}\n          >\n            To protect you and your users, your consent screen and application\n            will need to be verified by Sage Bionetworks. Before your consent\n            screen and application are verified by Sage Bionetworks, you can\n            still test your application with limitations.\n          </Typography>\n\n          {isEdit && (\n            <Typography sx={{ mt: '16px' }} variant=\"label\">\n              Client ID: {client?.client_id}\n            </Typography>\n          )}\n          <Grid\n            container\n            rowSpacing={GRID_ROW_SPACING}\n            columnSpacing={GRID_COL_SPACING}\n          >\n            <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n              <TextField\n                label=\"Client Name\"\n                required\n                onChange={e => setClientName(e.target.value)}\n                placeholder=\"Client Name\"\n                type=\"text\"\n                value={clientName}\n                id=\"clientName\"\n                margin=\"normal\"\n                fullWidth\n              />\n            </Grid>\n            <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n              <TextField\n                label=\"Client Homepage\"\n                onChange={e => setClientUri(e.target.value)}\n                placeholder=\"https://\"\n                type=\"text\"\n                value={clientUri}\n                id=\"clientUri\"\n                fullWidth\n                margin=\"normal\"\n              />\n            </Grid>\n            {!isEdit && (\n              <>\n                <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n                  {redirectURIInputs}\n                </Grid>\n                <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n                  {sectorIdentifierURIInput}\n                </Grid>\n              </>\n            )}\n            <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n              <TextField\n                label=\"Link to Privacy Policy\"\n                onChange={e => setPolicyUri(e.target.value)}\n                placeholder=\"https://\"\n                type=\"text\"\n                value={policyUri}\n                fullWidth\n                margin=\"normal\"\n              />\n            </Grid>\n            <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n              <TextField\n                label=\"Links to Terms of Service\"\n                onChange={e => setTosUri(e.target.value)}\n                placeholder=\"https://\"\n                type=\"text\"\n                value={tosUri}\n                fullWidth\n                margin=\"normal\"\n              />\n            </Grid>\n            <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n              <TextField\n                label=\"User Info Signed Response Algorithm\"\n                value={userinfoSignedResponseAlg}\n                onChange={e =>\n                  setUserinfoSignedResponseAlg(\n                    e.target.value as OIDCSigningAlgorithm,\n                  )\n                }\n                select\n                fullWidth\n                margin=\"normal\"\n              >\n                <MenuItem value={defaultUserInfoSignedResponseAlgorithm}>\n                  JSON\n                </MenuItem>\n                <MenuItem value={OIDCSigningAlgorithm.RS256}>JWT</MenuItem>\n              </TextField>\n            </Grid>\n          </Grid>\n          {isEdit && (\n            <Box\n              sx={{\n                mt: '10px',\n                padding: 1,\n                backgroundColor: 'rgb(178, 36, 42, 0.03)',\n              }}\n            >\n              <Typography sx={{ my: 1 }} color=\"error\" variant=\"headline3\">\n                DANGER ZONE\n              </Typography>\n              <Typography variant=\"smallText1\">\n                Editing the following information will render your client\n                invalid and will require you to create it again and resubmit\n                verification if needed.\n              </Typography>\n              <Grid\n                container\n                rowSpacing={GRID_ROW_SPACING}\n                columnSpacing={GRID_COL_SPACING}\n              >\n                <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n                  {redirectURIInputs}\n                </Grid>\n                <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n                  {sectorIdentifierURIInput}\n                </Grid>\n              </Grid>\n\n              <Button\n                onClick={() => {\n                  setIsDelete(true)\n                  setIsShowingConfirmModal(true)\n                }}\n                color=\"error\"\n                variant=\"text\"\n                startIcon={<DeleteTwoToneIcon />}\n                sx={{ padding: 0, mb: 1 }}\n              >\n                DELETE CLIENT\n              </Button>\n            </Box>\n          )}\n        </>\n      )}\n      {error && <Alert severity=\"error\">{error?.reason}</Alert>}\n    </>\n  )\n\n  return (\n    <>\n      <ConfirmationDialog\n        open={isShowingModal && !isShowingConfirmModal}\n        onCancel={() => {\n          hide()\n          setError(undefined)\n        }}\n        maxWidth=\"md\"\n        title={isEdit ? 'Client Details' : 'Create New OAuth Client'}\n        content={content}\n        onConfirm={onCreateClient}\n        confirmButtonProps={{ children: 'Save' }}\n      />\n      <WarningDialog\n        open={isShowingConfirmModal}\n        title={warningHeader}\n        content={warningBody}\n        onCancel={hideConfirmModal}\n        onConfirm={() => {\n          if (isDelete) {\n            deleteClient(client?.client_id!)\n          } else {\n            updateClient(updatedClient!)\n          }\n          hideConfirmModal()\n        }}\n        confirmButtonColor=\"error\"\n        confirmButtonText=\"Yes, Continue\"\n      />\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateOAuthClient.js","names":[],"sources":["../../../src/components/OAuthClientManagement/CreateOAuthClient.tsx"],"sourcesContent":["import {\n  useCreateOAuthClient,\n  useDeleteOAuthClient,\n  useUpdateOAuthClient,\n} from '@/synapse-queries'\nimport { SynapseClientError, useSynapseContext } from '@/utils'\nimport { useDebouncedEffect } from '@/utils/hooks'\nimport DeleteTwoToneIcon from '@mui/icons-material/DeleteTwoTone'\nimport {\n  Alert,\n  Box,\n  Button,\n  GridLegacy as Grid,\n  IconButton,\n  InputAdornment,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { OAuthClient } from '@sage-bionetworks/synapse-client/generated/models/OAuthClient'\nimport { OIDCSigningAlgorithm } from '@sage-bionetworks/synapse-client/generated/models/OIDCSigningAlgorithm'\nimport { ChangeEvent, useEffect, useMemo, useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { WarningDialog } from '../SynapseForm/WarningDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\nexport const defaultUserInfoSignedResponseAlgorithm = 'JSON'\nexport const warningHeader = 'Are you absolutely sure?'\nexport const warningBody =\n  'Editing this detail will render your client invalid and will require you to resubmit verification. This action cannot be undone.'\nconst INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\nconst GRID_NARROW = 12\nconst GRID_WIDE = 6\nconst GRID_ROW_SPACING = 1\nconst GRID_COL_SPACING = 2\n\nexport type CreateOAuthModalProps = {\n  isShowingModal: boolean\n  isEdit: boolean\n  onClose: () => void\n  setIsShowingConfirmModal: (a: boolean) => void\n  isShowingConfirmModal: boolean\n  client?: OAuthClient\n  setIsShowingModal: (a: boolean) => void\n}\n\nexport function CreateOAuthModal({\n  isShowingModal = false,\n  isEdit,\n  onClose,\n  client,\n  setIsShowingConfirmModal,\n  isShowingConfirmModal,\n  setIsShowingModal,\n}: CreateOAuthModalProps) {\n  const { synapseClient } = useSynapseContext()\n  const [clientName, setClientName] = useState('')\n  const [redirectUris, setRedirectUris] = useState([{ uri: '' }])\n  const [policyUri, setPolicyUri] = useState<string>('')\n  const [clientUri, setClientUri] = useState<string>('')\n  const [sectorUri, setSectorUri] = useState<string>('')\n  const [tosUri, setTosUri] = useState<string>('')\n  const [userinfoSignedResponseAlg, setUserinfoSignedResponseAlg] = useState<\n    'JSON' | OIDCSigningAlgorithm\n  >(defaultUserInfoSignedResponseAlgorithm)\n  const [warnTrigger, setWarnTrigger] = useState(false)\n  const [isDelete, setIsDelete] = useState<boolean>(false)\n  const [updatedClient, setUpdatedClient] = useState<OAuthClient>()\n  const [error, setError] = useState<SynapseClientError>()\n\n  // Return the OAuth Client definition based on the current client-side UI state\n  const oAuthClient: OAuthClient = useMemo(() => {\n    return {\n      client_id: client?.client_id,\n      client_name: clientName,\n      redirect_uris: redirectUris?.map(str => str.uri) ?? [''],\n      policy_uri: policyUri,\n      client_uri: clientUri,\n      sector_identifier_uri: sectorUri,\n      userinfo_signed_response_alg:\n        userinfoSignedResponseAlg === defaultUserInfoSignedResponseAlgorithm\n          ? undefined\n          : userinfoSignedResponseAlg,\n      tos_uri: tosUri,\n      etag: client?.etag,\n    }\n  }, [\n    client?.client_id,\n    client?.etag,\n    clientName,\n    clientUri,\n    policyUri,\n    redirectUris,\n    sectorUri,\n    userinfoSignedResponseAlg,\n    tosUri,\n  ])\n\n  useEffect(() => {\n    setClientName(client?.client_name ?? '')\n    setRedirectUris(\n      client?.redirect_uris?.map((str: string) => ({ uri: str })) ?? [\n        { uri: '' },\n      ],\n    )\n    setPolicyUri(client?.policy_uri ?? '')\n    setClientUri(client?.client_uri ?? '')\n    setSectorUri(client?.sector_identifier_uri ?? '')\n    setUserinfoSignedResponseAlg(\n      client?.userinfo_signed_response_alg ??\n        defaultUserInfoSignedResponseAlgorithm,\n    )\n    setTosUri(client?.tos_uri ?? '')\n  }, [isShowingModal, client])\n\n  useDebouncedEffect(\n    () => {\n      if (oAuthClient.client_id) {\n        // SWC-6365: use the pre-check service to determine if we need to show a warning on edit\n        synapseClient.openIDConnectServicesClient\n          .putAuthV1Oauth2ClientIdVerificationPrecheck({\n            id: oAuthClient.client_id,\n            oAuthClient: oAuthClient,\n          })\n          .then(precheckResult => {\n            setWarnTrigger(precheckResult.reverificationRequired!)\n          })\n      }\n    },\n    [oAuthClient, synapseClient.openIDConnectServicesClient],\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n\n  const hide = () => {\n    setClientName('')\n    setRedirectUris([{ uri: '' }])\n    setPolicyUri('')\n    setClientUri('')\n    setSectorUri('')\n    setUserinfoSignedResponseAlg(defaultUserInfoSignedResponseAlgorithm)\n    setTosUri('')\n    onClose()\n  }\n\n  const hideConfirmModal = () => {\n    setIsShowingConfirmModal(false)\n    setIsDelete(false)\n  }\n\n  const { mutate: createClient } = useCreateOAuthClient({\n    onSuccess: () => {\n      displayToast('Successfully created', 'success')\n      setError(undefined)\n      hide()\n    },\n    onError: err => {\n      setError(err)\n    },\n  })\n\n  const { mutate: updateClient, isPending: updateIsPending } =\n    useUpdateOAuthClient({\n      onSuccess: () => {\n        displayToast('Successfully saved', 'success')\n        setError(undefined)\n        hide()\n      },\n      onError: err => {\n        setError(err)\n        setIsShowingModal(true)\n      },\n    })\n\n  const { mutate: deleteClient } = useDeleteOAuthClient({\n    onSuccess: () => {\n      displayToast('Successfully deleted', 'success')\n      hide()\n    },\n    onError: error => {\n      displayToast(error.reason, 'danger')\n    },\n  })\n\n  const onCreateClient = () => {\n    try {\n      setUpdatedClient(oAuthClient)\n      if (warnTrigger === true) {\n        setIsShowingConfirmModal(true)\n      } else {\n        if (isEdit) {\n          updateClient(oAuthClient)\n        } else {\n          createClient(oAuthClient)\n        }\n      }\n    } catch (err) {\n      displayToast(err.reason as string, 'danger')\n    }\n  }\n\n  const handleRedirectUriAdd = () => {\n    if (redirectUris) {\n      setRedirectUris([...redirectUris, { uri: '' }])\n    }\n  }\n\n  const handleRedirectUriRemove = (index: number) => {\n    if (redirectUris) {\n      const list = [...redirectUris]\n      list.splice(index, 1)\n      setRedirectUris(list)\n    }\n  }\n\n  const handleUriChange = (\n    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n    index: number,\n  ) => {\n    if (redirectUris) {\n      const { name, value } = e.target\n      const list = [...redirectUris]\n      list[index][name as 'uri'] = value\n      setRedirectUris(list)\n    }\n  }\n\n  const dangerLabelSx = {\n    color: isEdit ? 'error.main' : undefined,\n    '&.Mui-focused': {\n      color: isEdit ? 'error.main' : undefined,\n    },\n  }\n\n  const sectorIdentifierURIInput = (\n    <TextField\n      onChange={e => setSectorUri(e.target.value)}\n      placeholder=\"https://\"\n      type=\"text\"\n      value={sectorUri}\n      id=\"sectorURI\"\n      label=\"Sector Identifier URI\"\n      margin=\"normal\"\n      fullWidth\n      slotProps={{\n        inputLabel: { sx: dangerLabelSx },\n      }}\n    />\n  )\n\n  const redirectURIInputs = (\n    <>\n      {redirectUris?.map((singleUri, idx) => (\n        <div key={idx}>\n          <TextField\n            required={idx === 0}\n            label={idx === 0 && 'Redirect URI(s)'}\n            name=\"uri\"\n            fullWidth\n            id={`redirect-uri-${idx}`}\n            onChange={e => handleUriChange(e, idx)}\n            value={singleUri.uri}\n            placeholder=\"https://\"\n            type=\"text\"\n            margin={idx === 0 ? 'normal' : 'dense'}\n            slotProps={{\n              input: {\n                endAdornment: redirectUris.length > 1 && (\n                  <InputAdornment position=\"end\">\n                    <IconButton onClick={() => handleRedirectUriRemove(idx)}>\n                      <DeleteTwoToneIcon sx={{ color: 'error.main' }} />\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              },\n\n              inputLabel: { sx: dangerLabelSx },\n            }}\n          />\n          {redirectUris.length - 1 === idx && (\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={handleRedirectUriAdd}\n              disabled={singleUri.uri.length === 0}\n              sx={{ my: '10px' }}\n            >\n              Add URI\n            </Button>\n          )}\n        </div>\n      ))}\n    </>\n  )\n\n  const content = (\n    <>\n      {updateIsPending && (\n        <div className={'SRC-center-text'}>\n          <SynapseSpinner size={40} />\n        </div>\n      )}\n      {!updateIsPending && (\n        <>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              mb: '10px',\n            }}\n          >\n            To protect you and your users, your consent screen and application\n            will need to be verified by Sage Bionetworks. Before your consent\n            screen and application are verified by Sage Bionetworks, you can\n            still test your application with limitations.\n          </Typography>\n\n          {isEdit && (\n            <Typography sx={{ mt: '16px' }} variant=\"label\">\n              Client ID: {client?.client_id}\n            </Typography>\n          )}\n          <Grid\n            container\n            rowSpacing={GRID_ROW_SPACING}\n            columnSpacing={GRID_COL_SPACING}\n          >\n            <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n              <TextField\n                label=\"Client Name\"\n                required\n                onChange={e => setClientName(e.target.value)}\n                placeholder=\"Client Name\"\n                type=\"text\"\n                value={clientName}\n                id=\"clientName\"\n                margin=\"normal\"\n                fullWidth\n              />\n            </Grid>\n            <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n              <TextField\n                label=\"Client Homepage\"\n                onChange={e => setClientUri(e.target.value)}\n                placeholder=\"https://\"\n                type=\"text\"\n                value={clientUri}\n                id=\"clientUri\"\n                fullWidth\n                margin=\"normal\"\n              />\n            </Grid>\n            {!isEdit && (\n              <>\n                <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n                  {redirectURIInputs}\n                </Grid>\n                <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n                  {sectorIdentifierURIInput}\n                </Grid>\n              </>\n            )}\n            <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n              <TextField\n                label=\"Link to Privacy Policy\"\n                onChange={e => setPolicyUri(e.target.value)}\n                placeholder=\"https://\"\n                type=\"text\"\n                value={policyUri}\n                fullWidth\n                margin=\"normal\"\n              />\n            </Grid>\n            <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n              <TextField\n                label=\"Links to Terms of Service\"\n                onChange={e => setTosUri(e.target.value)}\n                placeholder=\"https://\"\n                type=\"text\"\n                value={tosUri}\n                fullWidth\n                margin=\"normal\"\n              />\n            </Grid>\n            <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n              <TextField\n                label=\"User Info Signed Response Algorithm\"\n                value={userinfoSignedResponseAlg}\n                onChange={e =>\n                  setUserinfoSignedResponseAlg(\n                    e.target.value as OIDCSigningAlgorithm,\n                  )\n                }\n                select\n                fullWidth\n                margin=\"normal\"\n              >\n                <MenuItem value={defaultUserInfoSignedResponseAlgorithm}>\n                  JSON\n                </MenuItem>\n                <MenuItem value={OIDCSigningAlgorithm.RS256}>JWT</MenuItem>\n              </TextField>\n            </Grid>\n          </Grid>\n          {isEdit && (\n            <Box\n              sx={{\n                mt: '10px',\n                padding: 1,\n                backgroundColor: 'rgb(178, 36, 42, 0.03)',\n              }}\n            >\n              <Typography sx={{ my: 1 }} color=\"error\" variant=\"headline3\">\n                DANGER ZONE\n              </Typography>\n              <Typography variant=\"smallText1\">\n                Editing the following information will render your client\n                invalid and will require you to create it again and resubmit\n                verification if needed.\n              </Typography>\n              <Grid\n                container\n                rowSpacing={GRID_ROW_SPACING}\n                columnSpacing={GRID_COL_SPACING}\n              >\n                <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n                  {redirectURIInputs}\n                </Grid>\n                <Grid item md={GRID_WIDE} xs={GRID_NARROW}>\n                  {sectorIdentifierURIInput}\n                </Grid>\n              </Grid>\n\n              <Button\n                onClick={() => {\n                  setIsDelete(true)\n                  setIsShowingConfirmModal(true)\n                }}\n                color=\"error\"\n                variant=\"text\"\n                startIcon={<DeleteTwoToneIcon />}\n                sx={{ padding: 0, mb: 1 }}\n              >\n                DELETE CLIENT\n              </Button>\n            </Box>\n          )}\n        </>\n      )}\n      {error && <Alert severity=\"error\">{error?.reason}</Alert>}\n    </>\n  )\n\n  return (\n    <>\n      <ConfirmationDialog\n        open={isShowingModal && !isShowingConfirmModal}\n        onCancel={() => {\n          hide()\n          setError(undefined)\n        }}\n        maxWidth=\"md\"\n        title={isEdit ? 'Client Details' : 'Create New OAuth Client'}\n        content={content}\n        onConfirm={onCreateClient}\n        confirmButtonProps={{ children: 'Save' }}\n      />\n      <WarningDialog\n        open={isShowingConfirmModal}\n        title={warningHeader}\n        content={warningBody}\n        onCancel={hideConfirmModal}\n        onConfirm={() => {\n          if (isDelete) {\n            deleteClient(client?.client_id!)\n          } else {\n            updateClient(updatedClient!)\n          }\n          hideConfirmModal()\n        }}\n        confirmButtonColor=\"error\"\n        confirmButtonText=\"Yes, Continue\"\n      />\n    </>\n  )\n}\n"],"mappings":"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"}