synapse-react-client 4.0.18 → 4.0.20

package/dist/components/StatisticsPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatisticsPlot.js","names":[],"sources":["../../src/components/StatisticsPlot.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  FilesCountStatistics,\n  ProjectFilesStatisticsRequest,\n  ProjectFilesStatisticsResponse,\n} from '@sage-bionetworks/synapse-types'\nimport { Component, ContextType } from 'react'\nimport Plot from './Plot/Plot'\n\nconst months = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n]\n\nexport type StatisticsPlotProps = {\n  request: ProjectFilesStatisticsRequest\n  title?: string\n  xtitle?: string\n  ytitle?: string\n  isHorizontal?: boolean\n  xaxistype?: string\n  showlegend?: boolean\n}\n\ntype StatisticsPlotState = {\n  isLoaded: boolean\n  plotData?: ProjectFilesStatisticsResponse\n}\n\nclass StatisticsPlot extends Component<\n  StatisticsPlotProps,\n  StatisticsPlotState\n> {\n  static contextType = SynapseContext\n  declare context: NonNullable<ContextType<typeof SynapseContext>>\n  constructor(props: StatisticsPlotProps) {\n    super(props)\n    this.state = {\n      isLoaded: false,\n      plotData: {} as ProjectFilesStatisticsResponse,\n    }\n  }\n\n  public componentDidMount() {\n    this.fetchPlotlyData()\n  }\n  /**\n   * Get data for plotly\n   *\n   * @returns data corresponding to plotly widget\n   */\n  fetchPlotlyData = async () => {\n    const { request } = this.props\n    return SynapseClient.getProjectStatistics(request, this.context.accessToken)\n      .then((data: ProjectFilesStatisticsResponse) => {\n        this.setState({\n          isLoaded: true,\n          plotData: data,\n        })\n      })\n      .catch((err: any) => {\n        console.log('Error on call to get statistics ', err)\n      })\n  }\n\n  getTrace = (\n    traceName: string,\n    stats: FilesCountStatistics[],\n    orientation: string,\n    markerColor: string,\n  ) => {\n    const x: string[] = []\n    const y: number[] = []\n    const trace = {\n      orientation,\n      x,\n      y,\n      name: traceName,\n      type: 'bar',\n      marker: { color: markerColor },\n      hovertemplate:\n        // see S3 Formatting options: https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#d3_format\n        `%{y:n} <br><extra>${traceName}</extra>`,\n    }\n    for (const statPoint of stats) {\n      const statPointDate: Date = new Date(statPoint.rangeStart)\n      trace.x.push(\n        `${\n          months[statPointDate.getUTCMonth()]\n        } ${statPointDate.getUTCFullYear()}`,\n      )\n      trace.y.push(statPoint.filesCount)\n    }\n    return trace\n  }\n\n  showPlot = () => {\n    if (!this.state.isLoaded || !this.state.plotData) {\n      return\n    }\n    const { title, xtitle, ytitle, isHorizontal, xaxistype, showlegend } =\n      this.props\n    const plotData = this.state.plotData\n    const layout: any = {\n      showlegend,\n      title,\n      barmode: 'stack',\n      hovermode: 'x',\n    }\n    const config: any = {\n      displayModeBar: true,\n      displaylogo: false,\n      // options found here: https://github.com/plotly/plotly.js/blob/master/src/components/modebar/buttons.js\n      modeBarButtonsToRemove: [\n        'sendDataToCloud',\n        'hoverCompareCartesian',\n        'select2d',\n        'lasso2d',\n        'zoom2d',\n        'resetScale2d',\n        'hoverClosestCartesian',\n        'toggleSpikelines',\n      ],\n    }\n    if (xtitle) {\n      layout.xaxis = {\n        title: xtitle,\n      }\n    }\n    if (xaxistype) {\n      layout.xaxis = {\n        ...layout.xaxis,\n        xaxistype: xaxistype.toLowerCase(),\n      }\n    }\n\n    if (ytitle) {\n      layout.yaxis = {\n        title: ytitle,\n      }\n    }\n    // init plot_data\n    const orientation: string = isHorizontal ? 'h' : 'v'\n    const traces: any = []\n    if (\n      plotData.fileDownloads &&\n      plotData.fileDownloads.months &&\n      plotData.fileDownloads.months.length > 0\n    ) {\n      // add file downloads trace\n      traces.push(\n        this.getTrace(\n          'File Downloads',\n          plotData.fileDownloads.months,\n          orientation,\n          '#7CC0C4',\n        ),\n      )\n    }\n    if (\n      plotData.fileUploads &&\n      plotData.fileUploads.months &&\n      plotData.fileUploads.months.length > 0\n    ) {\n      // add file uploads trace\n      traces.push(\n        this.getTrace(\n          'File Uploads',\n          plotData.fileUploads.months,\n          orientation,\n          '#D4689A',\n        ),\n      )\n    }\n    if (traces.length > 0)\n      return (\n        <Plot\n          layout={layout}\n          data={traces}\n          config={config}\n          className=\"SRC-fullWidth\"\n          useResizeHandler={true}\n        />\n      )\n    else return <></>\n  }\n\n  public render() {\n    if (!this.state.isLoaded) {\n      return null\n    }\n    return this.showPlot()\n  }\n}\nexport default StatisticsPlot\n"],"mappings":";;;;;;AAUA,IAAM,IAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAiBK,IAAN,cAA6B,EAG3B;CACA,OAAO,cAAc;CAErB,YAAY,GAA4B;AAEtC,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GACX,UAAU;GACV,UAAU,EAAE;GACb;;CAGH,oBAA2B;AACzB,OAAK,iBAAiB;;CAOxB,kBAAkB,YAAY;EAC5B,IAAM,EAAE,eAAY,KAAK;AACzB,SAAO,EAAc,qBAAqB,GAAS,KAAK,QAAQ,YAAY,CACzE,MAAM,MAAyC;AAC9C,QAAK,SAAS;IACZ,UAAU;IACV,UAAU;IACX,CAAC;IACF,CACD,OAAO,MAAa;AACnB,WAAQ,IAAI,oCAAoC,EAAI;IACpD;;CAGN,YACE,GACA,GACA,GACA,MACG;EAGH,IAAM,IAAQ;GACZ;GACA,GAAA,EAAA;GACA,GAAA,EAAA;GACA,MAAM;GACN,MAAM;GACN,QAAQ,EAAE,OAAO,GAAa;GAC9B,eAEE,qBAAqB,EAAU;GAClC;AACD,OAAK,IAAM,KAAa,GAAO;GAC7B,IAAM,IAAsB,IAAI,KAAK,EAAU,WAAW;AAM1D,GALA,EAAM,EAAE,KACN,GACE,EAAO,EAAc,aAAa,EACnC,GAAG,EAAc,gBAAgB,GACnC,EACD,EAAM,EAAE,KAAK,EAAU,WAAW;;AAEpC,SAAO;;CAGT,iBAAiB;AACf,MAAI,CAAC,KAAK,MAAM,YAAY,CAAC,KAAK,MAAM,SACtC;EAEF,IAAM,EAAE,UAAO,WAAQ,WAAQ,iBAAc,cAAW,kBACtD,KAAK,OACD,IAAW,KAAK,MAAM,UACtB,IAAc;GAClB;GACA;GACA,SAAS;GACT,WAAW;GACZ,EACK,IAAc;GAClB,gBAAgB;GAChB,aAAa;GAEb,wBAAwB;IACtB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACF;AAaD,EAZI,MACF,EAAO,QAAQ,EACb,OAAO,GACR,GAEC,MACF,EAAO,QAAQ;GACb,GAAG,EAAO;GACV,WAAW,EAAU,aAAa;GACnC,GAGC,MACF,EAAO,QAAQ,EACb,OAAO,GACR;EAGH,IAAM,IAAsB,IAAe,MAAM,KAC3C,IAAc,EAAE;AAyCjB,SAvCH,EAAS,iBACT,EAAS,cAAc,UACvB,EAAS,cAAc,OAAO,SAAS,KAGvC,EAAO,KACL,KAAK,SACH,kBACA,EAAS,cAAc,QACvB,GACA,UACD,CACF,EAGD,EAAS,eACT,EAAS,YAAY,UACrB,EAAS,YAAY,OAAO,SAAS,KAGrC,EAAO,KACL,KAAK,SACH,gBACA,EAAS,YAAY,QACrB,GACA,UACD,CACF,EAEC,EAAO,SAAS,IAEhB,kBAAC,GAAD;GACU;GACR,MAAM;GACE;GACR,WAAU;GACV,kBAAkB;GAClB,CAAA,GAEM,kBAAA,GAAA,EAAK,CAAA;;CAGnB,SAAgB;AAId,SAHK,KAAK,MAAM,WAGT,KAAK,UAAU,GAFb"}
+{"version":3,"file":"StatisticsPlot.js","names":[],"sources":["../../src/components/StatisticsPlot.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  FilesCountStatistics,\n  ProjectFilesStatisticsRequest,\n  ProjectFilesStatisticsResponse,\n} from '@sage-bionetworks/synapse-types'\nimport { Component, ContextType } from 'react'\nimport Plot from './Plot/Plot'\n\nconst months = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n]\n\nexport type StatisticsPlotProps = {\n  request: ProjectFilesStatisticsRequest\n  title?: string\n  xtitle?: string\n  ytitle?: string\n  isHorizontal?: boolean\n  xaxistype?: string\n  showlegend?: boolean\n}\n\ntype StatisticsPlotState = {\n  isLoaded: boolean\n  plotData?: ProjectFilesStatisticsResponse\n}\n\nclass StatisticsPlot extends Component<\n  StatisticsPlotProps,\n  StatisticsPlotState\n> {\n  static contextType = SynapseContext\n  declare context: NonNullable<ContextType<typeof SynapseContext>>\n  constructor(props: StatisticsPlotProps) {\n    super(props)\n    this.state = {\n      isLoaded: false,\n      plotData: {} as ProjectFilesStatisticsResponse,\n    }\n  }\n\n  public componentDidMount() {\n    this.fetchPlotlyData()\n  }\n  /**\n   * Get data for plotly\n   *\n   * @returns data corresponding to plotly widget\n   */\n  fetchPlotlyData = async () => {\n    const { request } = this.props\n    return SynapseClient.getProjectStatistics(request, this.context.accessToken)\n      .then((data: ProjectFilesStatisticsResponse) => {\n        this.setState({\n          isLoaded: true,\n          plotData: data,\n        })\n      })\n      .catch((err: any) => {\n        console.log('Error on call to get statistics ', err)\n      })\n  }\n\n  getTrace = (\n    traceName: string,\n    stats: FilesCountStatistics[],\n    orientation: string,\n    markerColor: string,\n  ) => {\n    const x: string[] = []\n    const y: number[] = []\n    const trace = {\n      orientation,\n      x,\n      y,\n      name: traceName,\n      type: 'bar',\n      marker: { color: markerColor },\n      hovertemplate:\n        // see S3 Formatting options: https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#d3_format\n        `%{y:n} <br><extra>${traceName}</extra>`,\n    }\n    for (const statPoint of stats) {\n      const statPointDate: Date = new Date(statPoint.rangeStart)\n      trace.x.push(\n        `${\n          months[statPointDate.getUTCMonth()]\n        } ${statPointDate.getUTCFullYear()}`,\n      )\n      trace.y.push(statPoint.filesCount)\n    }\n    return trace\n  }\n\n  showPlot = () => {\n    if (!this.state.isLoaded || !this.state.plotData) {\n      return\n    }\n    const { title, xtitle, ytitle, isHorizontal, xaxistype, showlegend } =\n      this.props\n    const plotData = this.state.plotData\n    const layout: any = {\n      showlegend,\n      title,\n      barmode: 'stack',\n      hovermode: 'x',\n    }\n    const config: any = {\n      displayModeBar: true,\n      displaylogo: false,\n      // options found here: https://github.com/plotly/plotly.js/blob/master/src/components/modebar/buttons.js\n      modeBarButtonsToRemove: [\n        'sendDataToCloud',\n        'hoverCompareCartesian',\n        'select2d',\n        'lasso2d',\n        'zoom2d',\n        'resetScale2d',\n        'hoverClosestCartesian',\n        'toggleSpikelines',\n      ],\n    }\n    if (xtitle) {\n      layout.xaxis = {\n        title: xtitle,\n      }\n    }\n    if (xaxistype) {\n      layout.xaxis = {\n        ...layout.xaxis,\n        xaxistype: xaxistype.toLowerCase(),\n      }\n    }\n\n    if (ytitle) {\n      layout.yaxis = {\n        title: ytitle,\n      }\n    }\n    // init plot_data\n    const orientation: string = isHorizontal ? 'h' : 'v'\n    const traces: any = []\n    if (\n      plotData.fileDownloads &&\n      plotData.fileDownloads.months &&\n      plotData.fileDownloads.months.length > 0\n    ) {\n      // add file downloads trace\n      traces.push(\n        this.getTrace(\n          'File Downloads',\n          plotData.fileDownloads.months,\n          orientation,\n          '#7CC0C4',\n        ),\n      )\n    }\n    if (\n      plotData.fileUploads &&\n      plotData.fileUploads.months &&\n      plotData.fileUploads.months.length > 0\n    ) {\n      // add file uploads trace\n      traces.push(\n        this.getTrace(\n          'File Uploads',\n          plotData.fileUploads.months,\n          orientation,\n          '#D4689A',\n        ),\n      )\n    }\n    if (traces.length > 0)\n      return (\n        <Plot\n          layout={layout}\n          data={traces}\n          config={config}\n          className=\"SRC-fullWidth\"\n          useResizeHandler={true}\n        />\n      )\n    else return <></>\n  }\n\n  public render() {\n    if (!this.state.isLoaded) {\n      return null\n    }\n    return this.showPlot()\n  }\n}\nexport default StatisticsPlot\n"],"mappings":";;;;;;AAUA,IAAM,IAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAiBM,IAAN,cAA6B,EAG3B;CACA,OAAO,cAAc;CAErB,YAAY,GAA4B;EAEtC,AADA,MAAM,CAAK,GACX,KAAK,QAAQ;GACX,UAAU;GACV,UAAU,CAAC;EACb;CACF;CAEA,oBAA2B;EACzB,KAAK,gBAAgB;CACvB;CAMA,kBAAkB,YAAY;EAC5B,IAAM,EAAE,eAAY,KAAK;EACzB,OAAO,EAAc,qBAAqB,GAAS,KAAK,QAAQ,WAAW,EACxE,MAAM,MAAyC;GAC9C,KAAK,SAAS;IACZ,UAAU;IACV,UAAU;GACZ,CAAC;EACH,CAAC,EACA,OAAO,MAAa;GACnB,QAAQ,IAAI,oCAAoC,CAAG;EACrD,CAAC;CACL;CAEA,YACE,GACA,GACA,GACA,MACG;EAGH,IAAM,IAAQ;GACZ;GACA,GAAA,CAAA;GACA,GAAA,CAAA;GACA,MAAM;GACN,MAAM;GACN,QAAQ,EAAE,OAAO,EAAY;GAC7B,eAEE,qBAAqB,EAAU;EACnC;EACA,KAAK,IAAM,KAAa,GAAO;GAC7B,IAAM,IAAsB,IAAI,KAAK,EAAU,UAAU;GAMzD,AALA,EAAM,EAAE,KACN,GACE,EAAO,EAAc,YAAY,GAClC,GAAG,EAAc,eAAe,GACnC,GACA,EAAM,EAAE,KAAK,EAAU,UAAU;EACnC;EACA,OAAO;CACT;CAEA,iBAAiB;EACf,IAAI,CAAC,KAAK,MAAM,YAAY,CAAC,KAAK,MAAM,UACtC;EAEF,IAAM,EAAE,UAAO,WAAQ,WAAQ,iBAAc,cAAW,kBACtD,KAAK,OACD,IAAW,KAAK,MAAM,UACtB,IAAc;GAClB;GACA;GACA,SAAS;GACT,WAAW;EACb,GACM,IAAc;GAClB,gBAAgB;GAChB,aAAa;GAEb,wBAAwB;IACtB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EAaA,AAZI,MACF,EAAO,QAAQ,EACb,OAAO,EACT,IAEE,MACF,EAAO,QAAQ;GACb,GAAG,EAAO;GACV,WAAW,EAAU,YAAY;EACnC,IAGE,MACF,EAAO,QAAQ,EACb,OAAO,EACT;EAGF,IAAM,IAAsB,IAAe,MAAM,KAC3C,IAAc,CAAC;EAyChB,OAvCH,EAAS,iBACT,EAAS,cAAc,UACvB,EAAS,cAAc,OAAO,SAAS,KAGvC,EAAO,KACL,KAAK,SACH,kBACA,EAAS,cAAc,QACvB,GACA,SACF,CACF,GAGA,EAAS,eACT,EAAS,YAAY,UACrB,EAAS,YAAY,OAAO,SAAS,KAGrC,EAAO,KACL,KAAK,SACH,gBACA,EAAS,YAAY,QACrB,GACA,SACF,CACF,GAEE,EAAO,SAAS,IAEhB,kBAAC,GAAD;GACU;GACR,MAAM;GACE;GACR,WAAU;GACV,kBAAkB;EACnB,CAAA,IAEO,kBAAA,GAAA,CAAI,CAAA;CAClB;CAEA,SAAgB;EAId,OAHK,KAAK,MAAM,WAGT,KAAK,SAAS,IAFZ;CAGX;AACF"}

package/dist/components/StepperDialog/StepperDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperDialog.js","names":[],"sources":["../../../src/components/StepperDialog/StepperDialog.tsx"],"sourcesContent":["import { Alert, Button, Box } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SpinnerButton from '../SpinnerButton/SpinnerButton'\nimport { DialogContentProps } from '@mui/material'\n\nexport type Step<TStepId = string> = {\n  id: TStepId\n  title: string\n  cancelButtonText?: string\n  onConfirm?: () => void\n  confirmStep?: string\n  confirmEnabled?: boolean\n  confirmButtonText?: string\n  previousStep?: string\n  nextStep?: string\n  nextEnabled?: boolean\n  contentProps?: DialogContentProps\n}\n\nexport type Steps = Step[]\n\nexport type StepperDialogProps = {\n  errorMessage: string | undefined\n  onCancel: () => void\n  onConfirm: () => void\n  confirming?: boolean\n  onStepChange: (arg: string) => void\n  open: boolean\n  step: Step\n  content: ReactNode\n  loading: boolean\n}\n\n/**\n * A stepper dialog built using MUI components.\n */\nfunction StepperDialog({\n  errorMessage,\n  onCancel,\n  onConfirm,\n  confirming,\n  onStepChange,\n  open,\n  step,\n  content,\n  loading,\n}: StepperDialogProps) {\n  if (!step) return null\n\n  const dialogContent = (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 1,\n      }}\n    >\n      <>\n        {loading ? <SynapseSpinner size={40} /> : content}\n        {errorMessage && <Alert severity=\"error\">{errorMessage}</Alert>}\n      </>\n    </Box>\n  )\n\n  return (\n    <DialogBase\n      actions={\n        <>\n          {step?.cancelButtonText && (\n            <Button variant=\"outlined\" onClick={() => onCancel()}>\n              {step.cancelButtonText}\n            </Button>\n          )}\n          {step?.previousStep && (\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() =>\n                step.previousStep ? onStepChange(step.previousStep) : null\n              }\n            >\n              Back\n            </Button>\n          )}\n          {step?.nextStep && (\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!step.nextEnabled}\n              onClick={() =>\n                step.nextStep ? onStepChange(step.nextStep) : null\n              }\n            >\n              Next\n            </Button>\n          )}\n          {onConfirm && step?.confirmButtonText && (\n            <SpinnerButton\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!step.confirmEnabled}\n              onClick={() => {\n                onConfirm()\n              }}\n              showSpinner={confirming === true}\n              sx={{ marginLeft: '8px' }}\n            >\n              {step.confirmButtonText}\n            </SpinnerButton>\n          )}\n        </>\n      }\n      content={dialogContent}\n      onCancel={onCancel}\n      open={open}\n      title={step.title}\n      sx={{\n        h2: { paddingTop: 0, paddingBottom: '20px' },\n      }}\n      contentProps={step.contentProps}\n    />\n  )\n}\n\nexport default StepperDialog\n"],"mappings":";;;;;;AAsCA,SAAS,EAAc,EACrB,iBACA,aACA,cACA,eACA,iBACA,SACA,SACA,YACA,cACqB;AACrB,KAAI,CAAC,EAAM,QAAO;CAElB,IAAM,IACJ,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;GACN;YAED,kBAAA,GAAA,EAAA,UAAA,CACG,IAAU,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA,GAAG,GACzC,KAAgB,kBAAC,GAAD;GAAO,UAAS;aAAS;GAAqB,CAAA,CAC9D,EAAA,CAAA;EACC,CAAA;AAGR,QACE,kBAAC,GAAD;EACE,SACE,kBAAA,GAAA,EAAA,UAAA;GACG,GAAM,oBACL,kBAAC,GAAD;IAAQ,SAAQ;IAAW,eAAe,GAAU;cACjD,EAAK;IACC,CAAA;GAEV,GAAM,gBACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,eACE,EAAK,eAAe,EAAa,EAAK,aAAa,GAAG;cAEzD;IAEQ,CAAA;GAEV,GAAM,YACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,CAAC,EAAK;IAChB,eACE,EAAK,WAAW,EAAa,EAAK,SAAS,GAAG;cAEjD;IAEQ,CAAA;GAEV,KAAa,GAAM,qBAClB,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,CAAC,EAAK;IAChB,eAAe;AACb,QAAW;;IAEb,aAAa,MAAe;IAC5B,IAAI,EAAE,YAAY,OAAO;cAExB,EAAK;IACQ,CAAA;GAEjB,EAAA,CAAA;EAEL,SAAS;EACC;EACJ;EACN,OAAO,EAAK;EACZ,IAAI,EACF,IAAI;GAAE,YAAY;GAAG,eAAe;GAAQ,EAC7C;EACD,cAAc,EAAK;EACnB,CAAA"}
+{"version":3,"file":"StepperDialog.js","names":[],"sources":["../../../src/components/StepperDialog/StepperDialog.tsx"],"sourcesContent":["import { Alert, Button, Box } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SpinnerButton from '../SpinnerButton/SpinnerButton'\nimport { DialogContentProps } from '@mui/material'\n\nexport type Step<TStepId = string> = {\n  id: TStepId\n  title: string\n  cancelButtonText?: string\n  onConfirm?: () => void\n  confirmStep?: string\n  confirmEnabled?: boolean\n  confirmButtonText?: string\n  previousStep?: string\n  nextStep?: string\n  nextEnabled?: boolean\n  contentProps?: DialogContentProps\n}\n\nexport type Steps = Step[]\n\nexport type StepperDialogProps = {\n  errorMessage: string | undefined\n  onCancel: () => void\n  onConfirm: () => void\n  confirming?: boolean\n  onStepChange: (arg: string) => void\n  open: boolean\n  step: Step\n  content: ReactNode\n  loading: boolean\n}\n\n/**\n * A stepper dialog built using MUI components.\n */\nfunction StepperDialog({\n  errorMessage,\n  onCancel,\n  onConfirm,\n  confirming,\n  onStepChange,\n  open,\n  step,\n  content,\n  loading,\n}: StepperDialogProps) {\n  if (!step) return null\n\n  const dialogContent = (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 1,\n      }}\n    >\n      <>\n        {loading ? <SynapseSpinner size={40} /> : content}\n        {errorMessage && <Alert severity=\"error\">{errorMessage}</Alert>}\n      </>\n    </Box>\n  )\n\n  return (\n    <DialogBase\n      actions={\n        <>\n          {step?.cancelButtonText && (\n            <Button variant=\"outlined\" onClick={() => onCancel()}>\n              {step.cancelButtonText}\n            </Button>\n          )}\n          {step?.previousStep && (\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() =>\n                step.previousStep ? onStepChange(step.previousStep) : null\n              }\n            >\n              Back\n            </Button>\n          )}\n          {step?.nextStep && (\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!step.nextEnabled}\n              onClick={() =>\n                step.nextStep ? onStepChange(step.nextStep) : null\n              }\n            >\n              Next\n            </Button>\n          )}\n          {onConfirm && step?.confirmButtonText && (\n            <SpinnerButton\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!step.confirmEnabled}\n              onClick={() => {\n                onConfirm()\n              }}\n              showSpinner={confirming === true}\n              sx={{ marginLeft: '8px' }}\n            >\n              {step.confirmButtonText}\n            </SpinnerButton>\n          )}\n        </>\n      }\n      content={dialogContent}\n      onCancel={onCancel}\n      open={open}\n      title={step.title}\n      sx={{\n        h2: { paddingTop: 0, paddingBottom: '20px' },\n      }}\n      contentProps={step.contentProps}\n    />\n  )\n}\n\nexport default StepperDialog\n"],"mappings":";;;;;;AAsCA,SAAS,EAAc,EACrB,iBACA,aACA,cACA,eACA,iBACA,SACA,SACA,YACA,cACqB;CACrB,IAAI,CAAC,GAAM,OAAO;CAElB,IAAM,IACJ,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;EACP;YAEA,kBAAA,GAAA,EAAA,UAAA,CACG,IAAU,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAAI,GACzC,KAAgB,kBAAC,GAAD;GAAO,UAAS;aAAS;EAAoB,CAAA,CAC9D,EAAA,CAAA;CACC,CAAA;CAGP,OACE,kBAAC,GAAD;EACE,SACE,kBAAA,GAAA,EAAA,UAAA;GACG,GAAM,oBACL,kBAAC,GAAD;IAAQ,SAAQ;IAAW,eAAe,EAAS;cAChD,EAAK;GACA,CAAA;GAET,GAAM,gBACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,eACE,EAAK,eAAe,EAAa,EAAK,YAAY,IAAI;cAEzD;GAEO,CAAA;GAET,GAAM,YACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,CAAC,EAAK;IAChB,eACE,EAAK,WAAW,EAAa,EAAK,QAAQ,IAAI;cAEjD;GAEO,CAAA;GAET,KAAa,GAAM,qBAClB,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,CAAC,EAAK;IAChB,eAAe;KACb,EAAU;IACZ;IACA,aAAa,MAAe;IAC5B,IAAI,EAAE,YAAY,MAAM;cAEvB,EAAK;GACO,CAAA;EAEjB,EAAA,CAAA;EAEJ,SAAS;EACC;EACJ;EACN,OAAO,EAAK;EACZ,IAAI,EACF,IAAI;GAAE,YAAY;GAAG,eAAe;EAAO,EAC7C;EACA,cAAc,EAAK;CACpB,CAAA;AAEL"}

package/dist/components/StorybookComponentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"StorybookComponentWrapper.js","names":[],"sources":["../../src/components/StorybookComponentWrapper.tsx"],"sourcesContent":["import { StandaloneLoginForm } from '@/components/Authentication/index'\nimport SynapseClient from '@/synapse-client'\nimport {\n  defaultQueryClientConfig,\n  SynapseContextProvider,\n  SynapseContextType,\n} from '@/utils'\nimport { ApplicationSessionContextProvider } from '@/utils/AppUtils/session/ApplicationSessionContext'\nimport {\n  SynapseSessionManager,\n  type SessionState,\n} from '@/utils/AppUtils/session/SynapseSessionManager'\nimport { STACK_MAP, SynapseStack } from '@/utils/functions/getEndpoint'\nimport useDetectSSOCode from '@/utils/hooks/useDetectSSOCode'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ReactQueryDevtools } from '@tanstack/react-query-devtools'\nimport {\n  ReactNode,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react'\nimport { createMemoryRouter } from 'react-router'\nimport { RouterProvider } from 'react-router/dom'\nimport { SynapseToastContainer } from './ToastMessage'\n\nconst storybookQueryClient = new QueryClient(defaultQueryClientConfig)\n\n// Module-level session manager instance, stable across story switches (like the QueryClient above)\nconst sessionManager = new SynapseSessionManager({\n  onSessionInvalid: () => {\n    // In Storybook, just refresh the session instead of reloading the page\n    sessionManager.refreshSession()\n  },\n})\n\nfunction overrideEndpoint(stack: SynapseStack) {\n  const endpointConfig = STACK_MAP[stack]\n  ;(window as any)['SRC_OVERRIDE_ENDPOINT_CONFIG'] = endpointConfig\n}\n\n/**\n * Wraps storybook story components to ensure that all components receive required context.\n * @param props\n * @returns\n */\nexport function StorybookComponentWrapper(props: {\n  children: ReactNode\n  /* This will match the `globalTypes` object in preview.tsx. */\n  storybookContext: {\n    args: {\n      isAuthenticated?: boolean\n    }\n    globals: {\n      stack?: SynapseStack\n      showReactQueryDevtools?: boolean\n    }\n    parameters: {\n      stack?: SynapseStack\n      withRouter?: boolean\n      requireLogin?: boolean\n    }\n  }\n}) {\n  const { storybookContext } = props\n\n  const currentStack: SynapseStack = (storybookContext.globals.stack ||\n    storybookContext.parameters.stack) as SynapseStack\n\n  useEffect(() => {\n    overrideEndpoint(currentStack)\n  }, [currentStack])\n\n  // Subscribe to the framework-agnostic SynapseSessionManager for token/auth state\n  // These methods are bound in the SynapseSessionManager constructor, so they are safe to pass directly.\n  const sessionState: SessionState = useSyncExternalStore(\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.subscribe,\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.getSnapshot,\n  )\n\n  // Track whether we've started the manager so we only start once (module-level instance persists across renders)\n  const managerStartedRef = useRef(false)\n\n  useEffect(() => {\n    if (!managerStartedRef.current) {\n      sessionManager.start()\n      managerStartedRef.current = true\n    }\n    return () => {\n      sessionManager.dispose()\n      managerStartedRef.current = false\n    }\n  }, [])\n\n  // When the stack changes, restart the session manager to pick up the new endpoint\n  useEffect(() => {\n    if (managerStartedRef.current) {\n      sessionManager.dispose()\n      sessionManager.start()\n    }\n  }, [currentStack])\n\n  const shouldPromptForLogin =\n    storybookContext.parameters.requireLogin &&\n    currentStack !== 'mock' &&\n    sessionState.hasInitializedSession &&\n    !sessionState.isAuthenticated\n\n  const { isLoading: isLoadingSSO } = useDetectSSOCode({\n    onSignInComplete: () => {\n      void sessionManager.refreshSession()\n    },\n    onError: (err: unknown) => {\n      console.error('SSO error in Storybook:', err)\n    },\n    isInitializingSession: !sessionState.hasInitializedSession,\n    isAuthenticated: sessionState.isAuthenticated,\n  })\n\n  useEffect(() => {\n    async function resetCache() {\n      await storybookQueryClient.cancelQueries()\n      await storybookQueryClient.resetQueries()\n    }\n\n    void resetCache()\n  }, [sessionState.token, currentStack])\n\n  const effectiveToken = useMemo(() => {\n    if (currentStack === 'mock') {\n      return storybookContext.args.isAuthenticated ? 'fake token' : undefined\n    }\n    return sessionState.token\n  }, [sessionState.token, currentStack, storybookContext.args.isAuthenticated])\n\n  const effectiveIsAuthenticated = useMemo(() => {\n    if (currentStack === 'mock') {\n      return !!storybookContext.args.isAuthenticated\n    }\n    return sessionState.isAuthenticated\n  }, [\n    sessionState.isAuthenticated,\n    currentStack,\n    storybookContext.args.isAuthenticated,\n  ])\n\n  const refreshSession = useCallback(async () => {\n    await sessionManager.refreshSession()\n  }, [])\n\n  const clearSession = useCallback(async () => {\n    await sessionManager.clearSession()\n  }, [])\n\n  const applicationSessionContext = useMemo(\n    () => ({\n      token: effectiveToken,\n      realmId: sessionState.realmId,\n      userId: sessionState.userId,\n      isAuthenticated: effectiveIsAuthenticated,\n      hasInitializedSession: sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n      twoFactorAuthSSOErrorResponse: undefined,\n      termsOfServiceStatus: undefined,\n      twoFactorStatus: undefined,\n    }),\n    [\n      effectiveToken,\n      effectiveIsAuthenticated,\n      sessionState.realmId,\n      sessionState.userId,\n      sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n    ],\n  )\n\n  const synapseContext: Partial<SynapseContextType> = useMemo(\n    () => ({\n      accessToken: effectiveToken,\n      isAuthenticated: effectiveIsAuthenticated,\n      isInExperimentalMode: SynapseClient.isInSynapseExperimentalMode(),\n      utcTime: SynapseClient.getUseUtcTimeFromCookie(),\n      withErrorBoundary: true,\n      downloadCartPageUrl: '/?path=/story/download-downloadcartpage--demo',\n    }),\n    [effectiveToken, effectiveIsAuthenticated],\n  )\n\n  const wrappedStory = (\n    <Suspense fallback={'global suspense loading...'}>\n      <QueryClientProvider client={storybookQueryClient}>\n        <ApplicationSessionContextProvider context={applicationSessionContext}>\n          <SynapseContextProvider\n            key={currentStack}\n            synapseContext={synapseContext}\n          >\n            {storybookContext.globals.showReactQueryDevtools && (\n              <ReactQueryDevtools />\n            )}\n            <SynapseToastContainer />\n            <main>\n              {shouldPromptForLogin ? (\n                <StandaloneLoginForm\n                  sessionCallback={() => {\n                    void sessionManager.refreshSession()\n                  }}\n                />\n              ) : (\n                props.children\n              )}\n            </main>\n          </SynapseContextProvider>\n        </ApplicationSessionContextProvider>\n      </QueryClientProvider>\n    </Suspense>\n  )\n\n  if (!storybookContext.parameters.withRouter) {\n    return wrappedStory\n  }\n\n  const router = createMemoryRouter([\n    {\n      path: '/',\n      element: wrappedStory,\n    },\n  ])\n\n  return <RouterProvider router={router} />\n}\n\nexport default StorybookComponentWrapper\n"],"mappings":"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"}
+{"version":3,"file":"StorybookComponentWrapper.js","names":[],"sources":["../../src/components/StorybookComponentWrapper.tsx"],"sourcesContent":["import { StandaloneLoginForm } from '@/components/Authentication/index'\nimport SynapseClient from '@/synapse-client'\nimport {\n  defaultQueryClientConfig,\n  SynapseContextProvider,\n  SynapseContextType,\n} from '@/utils'\nimport { ApplicationSessionContextProvider } from '@/utils/AppUtils/session/ApplicationSessionContext'\nimport {\n  SynapseSessionManager,\n  type SessionState,\n} from '@/utils/AppUtils/session/SynapseSessionManager'\nimport { STACK_MAP, SynapseStack } from '@/utils/functions/getEndpoint'\nimport useDetectSSOCode from '@/utils/hooks/useDetectSSOCode'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ReactQueryDevtools } from '@tanstack/react-query-devtools'\nimport {\n  ReactNode,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react'\nimport { createMemoryRouter } from 'react-router'\nimport { RouterProvider } from 'react-router/dom'\nimport { SynapseToastContainer } from './ToastMessage'\n\nconst storybookQueryClient = new QueryClient(defaultQueryClientConfig)\n\n// Module-level session manager instance, stable across story switches (like the QueryClient above)\nconst sessionManager = new SynapseSessionManager({\n  onSessionInvalid: () => {\n    // In Storybook, just refresh the session instead of reloading the page\n    sessionManager.refreshSession()\n  },\n})\n\nfunction overrideEndpoint(stack: SynapseStack) {\n  const endpointConfig = STACK_MAP[stack]\n  ;(window as any)['SRC_OVERRIDE_ENDPOINT_CONFIG'] = endpointConfig\n}\n\n/**\n * Wraps storybook story components to ensure that all components receive required context.\n * @param props\n * @returns\n */\nexport function StorybookComponentWrapper(props: {\n  children: ReactNode\n  /* This will match the `globalTypes` object in preview.tsx. */\n  storybookContext: {\n    args: {\n      isAuthenticated?: boolean\n    }\n    globals: {\n      stack?: SynapseStack\n      showReactQueryDevtools?: boolean\n    }\n    parameters: {\n      stack?: SynapseStack\n      withRouter?: boolean\n      requireLogin?: boolean\n    }\n  }\n}) {\n  const { storybookContext } = props\n\n  const currentStack: SynapseStack = (storybookContext.globals.stack ||\n    storybookContext.parameters.stack) as SynapseStack\n\n  useEffect(() => {\n    overrideEndpoint(currentStack)\n  }, [currentStack])\n\n  // Subscribe to the framework-agnostic SynapseSessionManager for token/auth state\n  // These methods are bound in the SynapseSessionManager constructor, so they are safe to pass directly.\n  const sessionState: SessionState = useSyncExternalStore(\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.subscribe,\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.getSnapshot,\n  )\n\n  // Track whether we've started the manager so we only start once (module-level instance persists across renders)\n  const managerStartedRef = useRef(false)\n\n  useEffect(() => {\n    if (!managerStartedRef.current) {\n      sessionManager.start()\n      managerStartedRef.current = true\n    }\n    return () => {\n      sessionManager.dispose()\n      managerStartedRef.current = false\n    }\n  }, [])\n\n  // When the stack changes, restart the session manager to pick up the new endpoint\n  useEffect(() => {\n    if (managerStartedRef.current) {\n      sessionManager.dispose()\n      sessionManager.start()\n    }\n  }, [currentStack])\n\n  const shouldPromptForLogin =\n    storybookContext.parameters.requireLogin &&\n    currentStack !== 'mock' &&\n    sessionState.hasInitializedSession &&\n    !sessionState.isAuthenticated\n\n  const { isLoading: isLoadingSSO } = useDetectSSOCode({\n    onSignInComplete: () => {\n      void sessionManager.refreshSession()\n    },\n    onError: (err: unknown) => {\n      console.error('SSO error in Storybook:', err)\n    },\n    isInitializingSession: !sessionState.hasInitializedSession,\n    isAuthenticated: sessionState.isAuthenticated,\n  })\n\n  useEffect(() => {\n    async function resetCache() {\n      await storybookQueryClient.cancelQueries()\n      await storybookQueryClient.resetQueries()\n    }\n\n    void resetCache()\n  }, [sessionState.token, currentStack])\n\n  const effectiveToken = useMemo(() => {\n    if (currentStack === 'mock') {\n      return storybookContext.args.isAuthenticated ? 'fake token' : undefined\n    }\n    return sessionState.token\n  }, [sessionState.token, currentStack, storybookContext.args.isAuthenticated])\n\n  const effectiveIsAuthenticated = useMemo(() => {\n    if (currentStack === 'mock') {\n      return !!storybookContext.args.isAuthenticated\n    }\n    return sessionState.isAuthenticated\n  }, [\n    sessionState.isAuthenticated,\n    currentStack,\n    storybookContext.args.isAuthenticated,\n  ])\n\n  const refreshSession = useCallback(async () => {\n    await sessionManager.refreshSession()\n  }, [])\n\n  const clearSession = useCallback(async () => {\n    await sessionManager.clearSession()\n  }, [])\n\n  const applicationSessionContext = useMemo(\n    () => ({\n      token: effectiveToken,\n      realmId: sessionState.realmId,\n      userId: sessionState.userId,\n      isAuthenticated: effectiveIsAuthenticated,\n      hasInitializedSession: sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n      twoFactorAuthSSOErrorResponse: undefined,\n      termsOfServiceStatus: undefined,\n      twoFactorStatus: undefined,\n    }),\n    [\n      effectiveToken,\n      effectiveIsAuthenticated,\n      sessionState.realmId,\n      sessionState.userId,\n      sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n    ],\n  )\n\n  const synapseContext: Partial<SynapseContextType> = useMemo(\n    () => ({\n      accessToken: effectiveToken,\n      isAuthenticated: effectiveIsAuthenticated,\n      isInExperimentalMode: SynapseClient.isInSynapseExperimentalMode(),\n      utcTime: SynapseClient.getUseUtcTimeFromCookie(),\n      withErrorBoundary: true,\n      downloadCartPageUrl: '/?path=/story/download-downloadcartpage--demo',\n    }),\n    [effectiveToken, effectiveIsAuthenticated],\n  )\n\n  const wrappedStory = (\n    <Suspense fallback={'global suspense loading...'}>\n      <QueryClientProvider client={storybookQueryClient}>\n        <ApplicationSessionContextProvider context={applicationSessionContext}>\n          <SynapseContextProvider\n            key={currentStack}\n            synapseContext={synapseContext}\n          >\n            {storybookContext.globals.showReactQueryDevtools && (\n              <ReactQueryDevtools />\n            )}\n            <SynapseToastContainer />\n            <main>\n              {shouldPromptForLogin ? (\n                <StandaloneLoginForm\n                  sessionCallback={() => {\n                    void sessionManager.refreshSession()\n                  }}\n                />\n              ) : (\n                props.children\n              )}\n            </main>\n          </SynapseContextProvider>\n        </ApplicationSessionContextProvider>\n      </QueryClientProvider>\n    </Suspense>\n  )\n\n  if (!storybookContext.parameters.withRouter) {\n    return wrappedStory\n  }\n\n  const router = createMemoryRouter([\n    {\n      path: '/',\n      element: wrappedStory,\n    },\n  ])\n\n  return <RouterProvider router={router} />\n}\n\nexport default StorybookComponentWrapper\n"],"mappings":"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"}

package/dist/components/SubmissionViewScopeEditor/SubmissionViewScopeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmissionViewScopeEditor.js","names":[],"sources":["../../../src/components/SubmissionViewScopeEditor/SubmissionViewScopeEditor.tsx"],"sourcesContent":["import { useGetEvaluation } from '@/synapse-queries/evaluation/useEvaluation'\nimport {\n  Alert,\n  Box,\n  IconButton,\n  Link,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport EvaluationFinder from '../EvaluationFinder/EvaluationFinder'\nimport IconSvg from '../IconSvg'\n\ntype SubmissionViewScopeItemProps = {\n  evaluationId: string\n  onRemove: () => void\n}\n\nfunction SubmissionViewScopeItem(props: SubmissionViewScopeItemProps) {\n  const { evaluationId, onRemove } = props\n  const {\n    data: evaluation,\n    isLoading,\n    isError,\n    error,\n  } = useGetEvaluation(evaluationId)\n  if (isLoading) {\n    return <Skeleton width={'100%'} />\n  }\n  if (isError) {\n    return (\n      <Alert severity=\"error\">\n        <Typography>{error.reason}</Typography>\n        <Link\n          onClick={e => {\n            onRemove()\n          }}\n        >\n          Remove from scope\n        </Link>\n      </Alert>\n    )\n  }\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'row',\n        gap: 1,\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <Typography key={evaluation!.id} variant={'smallText1'}>\n        {evaluation!.name}\n      </Typography>\n      <IconButton\n        size={'small'}\n        aria-label={`Remove ${evaluation!.name!} from scope`}\n        onClick={() => {\n          onRemove()\n        }}\n        sx={{\n          '&:hover': {\n            color: 'error.main',\n          },\n        }}\n      >\n        <IconSvg icon={'delete'} fontSize={'inherit'} wrap={false} />\n      </IconButton>\n    </Box>\n  )\n}\n\nexport type SubmissionViewScopeEditorProps = {\n  evaluationIds: string[]\n  onChange: (evaluationIds: string[]) => void\n}\n\n/**\n * Component used to select evaluations to define a SubmissionView scope\n * @param props\n * @constructor\n */\nexport default function SubmissionViewScopeEditor(\n  props: SubmissionViewScopeEditorProps,\n) {\n  const { evaluationIds = [], onChange } = props\n\n  return (\n    <>\n      <Typography\n        variant={'smallText1'}\n        sx={{\n          mb: 1,\n          fontWeight: 700,\n        }}\n      >\n        Evaluations\n      </Typography>\n      <EvaluationFinder\n        activeOnly={false}\n        accessType={ACCESS_TYPE.READ_PRIVATE_SUBMISSION}\n        selectedIds={evaluationIds}\n        onChange={onChange}\n      />\n      <Box\n        sx={{\n          p: 2.5,\n          mb: 2.5,\n          border: '1px solid',\n          borderColor: 'grey.300',\n        }}\n      >\n        <Typography\n          variant={'smallText1'}\n          sx={{\n            mb: 1,\n            fontWeight: 700,\n          }}\n        >\n          Selected\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 1,\n          }}\n        >\n          {evaluationIds.map(evaluationId => (\n            <SubmissionViewScopeItem\n              key={evaluationId}\n              evaluationId={evaluationId}\n              onRemove={() => {\n                onChange(evaluationIds.filter(id => id !== evaluationId))\n              }}\n            />\n          ))}\n        </Box>\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,SAAS,EAAwB,GAAqC;CACpE,IAAM,EAAE,iBAAc,gBAAa,GAC7B,EACJ,MAAM,GACN,cACA,YACA,aACE,EAAiB,EAAa;AAkBlC,QAjBI,IACK,kBAAC,GAAD,EAAU,OAAO,QAAU,CAAA,GAEhC,IAEA,kBAAC,GAAD;EAAO,UAAS;YAAhB,CACE,kBAAC,GAAD,EAAA,UAAa,EAAM,QAAoB,CAAA,EACvC,kBAAC,GAAD;GACE,UAAS,MAAK;AACZ,OAAU;;aAEb;GAEM,CAAA,CACD;MAIV,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;GACL,YAAY;GACZ,gBAAgB;GACjB;YAPH,CASE,kBAAC,GAAD;GAAiC,SAAS;aACvC,EAAY;GACF,EAFI,EAAY,GAEhB,EACb,kBAAC,GAAD;GACE,MAAM;GACN,cAAY,UAAU,EAAY,KAAM;GACxC,eAAe;AACb,OAAU;;GAEZ,IAAI,EACF,WAAW,EACT,OAAO,cACR,EACF;aAED,kBAAC,GAAD;IAAS,MAAM;IAAU,UAAU;IAAW,MAAM;IAAS,CAAA;GAClD,CAAA,CACT;;;AAcV,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,mBAAgB,EAAE,EAAE,gBAAa;AAEzC,QACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,IAAI;IACJ,YAAY;IACb;aACF;GAEY,CAAA;EACb,kBAAC,GAAD;GACE,YAAY;GACZ,YAAY,EAAY;GACxB,aAAa;GACH;GACV,CAAA;EACF,kBAAC,GAAD;GACE,IAAI;IACF,GAAG;IACH,IAAI;IACJ,QAAQ;IACR,aAAa;IACd;aANH,CAQE,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KACF,IAAI;KACJ,YAAY;KACb;cACF;IAEY,CAAA,EACb,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,eAAe;KACf,KAAK;KACN;cAEA,EAAc,KAAI,MACjB,kBAAC,GAAD;KAEgB;KACd,gBAAgB;AACd,QAAS,EAAc,QAAO,MAAM,MAAO,EAAa,CAAC;;KAE3D,EALK,EAKL,CACF;IACE,CAAA,CACF;;EACL,EAAA,CAAA"}
+{"version":3,"file":"SubmissionViewScopeEditor.js","names":[],"sources":["../../../src/components/SubmissionViewScopeEditor/SubmissionViewScopeEditor.tsx"],"sourcesContent":["import { useGetEvaluation } from '@/synapse-queries/evaluation/useEvaluation'\nimport {\n  Alert,\n  Box,\n  IconButton,\n  Link,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport EvaluationFinder from '../EvaluationFinder/EvaluationFinder'\nimport IconSvg from '../IconSvg'\n\ntype SubmissionViewScopeItemProps = {\n  evaluationId: string\n  onRemove: () => void\n}\n\nfunction SubmissionViewScopeItem(props: SubmissionViewScopeItemProps) {\n  const { evaluationId, onRemove } = props\n  const {\n    data: evaluation,\n    isLoading,\n    isError,\n    error,\n  } = useGetEvaluation(evaluationId)\n  if (isLoading) {\n    return <Skeleton width={'100%'} />\n  }\n  if (isError) {\n    return (\n      <Alert severity=\"error\">\n        <Typography>{error.reason}</Typography>\n        <Link\n          onClick={e => {\n            onRemove()\n          }}\n        >\n          Remove from scope\n        </Link>\n      </Alert>\n    )\n  }\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'row',\n        gap: 1,\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <Typography key={evaluation!.id} variant={'smallText1'}>\n        {evaluation!.name}\n      </Typography>\n      <IconButton\n        size={'small'}\n        aria-label={`Remove ${evaluation!.name!} from scope`}\n        onClick={() => {\n          onRemove()\n        }}\n        sx={{\n          '&:hover': {\n            color: 'error.main',\n          },\n        }}\n      >\n        <IconSvg icon={'delete'} fontSize={'inherit'} wrap={false} />\n      </IconButton>\n    </Box>\n  )\n}\n\nexport type SubmissionViewScopeEditorProps = {\n  evaluationIds: string[]\n  onChange: (evaluationIds: string[]) => void\n}\n\n/**\n * Component used to select evaluations to define a SubmissionView scope\n * @param props\n * @constructor\n */\nexport default function SubmissionViewScopeEditor(\n  props: SubmissionViewScopeEditorProps,\n) {\n  const { evaluationIds = [], onChange } = props\n\n  return (\n    <>\n      <Typography\n        variant={'smallText1'}\n        sx={{\n          mb: 1,\n          fontWeight: 700,\n        }}\n      >\n        Evaluations\n      </Typography>\n      <EvaluationFinder\n        activeOnly={false}\n        accessType={ACCESS_TYPE.READ_PRIVATE_SUBMISSION}\n        selectedIds={evaluationIds}\n        onChange={onChange}\n      />\n      <Box\n        sx={{\n          p: 2.5,\n          mb: 2.5,\n          border: '1px solid',\n          borderColor: 'grey.300',\n        }}\n      >\n        <Typography\n          variant={'smallText1'}\n          sx={{\n            mb: 1,\n            fontWeight: 700,\n          }}\n        >\n          Selected\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 1,\n          }}\n        >\n          {evaluationIds.map(evaluationId => (\n            <SubmissionViewScopeItem\n              key={evaluationId}\n              evaluationId={evaluationId}\n              onRemove={() => {\n                onChange(evaluationIds.filter(id => id !== evaluationId))\n              }}\n            />\n          ))}\n        </Box>\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,SAAS,EAAwB,GAAqC;CACpE,IAAM,EAAE,iBAAc,gBAAa,GAC7B,EACJ,MAAM,GACN,cACA,YACA,aACE,EAAiB,CAAY;CAkBjC,OAjBI,IACK,kBAAC,GAAD,EAAU,OAAO,OAAS,CAAA,IAE/B,IAEA,kBAAC,GAAD;EAAO,UAAS;YAAhB,CACE,kBAAC,GAAD,EAAA,UAAa,EAAM,OAAmB,CAAA,GACtC,kBAAC,GAAD;GACE,UAAS,MAAK;IACZ,EAAS;GACX;aACD;EAEK,CAAA,CACD;MAIT,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;GACL,YAAY;GACZ,gBAAgB;EAClB;YAPF,CASE,kBAAC,GAAD;GAAiC,SAAS;aACvC,EAAY;EACH,GAFK,EAAY,EAEjB,GACZ,kBAAC,GAAD;GACE,MAAM;GACN,cAAY,UAAU,EAAY,KAAM;GACxC,eAAe;IACb,EAAS;GACX;GACA,IAAI,EACF,WAAW,EACT,OAAO,aACT,EACF;aAEA,kBAAC,GAAD;IAAS,MAAM;IAAU,UAAU;IAAW,MAAM;GAAQ,CAAA;EAClD,CAAA,CACT;;AAET;AAYA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,mBAAgB,CAAC,GAAG,gBAAa;CAEzC,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,IAAI;IACJ,YAAY;GACd;aACD;EAEW,CAAA;EACZ,kBAAC,GAAD;GACE,YAAY;GACZ,YAAY,EAAY;GACxB,aAAa;GACH;EACX,CAAA;EACD,kBAAC,GAAD;GACE,IAAI;IACF,GAAG;IACH,IAAI;IACJ,QAAQ;IACR,aAAa;GACf;aANF,CAQE,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KACF,IAAI;KACJ,YAAY;IACd;cACD;GAEW,CAAA,GACZ,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,eAAe;KACf,KAAK;IACP;cAEC,EAAc,KAAI,MACjB,kBAAC,GAAD;KAEgB;KACd,gBAAgB;MACd,EAAS,EAAc,QAAO,MAAM,MAAO,CAAY,CAAC;KAC1D;IACD,GALM,CAKN,CACF;GACE,CAAA,CACF;;CACL,EAAA,CAAA;AAEN"}

package/dist/components/SubmissionViewScopeEditor/SubmissionViewScopeEditorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmissionViewScopeEditorModal.js","names":[],"sources":["../../../src/components/SubmissionViewScopeEditor/SubmissionViewScopeEditorModal.tsx"],"sourcesContent":["import { useGetEntity, useUpdateEntity } from '@/synapse-queries'\nimport { Alert } from '@mui/material'\nimport { SubmissionView } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SubmissionViewScopeEditor from './SubmissionViewScopeEditor'\n\nexport type SubmissionViewScopeEditorModalProps = {\n  open: boolean\n  entityId: string\n  onUpdate: () => void\n  onCancel: () => void\n}\nexport default function SubmissionViewScopeEditorModal(\n  props: SubmissionViewScopeEditorModalProps,\n) {\n  const { open, entityId, onUpdate, onCancel } = props\n  const [scopeIds, setScopeIds] = useState<string[]>([])\n  const {\n    data: entity,\n    isLoading: isEntityLoading,\n    error: entityError,\n  } = useGetEntity<SubmissionView>(entityId, undefined, {\n    staleTime: Infinity,\n  })\n\n  const {\n    mutate,\n    isPending: isUpdatePending,\n    error: updateError,\n  } = useUpdateEntity<SubmissionView>({ onSuccess: onUpdate })\n\n  useEffect(() => {\n    if (entity) {\n      setScopeIds(entity.scopeIds)\n    }\n  }, [entity])\n\n  const isLoading = isEntityLoading || isUpdatePending\n  const error = entityError || updateError\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Edit Scope\"\n      content={\n        <>\n          <SubmissionViewScopeEditor\n            evaluationIds={scopeIds}\n            onChange={setScopeIds}\n          />\n          {error && (\n            <Alert\n              sx={{\n                my: 1,\n              }}\n              severity=\"error\"\n            >\n              {error.reason}\n            </Alert>\n          )}\n        </>\n      }\n      confirmButtonProps={{\n        children: isUpdatePending ? 'Saving...' : 'Save',\n        disabled: isLoading,\n        startIcon: isUpdatePending ? <SynapseSpinner /> : undefined,\n      }}\n      onConfirm={() => {\n        if (entity) {\n          mutate({ ...entity, scopeIds: scopeIds })\n        }\n      }}\n      onCancel={onCancel}\n      maxWidth=\"md\"\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,SAAM,aAAU,aAAU,gBAAa,GACzC,CAAC,GAAU,KAAe,EAAmB,EAAE,CAAC,EAChD,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAA6B,GAAU,KAAA,GAAW,EACpD,WAAW,UACZ,CAAC,EAEI,EACJ,WACA,WAAW,GACX,OAAO,MACL,EAAgC,EAAE,WAAW,GAAU,CAAC;AAE5D,SAAgB;AACd,EAAI,KACF,EAAY,EAAO,SAAS;IAE7B,CAAC,EAAO,CAAC;CAEZ,IAAM,IAAY,KAAmB,GAC/B,IAAQ,KAAe;AAE7B,QACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,eAAe;GACf,UAAU;GACV,CAAA,EACD,KACC,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,GACL;GACD,UAAS;aAER,EAAM;GACD,CAAA,CAET,EAAA,CAAA;EAEL,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,EAAkB,CAAA,GAAG,KAAA;GACnD;EACD,iBAAiB;AACf,GAAI,KACF,EAAO;IAAE,GAAG;IAAkB;IAAU,CAAC;;EAGnC;EACV,UAAS;EACT,CAAA"}
+{"version":3,"file":"SubmissionViewScopeEditorModal.js","names":[],"sources":["../../../src/components/SubmissionViewScopeEditor/SubmissionViewScopeEditorModal.tsx"],"sourcesContent":["import { useGetEntity, useUpdateEntity } from '@/synapse-queries'\nimport { Alert } from '@mui/material'\nimport { SubmissionView } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SubmissionViewScopeEditor from './SubmissionViewScopeEditor'\n\nexport type SubmissionViewScopeEditorModalProps = {\n  open: boolean\n  entityId: string\n  onUpdate: () => void\n  onCancel: () => void\n}\nexport default function SubmissionViewScopeEditorModal(\n  props: SubmissionViewScopeEditorModalProps,\n) {\n  const { open, entityId, onUpdate, onCancel } = props\n  const [scopeIds, setScopeIds] = useState<string[]>([])\n  const {\n    data: entity,\n    isLoading: isEntityLoading,\n    error: entityError,\n  } = useGetEntity<SubmissionView>(entityId, undefined, {\n    staleTime: Infinity,\n  })\n\n  const {\n    mutate,\n    isPending: isUpdatePending,\n    error: updateError,\n  } = useUpdateEntity<SubmissionView>({ onSuccess: onUpdate })\n\n  useEffect(() => {\n    if (entity) {\n      setScopeIds(entity.scopeIds)\n    }\n  }, [entity])\n\n  const isLoading = isEntityLoading || isUpdatePending\n  const error = entityError || updateError\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Edit Scope\"\n      content={\n        <>\n          <SubmissionViewScopeEditor\n            evaluationIds={scopeIds}\n            onChange={setScopeIds}\n          />\n          {error && (\n            <Alert\n              sx={{\n                my: 1,\n              }}\n              severity=\"error\"\n            >\n              {error.reason}\n            </Alert>\n          )}\n        </>\n      }\n      confirmButtonProps={{\n        children: isUpdatePending ? 'Saving...' : 'Save',\n        disabled: isLoading,\n        startIcon: isUpdatePending ? <SynapseSpinner /> : undefined,\n      }}\n      onConfirm={() => {\n        if (entity) {\n          mutate({ ...entity, scopeIds: scopeIds })\n        }\n      }}\n      onCancel={onCancel}\n      maxWidth=\"md\"\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,SAAM,aAAU,aAAU,gBAAa,GACzC,CAAC,GAAU,KAAe,EAAmB,CAAC,CAAC,GAC/C,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAA6B,GAAU,KAAA,GAAW,EACpD,WAAW,SACb,CAAC,GAEK,EACJ,WACA,WAAW,GACX,OAAO,MACL,EAAgC,EAAE,WAAW,EAAS,CAAC;CAE3D,QAAgB;EACd,AAAI,KACF,EAAY,EAAO,QAAQ;CAE/B,GAAG,CAAC,CAAM,CAAC;CAEX,IAAM,IAAY,KAAmB,GAC/B,IAAQ,KAAe;CAE7B,OACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,eAAe;GACf,UAAU;EACX,CAAA,GACA,KACC,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,EACN;GACA,UAAS;aAER,EAAM;EACF,CAAA,CAET,EAAA,CAAA;EAEJ,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,CAAiB,CAAA,IAAI,KAAA;EACpD;EACA,iBAAiB;GACf,AAAI,KACF,EAAO;IAAE,GAAG;IAAkB;GAAS,CAAC;EAE5C;EACU;EACV,UAAS;CACV,CAAA;AAEL"}

package/dist/components/SubscriptionPage/ForumTopic.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForumTopic.js","names":[],"sources":["../../../src/components/SubscriptionPage/ForumTopic.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useGetForumMetadata } from '@/synapse-queries/forum/useForum'\nimport { useSubscription } from '@/synapse-queries/subscription/useSubscription'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport {\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport Topic from './Topic'\n\nexport type SubscriptionItemProps = {\n  subscription: Subscription\n}\n\nexport default function ForumTopic(props: SubscriptionItemProps) {\n  const { subscription } = props\n\n  const { data: forum } = useGetForumMetadata(subscription.objectId)\n  const { data: project } = useGetEntity(forum?.projectId, undefined, {\n    enabled: !!forum,\n  })\n  const { isSubscribed, isLoading, toggleSubscribed } = useSubscription(\n    subscription.objectId,\n    SubscriptionObjectType.FORUM,\n  )\n\n  let href: string | undefined\n  if (forum) {\n    href = `${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}Synapse:${\n      forum.projectId\n    }/discussion`\n  }\n\n  return (\n    <Topic\n      isLoading={isLoading}\n      isSubscribed={isSubscribed}\n      icon={'dashboard'}\n      name={project?.name}\n      nameHref={href}\n      onToggleSubscribe={toggleSubscribed}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAwB,EAAW,GAA8B;CAC/D,IAAM,EAAE,oBAAiB,GAEnB,EAAE,MAAM,MAAU,EAAoB,EAAa,SAAS,EAC5D,EAAE,MAAM,MAAY,EAAa,GAAO,WAAW,KAAA,GAAW,EAClE,SAAS,CAAC,CAAC,GACZ,CAAC,EACI,EAAE,iBAAc,cAAW,wBAAqB,EACpD,EAAa,UACb,EAAuB,MACxB,EAEG;AAOJ,QANI,MACF,IAAO,GAAG,EAAY,EAAuB,gBAAgB,CAAC,UAC5D,EAAM,UACP,eAID,kBAAC,GAAD;EACa;EACG;EACd,MAAM;EACN,MAAM,GAAS;EACf,UAAU;EACV,mBAAmB;EACnB,CAAA"}
+{"version":3,"file":"ForumTopic.js","names":[],"sources":["../../../src/components/SubscriptionPage/ForumTopic.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useGetForumMetadata } from '@/synapse-queries/forum/useForum'\nimport { useSubscription } from '@/synapse-queries/subscription/useSubscription'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport {\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport Topic from './Topic'\n\nexport type SubscriptionItemProps = {\n  subscription: Subscription\n}\n\nexport default function ForumTopic(props: SubscriptionItemProps) {\n  const { subscription } = props\n\n  const { data: forum } = useGetForumMetadata(subscription.objectId)\n  const { data: project } = useGetEntity(forum?.projectId, undefined, {\n    enabled: !!forum,\n  })\n  const { isSubscribed, isLoading, toggleSubscribed } = useSubscription(\n    subscription.objectId,\n    SubscriptionObjectType.FORUM,\n  )\n\n  let href: string | undefined\n  if (forum) {\n    href = `${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}Synapse:${\n      forum.projectId\n    }/discussion`\n  }\n\n  return (\n    <Topic\n      isLoading={isLoading}\n      isSubscribed={isSubscribed}\n      icon={'dashboard'}\n      name={project?.name}\n      nameHref={href}\n      onToggleSubscribe={toggleSubscribed}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAwB,EAAW,GAA8B;CAC/D,IAAM,EAAE,oBAAiB,GAEnB,EAAE,MAAM,MAAU,EAAoB,EAAa,QAAQ,GAC3D,EAAE,MAAM,MAAY,EAAa,GAAO,WAAW,KAAA,GAAW,EAClE,SAAS,CAAC,CAAC,EACb,CAAC,GACK,EAAE,iBAAc,cAAW,wBAAqB,EACpD,EAAa,UACb,EAAuB,KACzB,GAEI;CAOJ,OANI,MACF,IAAO,GAAG,EAAY,EAAuB,eAAe,EAAE,UAC5D,EAAM,UACP,eAID,kBAAC,GAAD;EACa;EACG;EACd,MAAM;EACN,MAAM,GAAS;EACf,UAAU;EACV,mBAAmB;CACpB,CAAA;AAEL"}

package/dist/components/SubscriptionPage/SubscriptionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionItem.js","names":[],"sources":["../../../src/components/SubscriptionPage/SubscriptionItem.tsx"],"sourcesContent":["import {\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport ForumTopic from './ForumTopic'\nimport ThreadTopic from './ThreadTopic'\n\nexport type SubscriptionItemProps = {\n  subscription: Subscription\n}\n\n/**\n * Simple discriminator component that maps a {@link Subscription} rendered on the {@link SubscriptionPage} to\n * a {@link Topic} component\n * @param props\n * @constructor\n */\nexport default function SubscriptionItem(props: SubscriptionItemProps) {\n  const { subscription } = props\n\n  switch (subscription.objectType) {\n    case SubscriptionObjectType.FORUM:\n      return <ForumTopic subscription={subscription} />\n    case SubscriptionObjectType.THREAD:\n      return <ThreadTopic subscription={subscription} />\n    default:\n      console.warn(\n        `Subscription type ${props.subscription.objectType} not supported in UI`,\n      )\n      return <></>\n  }\n}\n"],"mappings":";;;;;AAiBA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,oBAAiB;AAEzB,SAAQ,EAAa,YAArB;EACE,KAAK,EAAuB,MAC1B,QAAO,kBAAC,GAAD,EAA0B,iBAAgB,CAAA;EACnD,KAAK,EAAuB,OAC1B,QAAO,kBAAC,GAAD,EAA2B,iBAAgB,CAAA;EACpD,QAIE,QAHA,QAAQ,KACN,qBAAqB,EAAM,aAAa,WAAW,sBACpD,EACM,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"SubscriptionItem.js","names":[],"sources":["../../../src/components/SubscriptionPage/SubscriptionItem.tsx"],"sourcesContent":["import {\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport ForumTopic from './ForumTopic'\nimport ThreadTopic from './ThreadTopic'\n\nexport type SubscriptionItemProps = {\n  subscription: Subscription\n}\n\n/**\n * Simple discriminator component that maps a {@link Subscription} rendered on the {@link SubscriptionPage} to\n * a {@link Topic} component\n * @param props\n * @constructor\n */\nexport default function SubscriptionItem(props: SubscriptionItemProps) {\n  const { subscription } = props\n\n  switch (subscription.objectType) {\n    case SubscriptionObjectType.FORUM:\n      return <ForumTopic subscription={subscription} />\n    case SubscriptionObjectType.THREAD:\n      return <ThreadTopic subscription={subscription} />\n    default:\n      console.warn(\n        `Subscription type ${props.subscription.objectType} not supported in UI`,\n      )\n      return <></>\n  }\n}\n"],"mappings":";;;;;AAiBA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,oBAAiB;CAEzB,QAAQ,EAAa,YAArB;EACE,KAAK,EAAuB,OAC1B,OAAO,kBAAC,GAAD,EAA0B,gBAAe,CAAA;EAClD,KAAK,EAAuB,QAC1B,OAAO,kBAAC,GAAD,EAA2B,gBAAe,CAAA;EACnD,SAIE,OAHA,QAAQ,KACN,qBAAqB,EAAM,aAAa,WAAW,qBACrD,GACO,kBAAA,GAAA,CAAI,CAAA;CACf;AACF"}

package/dist/components/SubscriptionPage/SubscriptionPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionPage.js","names":[],"sources":["../../../src/components/SubscriptionPage/SubscriptionPage.tsx"],"sourcesContent":["import { useGetAllSubscriptions } from '@/synapse-queries/subscription/useSubscription'\nimport { Box, Button, Stack, Tab, Tabs } from '@mui/material'\nimport {\n  SortByType as SubscriptionSortField,\n  SortDirection,\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport { InfiniteData } from '@tanstack/react-query'\nimport { SyntheticEvent, useId, useState } from 'react'\nimport DropdownSelect from '../DropdownSelect'\nimport SubscriptionItem from './SubscriptionItem'\n\ntype SortOption = { value: SortDirection; label: string }\n\nconst sortOptions: SortOption[] = [\n  { value: 'ASC', label: 'Date Posted' },\n  { value: 'DESC', label: 'Most Recent' },\n]\n\nexport default function SubscriptionPage() {\n  const [objectType, setObjectType] = useState<SubscriptionObjectType>(\n    SubscriptionObjectType.FORUM,\n  )\n  const [sortDirection, setSortDirection] = useState<SortOption>(sortOptions[0])\n\n  const instanceSpecificQueryKey = useId()\n\n  const currentFilter = {\n    objectType: objectType,\n    sortBy: SubscriptionSortField.CREATED_ON,\n    sortDirection: sortDirection.value,\n  }\n\n  const { data, hasNextPage, isFetchingNextPage, fetchNextPage } =\n    useGetAllSubscriptions<InfiniteData<Subscription>>(\n      currentFilter,\n      // Since the user may edit their subscriptions on this page, set staleTime to infinity to prevent re-fetching while editing\n      {\n        staleTime: Infinity,\n        select: data => ({\n          pages: data.pages.flatMap(page => page.results),\n          pageParams: data.pageParams,\n        }),\n      },\n      // Override the query key with a unique ID, because we don't want changes to invalidate this list while it's being used\n      [`subscriptionPageFetch_${instanceSpecificQueryKey}`, currentFilter],\n    )\n\n  return (\n    <>\n      <Box sx={{ float: 'right' }}>\n        <DropdownSelect\n          variant={'outlined'}\n          options={sortOptions.map(option => option.label)}\n          selectedIndex={sortOptions.findIndex(\n            option => option.value === sortDirection.value,\n          )}\n          setSelectedIndex={index => setSortDirection(sortOptions[index])}\n        />\n      </Box>\n\n      <Tabs\n        sx={{ mb: 3 }}\n        value={objectType}\n        onChange={(event: SyntheticEvent, newValue: SubscriptionObjectType) => {\n          event.stopPropagation()\n          setObjectType(newValue)\n        }}\n        textColor=\"secondary\"\n        indicatorColor=\"secondary\"\n      >\n        <Tab value={SubscriptionObjectType.FORUM} label={'Project Forums'} />\n        <Tab value={SubscriptionObjectType.THREAD} label={'Threads'} />\n      </Tabs>\n      <Stack\n        sx={{\n          gap: 0.5,\n        }}\n      >\n        {data?.pages.map(subscription => (\n          <SubscriptionItem\n            key={subscription.subscriptionId}\n            subscription={subscription}\n          />\n        ))}\n      </Stack>\n\n      {hasNextPage && (\n        <Button\n          variant=\"contained\"\n          onClick={() => {\n            fetchNextPage()\n          }}\n          disabled={isFetchingNextPage}\n          sx={{ mt: 6 }}\n        >\n          {isFetchingNextPage ? 'Loading...' : 'Load More'}\n        </Button>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAeA,IAAM,IAA4B,CAChC;CAAE,OAAO;CAAO,OAAO;CAAe,EACtC;CAAE,OAAO;CAAQ,OAAO;CAAe,CACxC;AAED,SAAwB,IAAmB;CACzC,IAAM,CAAC,GAAY,KAAiB,EAClC,EAAuB,MACxB,EACK,CAAC,GAAe,KAAoB,EAAqB,EAAY,GAAG,EAExE,IAA2B,GAAO,EAElC,IAAgB;EACR;EACZ,QAAQ,EAAsB;EAC9B,eAAe,EAAc;EAC9B,EAEK,EAAE,SAAM,gBAAa,uBAAoB,qBAC7C,EACE,GAEA;EACE,WAAW;EACX,SAAQ,OAAS;GACf,OAAO,EAAK,MAAM,SAAQ,MAAQ,EAAK,QAAQ;GAC/C,YAAY,EAAK;GAClB;EACF,EAED,CAAC,yBAAyB,KAA4B,EAAc,CACrE;AAEH,QACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAK,IAAI,EAAE,OAAO,SAAS;aACzB,kBAAC,GAAD;IACE,SAAS;IACT,SAAS,EAAY,KAAI,MAAU,EAAO,MAAM;IAChD,eAAe,EAAY,WACzB,MAAU,EAAO,UAAU,EAAc,MAC1C;IACD,mBAAkB,MAAS,EAAiB,EAAY,GAAO;IAC/D,CAAA;GACE,CAAA;EAEN,kBAAC,GAAD;GACE,IAAI,EAAE,IAAI,GAAG;GACb,OAAO;GACP,WAAW,GAAuB,MAAqC;AAErE,IADA,EAAM,iBAAiB,EACvB,EAAc,EAAS;;GAEzB,WAAU;GACV,gBAAe;aARjB,CAUE,kBAAC,GAAD;IAAK,OAAO,EAAuB;IAAO,OAAO;IAAoB,CAAA,EACrE,kBAAC,GAAD;IAAK,OAAO,EAAuB;IAAQ,OAAO;IAAa,CAAA,CAC1D;;EACP,kBAAC,GAAD;GACE,IAAI,EACF,KAAK,IACN;aAEA,GAAM,MAAM,KAAI,MACf,kBAAC,GAAD,EAEgB,iBACd,EAFK,EAAa,eAElB,CACF;GACI,CAAA;EAEP,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe;AACb,OAAe;;GAEjB,UAAU;GACV,IAAI,EAAE,IAAI,GAAG;aAEZ,IAAqB,eAAe;GAC9B,CAAA;EAEV,EAAA,CAAA"}
+{"version":3,"file":"SubscriptionPage.js","names":[],"sources":["../../../src/components/SubscriptionPage/SubscriptionPage.tsx"],"sourcesContent":["import { useGetAllSubscriptions } from '@/synapse-queries/subscription/useSubscription'\nimport { Box, Button, Stack, Tab, Tabs } from '@mui/material'\nimport {\n  SortByType as SubscriptionSortField,\n  SortDirection,\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport { InfiniteData } from '@tanstack/react-query'\nimport { SyntheticEvent, useId, useState } from 'react'\nimport DropdownSelect from '../DropdownSelect'\nimport SubscriptionItem from './SubscriptionItem'\n\ntype SortOption = { value: SortDirection; label: string }\n\nconst sortOptions: SortOption[] = [\n  { value: 'ASC', label: 'Date Posted' },\n  { value: 'DESC', label: 'Most Recent' },\n]\n\nexport default function SubscriptionPage() {\n  const [objectType, setObjectType] = useState<SubscriptionObjectType>(\n    SubscriptionObjectType.FORUM,\n  )\n  const [sortDirection, setSortDirection] = useState<SortOption>(sortOptions[0])\n\n  const instanceSpecificQueryKey = useId()\n\n  const currentFilter = {\n    objectType: objectType,\n    sortBy: SubscriptionSortField.CREATED_ON,\n    sortDirection: sortDirection.value,\n  }\n\n  const { data, hasNextPage, isFetchingNextPage, fetchNextPage } =\n    useGetAllSubscriptions<InfiniteData<Subscription>>(\n      currentFilter,\n      // Since the user may edit their subscriptions on this page, set staleTime to infinity to prevent re-fetching while editing\n      {\n        staleTime: Infinity,\n        select: data => ({\n          pages: data.pages.flatMap(page => page.results),\n          pageParams: data.pageParams,\n        }),\n      },\n      // Override the query key with a unique ID, because we don't want changes to invalidate this list while it's being used\n      [`subscriptionPageFetch_${instanceSpecificQueryKey}`, currentFilter],\n    )\n\n  return (\n    <>\n      <Box sx={{ float: 'right' }}>\n        <DropdownSelect\n          variant={'outlined'}\n          options={sortOptions.map(option => option.label)}\n          selectedIndex={sortOptions.findIndex(\n            option => option.value === sortDirection.value,\n          )}\n          setSelectedIndex={index => setSortDirection(sortOptions[index])}\n        />\n      </Box>\n\n      <Tabs\n        sx={{ mb: 3 }}\n        value={objectType}\n        onChange={(event: SyntheticEvent, newValue: SubscriptionObjectType) => {\n          event.stopPropagation()\n          setObjectType(newValue)\n        }}\n        textColor=\"secondary\"\n        indicatorColor=\"secondary\"\n      >\n        <Tab value={SubscriptionObjectType.FORUM} label={'Project Forums'} />\n        <Tab value={SubscriptionObjectType.THREAD} label={'Threads'} />\n      </Tabs>\n      <Stack\n        sx={{\n          gap: 0.5,\n        }}\n      >\n        {data?.pages.map(subscription => (\n          <SubscriptionItem\n            key={subscription.subscriptionId}\n            subscription={subscription}\n          />\n        ))}\n      </Stack>\n\n      {hasNextPage && (\n        <Button\n          variant=\"contained\"\n          onClick={() => {\n            fetchNextPage()\n          }}\n          disabled={isFetchingNextPage}\n          sx={{ mt: 6 }}\n        >\n          {isFetchingNextPage ? 'Loading...' : 'Load More'}\n        </Button>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAeA,IAAM,IAA4B,CAChC;CAAE,OAAO;CAAO,OAAO;AAAc,GACrC;CAAE,OAAO;CAAQ,OAAO;AAAc,CACxC;AAEA,SAAwB,IAAmB;CACzC,IAAM,CAAC,GAAY,KAAiB,EAClC,EAAuB,KACzB,GACM,CAAC,GAAe,KAAoB,EAAqB,EAAY,EAAE,GAEvE,IAA2B,EAAM,GAEjC,IAAgB;EACR;EACZ,QAAQ,EAAsB;EAC9B,eAAe,EAAc;CAC/B,GAEM,EAAE,SAAM,gBAAa,uBAAoB,qBAC7C,EACE,GAEA;EACE,WAAW;EACX,SAAQ,OAAS;GACf,OAAO,EAAK,MAAM,SAAQ,MAAQ,EAAK,OAAO;GAC9C,YAAY,EAAK;EACnB;CACF,GAEA,CAAC,yBAAyB,KAA4B,CAAa,CACrE;CAEF,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAK,IAAI,EAAE,OAAO,QAAQ;aACxB,kBAAC,GAAD;IACE,SAAS;IACT,SAAS,EAAY,KAAI,MAAU,EAAO,KAAK;IAC/C,eAAe,EAAY,WACzB,MAAU,EAAO,UAAU,EAAc,KAC3C;IACA,mBAAkB,MAAS,EAAiB,EAAY,EAAM;GAC/D,CAAA;EACE,CAAA;EAEL,kBAAC,GAAD;GACE,IAAI,EAAE,IAAI,EAAE;GACZ,OAAO;GACP,WAAW,GAAuB,MAAqC;IAErE,AADA,EAAM,gBAAgB,GACtB,EAAc,CAAQ;GACxB;GACA,WAAU;GACV,gBAAe;aARjB,CAUE,kBAAC,GAAD;IAAK,OAAO,EAAuB;IAAO,OAAO;GAAmB,CAAA,GACpE,kBAAC,GAAD;IAAK,OAAO,EAAuB;IAAQ,OAAO;GAAY,CAAA,CAC1D;;EACN,kBAAC,GAAD;GACE,IAAI,EACF,KAAK,GACP;aAEC,GAAM,MAAM,KAAI,MACf,kBAAC,GAAD,EAEgB,gBACf,GAFM,EAAa,cAEnB,CACF;EACI,CAAA;EAEN,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe;IACb,EAAc;GAChB;GACA,UAAU;GACV,IAAI,EAAE,IAAI,EAAE;aAEX,IAAqB,eAAe;EAC/B,CAAA;CAEV,EAAA,CAAA;AAEN"}

package/dist/components/SubscriptionPage/ThreadTopic.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadTopic.js","names":[],"sources":["../../../src/components/SubscriptionPage/ThreadTopic.tsx"],"sourcesContent":["import { useGetThread } from '@/synapse-queries/forum/useThread'\nimport { useSubscription } from '@/synapse-queries/subscription/useSubscription'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport {\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport Topic from './Topic'\n\nexport type SubscriptionItemProps = {\n  subscription: Subscription\n}\n\nexport default function SubscriptionItem(props: SubscriptionItemProps) {\n  const { subscription } = props\n\n  const { threadData } = useGetThread(subscription.objectId)\n  const { isSubscribed, isLoading, toggleSubscribed } = useSubscription(\n    subscription.objectId,\n    SubscriptionObjectType.THREAD,\n  )\n\n  let href: string | undefined\n  if (threadData) {\n    href = `${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}Synapse:${\n      threadData.projectId\n    }/discussion/threadId=${subscription.objectId}`\n  }\n\n  return (\n    <Topic\n      isLoading={isLoading}\n      isSubscribed={isSubscribed}\n      icon={'discussion'}\n      name={threadData?.title}\n      nameHref={href}\n      onToggleSubscribe={toggleSubscribed}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAgBA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,oBAAiB,GAEnB,EAAE,kBAAe,EAAa,EAAa,SAAS,EACpD,EAAE,iBAAc,cAAW,wBAAqB,EACpD,EAAa,UACb,EAAuB,OACxB,EAEG;AAOJ,QANI,MACF,IAAO,GAAG,EAAY,EAAuB,gBAAgB,CAAC,UAC5D,EAAW,UACZ,uBAAuB,EAAa,aAIrC,kBAAC,GAAD;EACa;EACG;EACd,MAAM;EACN,MAAM,GAAY;EAClB,UAAU;EACV,mBAAmB;EACnB,CAAA"}
+{"version":3,"file":"ThreadTopic.js","names":[],"sources":["../../../src/components/SubscriptionPage/ThreadTopic.tsx"],"sourcesContent":["import { useGetThread } from '@/synapse-queries/forum/useThread'\nimport { useSubscription } from '@/synapse-queries/subscription/useSubscription'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport {\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport Topic from './Topic'\n\nexport type SubscriptionItemProps = {\n  subscription: Subscription\n}\n\nexport default function SubscriptionItem(props: SubscriptionItemProps) {\n  const { subscription } = props\n\n  const { threadData } = useGetThread(subscription.objectId)\n  const { isSubscribed, isLoading, toggleSubscribed } = useSubscription(\n    subscription.objectId,\n    SubscriptionObjectType.THREAD,\n  )\n\n  let href: string | undefined\n  if (threadData) {\n    href = `${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}Synapse:${\n      threadData.projectId\n    }/discussion/threadId=${subscription.objectId}`\n  }\n\n  return (\n    <Topic\n      isLoading={isLoading}\n      isSubscribed={isSubscribed}\n      icon={'discussion'}\n      name={threadData?.title}\n      nameHref={href}\n      onToggleSubscribe={toggleSubscribed}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAgBA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,oBAAiB,GAEnB,EAAE,kBAAe,EAAa,EAAa,QAAQ,GACnD,EAAE,iBAAc,cAAW,wBAAqB,EACpD,EAAa,UACb,EAAuB,MACzB,GAEI;CAOJ,OANI,MACF,IAAO,GAAG,EAAY,EAAuB,eAAe,EAAE,UAC5D,EAAW,UACZ,uBAAuB,EAAa,aAIrC,kBAAC,GAAD;EACa;EACG;EACd,MAAM;EACN,MAAM,GAAY;EAClB,UAAU;EACV,mBAAmB;CACpB,CAAA;AAEL"}

package/dist/components/SubscriptionPage/Topic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Topic.js","names":[],"sources":["../../../src/components/SubscriptionPage/Topic.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport { Button, Link, Skeleton, Stack } from '@mui/material'\nimport IconSvg, { IconName } from '../IconSvg'\n\nexport type TopicProps = {\n  isSubscribed: boolean\n  isLoading: boolean\n  icon: IconName\n  name?: string\n  nameHref?: string\n  onToggleSubscribe: () => void\n}\n\n/**\n * Represents a single object on which a Synapse user has subscribed to notifications\n * @param props\n * @constructor\n */\nexport default function Topic(props: TopicProps) {\n  const { icon, isSubscribed, isLoading, nameHref, name, onToggleSubscribe } =\n    props\n\n  return (\n    <Stack\n      sx={{\n        flexDirection: 'row',\n        alignItems: 'center',\n      }}\n    >\n      <Button\n        sx={{ width: '80px', mr: 3 }}\n        onClick={onToggleSubscribe}\n        variant={isSubscribed ? 'outlined' : 'contained'}\n        disabled={isLoading}\n      >\n        {isSubscribed ? 'Unfollow' : 'Follow'}\n      </Button>\n      <IconSvg icon={icon} sx={{ color: 'primary.main', mr: 1.5 }} />\n      <ConditionalWrapper\n        condition={!name}\n        wrapper={Skeleton}\n        wrapperProps={{ width: 300, height: 20 }}\n      >\n        <Link underline={'hover'} href={nameHref} target=\"_blank\">\n          {name}\n        </Link>\n      </ConditionalWrapper>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAkBA,SAAwB,EAAM,GAAmB;CAC/C,IAAM,EAAE,SAAM,iBAAc,cAAW,aAAU,SAAM,yBACrD;AAEF,QACE,kBAAC,GAAD;EACE,IAAI;GACF,eAAe;GACf,YAAY;GACb;YAJH;GAME,kBAAC,GAAD;IACE,IAAI;KAAE,OAAO;KAAQ,IAAI;KAAG;IAC5B,SAAS;IACT,SAAS,IAAe,aAAa;IACrC,UAAU;cAET,IAAe,aAAa;IACtB,CAAA;GACT,kBAAC,GAAD;IAAe;IAAM,IAAI;KAAE,OAAO;KAAgB,IAAI;KAAK;IAAI,CAAA;GAC/D,kBAAC,GAAD;IACE,WAAW,CAAC;IACZ,SAAS;IACT,cAAc;KAAE,OAAO;KAAK,QAAQ;KAAI;cAExC,kBAAC,GAAD;KAAM,WAAW;KAAS,MAAM;KAAU,QAAO;eAC9C;KACI,CAAA;IACY,CAAA;GACf"}
+{"version":3,"file":"Topic.js","names":[],"sources":["../../../src/components/SubscriptionPage/Topic.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport { Button, Link, Skeleton, Stack } from '@mui/material'\nimport IconSvg, { IconName } from '../IconSvg'\n\nexport type TopicProps = {\n  isSubscribed: boolean\n  isLoading: boolean\n  icon: IconName\n  name?: string\n  nameHref?: string\n  onToggleSubscribe: () => void\n}\n\n/**\n * Represents a single object on which a Synapse user has subscribed to notifications\n * @param props\n * @constructor\n */\nexport default function Topic(props: TopicProps) {\n  const { icon, isSubscribed, isLoading, nameHref, name, onToggleSubscribe } =\n    props\n\n  return (\n    <Stack\n      sx={{\n        flexDirection: 'row',\n        alignItems: 'center',\n      }}\n    >\n      <Button\n        sx={{ width: '80px', mr: 3 }}\n        onClick={onToggleSubscribe}\n        variant={isSubscribed ? 'outlined' : 'contained'}\n        disabled={isLoading}\n      >\n        {isSubscribed ? 'Unfollow' : 'Follow'}\n      </Button>\n      <IconSvg icon={icon} sx={{ color: 'primary.main', mr: 1.5 }} />\n      <ConditionalWrapper\n        condition={!name}\n        wrapper={Skeleton}\n        wrapperProps={{ width: 300, height: 20 }}\n      >\n        <Link underline={'hover'} href={nameHref} target=\"_blank\">\n          {name}\n        </Link>\n      </ConditionalWrapper>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAkBA,SAAwB,EAAM,GAAmB;CAC/C,IAAM,EAAE,SAAM,iBAAc,cAAW,aAAU,SAAM,yBACrD;CAEF,OACE,kBAAC,GAAD;EACE,IAAI;GACF,eAAe;GACf,YAAY;EACd;YAJF;GAME,kBAAC,GAAD;IACE,IAAI;KAAE,OAAO;KAAQ,IAAI;IAAE;IAC3B,SAAS;IACT,SAAS,IAAe,aAAa;IACrC,UAAU;cAET,IAAe,aAAa;GACvB,CAAA;GACR,kBAAC,GAAD;IAAe;IAAM,IAAI;KAAE,OAAO;KAAgB,IAAI;IAAI;GAAI,CAAA;GAC9D,kBAAC,GAAD;IACE,WAAW,CAAC;IACZ,SAAS;IACT,cAAc;KAAE,OAAO;KAAK,QAAQ;IAAG;cAEvC,kBAAC,GAAD;KAAM,WAAW;KAAS,MAAM;KAAU,QAAO;eAC9C;IACG,CAAA;GACY,CAAA;EACf;;AAEX"}

package/dist/components/SubsectionRowRenderer/SubsectionRowRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubsectionRowRenderer.js","names":[],"sources":["../../../src/components/SubsectionRowRenderer/SubsectionRowRenderer.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  getAdditionalFilters,\n  parseEntityIdFromSqlStatement,\n  SQLOperator,\n} from '@/utils/functions/SqlFunctions'\nimport { Typography } from '@mui/material'\nimport {\n  ColumnType,\n  ColumnTypeEnum,\n  QueryBundleRequest,\n  RowSet,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { ColumnSpecifiedLink } from '../CardContainerLogic'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\n\nexport type FriendlyValuesMap = {\n  [index: string]: string\n}\n\nexport type SubsectionRowRendererProps = {\n  sql: string\n  isMarkdown?: boolean\n  sqlOperator?: SQLOperator\n  searchParams?: Record<string, string>\n  columnLink?: ColumnSpecifiedLink\n  friendlyValuesMap?: FriendlyValuesMap\n  columnNameIsSectionTitle?: boolean\n  limit?: number\n  additionalFiltersSessionStorageKey?: string\n}\n\nconst LIST_COLUMN_TYPES: ColumnType[] = [\n  ColumnTypeEnum.BOOLEAN_LIST,\n  ColumnTypeEnum.DATE_LIST,\n  ColumnTypeEnum.ENTITYID_LIST,\n  ColumnTypeEnum.INTEGER_LIST,\n  ColumnTypeEnum.STRING_LIST,\n]\n\nfunction SubsectionRowRenderer({\n  sql,\n  searchParams,\n  sqlOperator,\n  isMarkdown = false,\n  columnLink,\n  friendlyValuesMap,\n  columnNameIsSectionTitle = false,\n  limit,\n  additionalFiltersSessionStorageKey,\n}: SubsectionRowRendererProps) {\n  const { accessToken } = useSynapseContext()\n  const [rowSet, setRowSet] = useState<RowSet>()\n  const [isLoading, setIsLoading] = useState<boolean>()\n  useDeepCompareEffectNoCheck(() => {\n    const fetchData = async function () {\n      setIsLoading(true)\n      const entityId = parseEntityIdFromSqlStatement(sql)\n      const additionalFilters = getAdditionalFilters(\n        searchParams,\n        sqlOperator,\n        additionalFiltersSessionStorageKey,\n      )\n      const partMask = SynapseConstants.BUNDLE_MASK_QUERY_RESULTS\n      const request: QueryBundleRequest = {\n        partMask,\n        concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n        entityId,\n        query: {\n          sql,\n          limit,\n          additionalFilters,\n        },\n      }\n\n      const queryResultBundle = await SynapseClient.getQueryTableResults(\n        request,\n        accessToken,\n      )\n      setIsLoading(false)\n      const queryResults = queryResultBundle?.queryResult?.queryResults\n      if (queryResults) {\n        setRowSet(queryResults)\n      } else {\n        console.log('SubsectionRowRenderer: Error getting data')\n      }\n    }\n    fetchData()\n  }, [sql, accessToken, searchParams, sqlOperator])\n\n  /**\n   * If a \"friendly values map\" was provided, then use the friendly value if any of the raw values match.\n   * Otherwise, just return the raw value.\n   * @param rawValue\n   * @returns\n   */\n  const getFriendlyValue = (rawValue: string) => {\n    if (!friendlyValuesMap) {\n      return rawValue\n    }\n    const friendlyValue = friendlyValuesMap[rawValue]\n    return friendlyValue ? friendlyValue : rawValue\n  }\n  return (\n    <div className=\"SubsectionRowRenderer\">\n      {isLoading && <SkeletonTable numRows={2} numCols={1} />}\n      {!isLoading &&\n        rowSet &&\n        rowSet.rows.length > 0 &&\n        rowSet.headers.map((selectColumn, colIndex) => {\n          // If a link column was provided (that contain URLs), do not create a page sub-section for that column.\n          if (columnLink && selectColumn.name == columnLink.linkColumnName) {\n            return <></>\n          }\n          return (\n            <div\n              key={`header-${colIndex}`}\n              className=\"SubsectionRowRenderer__item\"\n              role=\"table\"\n            >\n              <Typography\n                variant={\n                  columnNameIsSectionTitle ? 'sectionTitle' : 'subsectionHeader'\n                }\n                role=\"heading\"\n                style={{ paddingTop: '10px', marginBottom: '5px' }}\n              >\n                {selectColumn.name}\n              </Typography>\n              {columnNameIsSectionTitle && <hr />}\n              <div role=\"rowgroup\">\n                {rowSet.rows.map((row, rowIndex) => {\n                  const cellValue = row.values[colIndex]\n                  // If the cell value is undefined, then go to the next row.\n                  if (!cellValue) {\n                    return <></>\n                  }\n                  let values\n                  // If this cell value represents a multi-value (the select column type is a *_LIST column), then parse it and break it apart\n                  if (LIST_COLUMN_TYPES.includes(selectColumn.columnType)) {\n                    const jsonData: string[] = JSON.parse(cellValue)\n                    values = jsonData.map((val: string, index: number) => {\n                      return (\n                        <div\n                          key={`row-${rowIndex}-col-${colIndex}-multi-value`}\n                          className=\"SubsectionRowRenderer__item__value\"\n                          role=\"row\"\n                        >\n                          {isMarkdown && (\n                            <MarkdownSynapse markdown={getFriendlyValue(val)} />\n                          )}\n                          {!isMarkdown && <p>{getFriendlyValue(val)}</p>}\n                        </div>\n                      )\n                    })\n                  } else {\n                    // If this cell value represents a single value\n                    let renderedValue\n                    const friendlyCellValue = getFriendlyValue(cellValue)\n                    if (isMarkdown) {\n                      renderedValue = (\n                        <MarkdownSynapse markdown={friendlyCellValue} />\n                      )\n                    } else if (\n                      columnLink &&\n                      columnLink.matchColumnName == selectColumn.name\n                    ) {\n                      // If a link column was provided, then we need to create links (the url is in this other column)\n                      const urlColumnIndex = rowSet.headers.findIndex(\n                        col => col.name == columnLink.linkColumnName,\n                      )\n                      const values = row.values as string[]\n                      if (values.some(value => value === null)) {\n                        console.warn(\n                          'Row has null value(s) when no nulls expected',\n                        )\n                      }\n\n                      if (urlColumnIndex > -1) {\n                        renderedValue = (\n                          <a\n                            rel=\"noopener noreferrer\"\n                            target=\"_blank\"\n                            href={values[urlColumnIndex]}\n                          >\n                            {friendlyCellValue}\n                          </a>\n                        )\n                      } else {\n                        renderedValue = <p>{friendlyCellValue}</p>\n                      }\n                    } else {\n                      renderedValue = <p>{friendlyCellValue}</p>\n                    }\n                    values = (\n                      <div\n                        key={`row-${rowIndex}-col-${colIndex}-single`}\n                        className=\"SubsectionRowRenderer__item__value\"\n                        role=\"row\"\n                      >\n                        {renderedValue}\n                      </div>\n                    )\n                  }\n                  return values\n                })}\n              </div>\n            </div>\n          )\n        })}\n    </div>\n  )\n}\n\nexport default SubsectionRowRenderer\n"],"mappings":";;;;;;;;;;;;;AAqCA,IAAM,IAAkC;CACtC,EAAe;CACf,EAAe;CACf,EAAe;CACf,EAAe;CACf,EAAe;CAChB;AAED,SAAS,EAAsB,EAC7B,QACA,iBACA,gBACA,gBAAa,IACb,eACA,sBACA,8BAA2B,IAC3B,UACA,yCAC6B;CAC7B,IAAM,EAAE,mBAAgB,GAAmB,EACrC,CAAC,GAAQ,KAAa,GAAkB,EACxC,CAAC,GAAW,KAAgB,GAAmB;AACrD,SAAkC;AAiChC,oBAhCoC;AAClC,KAAa,GAAK;GAQlB,IAAM,IAA8B;IAClC,UAAA;IACA,cAAc;IACd,UAVe,EAA8B,EAU7C;IACA,OAAO;KACL;KACA;KACA,mBAbsB,EACxB,GACA,GACA,EAUE;KACD;IACF,EAEK,IAAoB,MAAM,EAAc,qBAC5C,GACA,EACD;AACD,KAAa,GAAM;GACnB,IAAM,IAAe,GAAmB,aAAa;AACrD,GAAI,IACF,EAAU,EAAa,GAEvB,QAAQ,IAAI,4CAA4C;MAGjD;IACV;EAAC;EAAK;EAAa;EAAc;EAAY,CAAC;CAQjD,IAAM,KAAoB,MACnB,KAGiB,EAAkB,MAF/B;AAKX,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,KAAa,kBAAC,GAAD;GAAe,SAAS;GAAG,SAAS;GAAK,CAAA,EACtD,CAAC,KACA,KACA,EAAO,KAAK,SAAS,KACrB,EAAO,QAAQ,KAAK,GAAc,MAE5B,KAAc,EAAa,QAAQ,EAAW,iBACzC,kBAAA,GAAA,EAAK,CAAA,GAGZ,kBAAC,OAAD;GAEE,WAAU;GACV,MAAK;aAHP;IAKE,kBAAC,GAAD;KACE,SACE,IAA2B,iBAAiB;KAE9C,MAAK;KACL,OAAO;MAAE,YAAY;MAAQ,cAAc;MAAO;eAEjD,EAAa;KACH,CAAA;IACZ,KAA4B,kBAAC,MAAD,EAAM,CAAA;IACnC,kBAAC,OAAD;KAAK,MAAK;eACP,EAAO,KAAK,KAAK,GAAK,MAAa;MAClC,IAAM,IAAY,EAAI,OAAO;AAE7B,UAAI,CAAC,EACH,QAAO,kBAAA,GAAA,EAAK,CAAA;MAEd,IAAI;AAEJ,UAAI,EAAkB,SAAS,EAAa,WAAW,CAErD,KAD2B,KAAK,MAAM,EAC7B,CAAS,KAAK,GAAa,MAEhC,kBAAC,OAAD;OAEE,WAAU;OACV,MAAK;iBAHP,CAKG,KACC,kBAAC,GAAD,EAAiB,UAAU,EAAiB,EAAI,EAAI,CAAA,EAErD,CAAC,KAAc,kBAAC,KAAD,EAAA,UAAI,EAAiB,EAAI,EAAK,CAAA,CAC1C;SARC,OAAO,EAAS,OAAO,EAAS,cAQjC,CAER;WACG;OAEL,IAAI,GACE,IAAoB,EAAiB,EAAU;AACrD,WAAI,EACF,KACE,kBAAC,GAAD,EAAiB,UAAU,GAAqB,CAAA;gBAGlD,KACA,EAAW,mBAAmB,EAAa,MAC3C;QAEA,IAAM,IAAiB,EAAO,QAAQ,WACpC,MAAO,EAAI,QAAQ,EAAW,eAC/B,EACK,IAAS,EAAI;AAOnB,QANI,EAAO,MAAK,MAAS,MAAU,KAAK,IACtC,QAAQ,KACN,+CACD,EAGH,AAWE,IAXE,IAAiB,KAEjB,kBAAC,KAAD;SACE,KAAI;SACJ,QAAO;SACP,MAAM,EAAO;mBAEZ;SACC,CAAA,GAGU,kBAAC,KAAD,EAAA,UAAI,GAAsB,CAAA;aAG5C,KAAgB,kBAAC,KAAD,EAAA,UAAI,GAAsB,CAAA;AAE5C,WACE,kBAAC,OAAD;QAEE,WAAU;QACV,MAAK;kBAEJ;QACG,EALC,OAAO,EAAS,OAAO,EAAS,SAKjC;;AAGV,aAAO;OACP;KACE,CAAA;IACF;KA3FC,UAAU,IA2FX,CAER,CACA"}
+{"version":3,"file":"SubsectionRowRenderer.js","names":[],"sources":["../../../src/components/SubsectionRowRenderer/SubsectionRowRenderer.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  getAdditionalFilters,\n  parseEntityIdFromSqlStatement,\n  SQLOperator,\n} from '@/utils/functions/SqlFunctions'\nimport { Typography } from '@mui/material'\nimport {\n  ColumnType,\n  ColumnTypeEnum,\n  QueryBundleRequest,\n  RowSet,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { ColumnSpecifiedLink } from '../CardContainerLogic'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\n\nexport type FriendlyValuesMap = {\n  [index: string]: string\n}\n\nexport type SubsectionRowRendererProps = {\n  sql: string\n  isMarkdown?: boolean\n  sqlOperator?: SQLOperator\n  searchParams?: Record<string, string>\n  columnLink?: ColumnSpecifiedLink\n  friendlyValuesMap?: FriendlyValuesMap\n  columnNameIsSectionTitle?: boolean\n  limit?: number\n  additionalFiltersSessionStorageKey?: string\n}\n\nconst LIST_COLUMN_TYPES: ColumnType[] = [\n  ColumnTypeEnum.BOOLEAN_LIST,\n  ColumnTypeEnum.DATE_LIST,\n  ColumnTypeEnum.ENTITYID_LIST,\n  ColumnTypeEnum.INTEGER_LIST,\n  ColumnTypeEnum.STRING_LIST,\n]\n\nfunction SubsectionRowRenderer({\n  sql,\n  searchParams,\n  sqlOperator,\n  isMarkdown = false,\n  columnLink,\n  friendlyValuesMap,\n  columnNameIsSectionTitle = false,\n  limit,\n  additionalFiltersSessionStorageKey,\n}: SubsectionRowRendererProps) {\n  const { accessToken } = useSynapseContext()\n  const [rowSet, setRowSet] = useState<RowSet>()\n  const [isLoading, setIsLoading] = useState<boolean>()\n  useDeepCompareEffectNoCheck(() => {\n    const fetchData = async function () {\n      setIsLoading(true)\n      const entityId = parseEntityIdFromSqlStatement(sql)\n      const additionalFilters = getAdditionalFilters(\n        searchParams,\n        sqlOperator,\n        additionalFiltersSessionStorageKey,\n      )\n      const partMask = SynapseConstants.BUNDLE_MASK_QUERY_RESULTS\n      const request: QueryBundleRequest = {\n        partMask,\n        concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n        entityId,\n        query: {\n          sql,\n          limit,\n          additionalFilters,\n        },\n      }\n\n      const queryResultBundle = await SynapseClient.getQueryTableResults(\n        request,\n        accessToken,\n      )\n      setIsLoading(false)\n      const queryResults = queryResultBundle?.queryResult?.queryResults\n      if (queryResults) {\n        setRowSet(queryResults)\n      } else {\n        console.log('SubsectionRowRenderer: Error getting data')\n      }\n    }\n    fetchData()\n  }, [sql, accessToken, searchParams, sqlOperator])\n\n  /**\n   * If a \"friendly values map\" was provided, then use the friendly value if any of the raw values match.\n   * Otherwise, just return the raw value.\n   * @param rawValue\n   * @returns\n   */\n  const getFriendlyValue = (rawValue: string) => {\n    if (!friendlyValuesMap) {\n      return rawValue\n    }\n    const friendlyValue = friendlyValuesMap[rawValue]\n    return friendlyValue ? friendlyValue : rawValue\n  }\n  return (\n    <div className=\"SubsectionRowRenderer\">\n      {isLoading && <SkeletonTable numRows={2} numCols={1} />}\n      {!isLoading &&\n        rowSet &&\n        rowSet.rows.length > 0 &&\n        rowSet.headers.map((selectColumn, colIndex) => {\n          // If a link column was provided (that contain URLs), do not create a page sub-section for that column.\n          if (columnLink && selectColumn.name == columnLink.linkColumnName) {\n            return <></>\n          }\n          return (\n            <div\n              key={`header-${colIndex}`}\n              className=\"SubsectionRowRenderer__item\"\n              role=\"table\"\n            >\n              <Typography\n                variant={\n                  columnNameIsSectionTitle ? 'sectionTitle' : 'subsectionHeader'\n                }\n                role=\"heading\"\n                style={{ paddingTop: '10px', marginBottom: '5px' }}\n              >\n                {selectColumn.name}\n              </Typography>\n              {columnNameIsSectionTitle && <hr />}\n              <div role=\"rowgroup\">\n                {rowSet.rows.map((row, rowIndex) => {\n                  const cellValue = row.values[colIndex]\n                  // If the cell value is undefined, then go to the next row.\n                  if (!cellValue) {\n                    return <></>\n                  }\n                  let values\n                  // If this cell value represents a multi-value (the select column type is a *_LIST column), then parse it and break it apart\n                  if (LIST_COLUMN_TYPES.includes(selectColumn.columnType)) {\n                    const jsonData: string[] = JSON.parse(cellValue)\n                    values = jsonData.map((val: string, index: number) => {\n                      return (\n                        <div\n                          key={`row-${rowIndex}-col-${colIndex}-multi-value`}\n                          className=\"SubsectionRowRenderer__item__value\"\n                          role=\"row\"\n                        >\n                          {isMarkdown && (\n                            <MarkdownSynapse markdown={getFriendlyValue(val)} />\n                          )}\n                          {!isMarkdown && <p>{getFriendlyValue(val)}</p>}\n                        </div>\n                      )\n                    })\n                  } else {\n                    // If this cell value represents a single value\n                    let renderedValue\n                    const friendlyCellValue = getFriendlyValue(cellValue)\n                    if (isMarkdown) {\n                      renderedValue = (\n                        <MarkdownSynapse markdown={friendlyCellValue} />\n                      )\n                    } else if (\n                      columnLink &&\n                      columnLink.matchColumnName == selectColumn.name\n                    ) {\n                      // If a link column was provided, then we need to create links (the url is in this other column)\n                      const urlColumnIndex = rowSet.headers.findIndex(\n                        col => col.name == columnLink.linkColumnName,\n                      )\n                      const values = row.values as string[]\n                      if (values.some(value => value === null)) {\n                        console.warn(\n                          'Row has null value(s) when no nulls expected',\n                        )\n                      }\n\n                      if (urlColumnIndex > -1) {\n                        renderedValue = (\n                          <a\n                            rel=\"noopener noreferrer\"\n                            target=\"_blank\"\n                            href={values[urlColumnIndex]}\n                          >\n                            {friendlyCellValue}\n                          </a>\n                        )\n                      } else {\n                        renderedValue = <p>{friendlyCellValue}</p>\n                      }\n                    } else {\n                      renderedValue = <p>{friendlyCellValue}</p>\n                    }\n                    values = (\n                      <div\n                        key={`row-${rowIndex}-col-${colIndex}-single`}\n                        className=\"SubsectionRowRenderer__item__value\"\n                        role=\"row\"\n                      >\n                        {renderedValue}\n                      </div>\n                    )\n                  }\n                  return values\n                })}\n              </div>\n            </div>\n          )\n        })}\n    </div>\n  )\n}\n\nexport default SubsectionRowRenderer\n"],"mappings":"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"}

package/dist/components/SustainabilityScorecard/Dial.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dial.js","names":[],"sources":["../../../src/components/SustainabilityScorecard/Dial.tsx"],"sourcesContent":["import React from 'react'\nimport { ReactComponent as LightDialPosition1 } from '../../assets/sustainability/dialPosition1.svg'\nimport { ReactComponent as LightDialPosition2 } from '../../assets/sustainability/dialPosition2.svg'\nimport { ReactComponent as LightDialPosition3 } from '../../assets/sustainability/dialPosition3.svg'\nimport { ReactComponent as LightDialPosition4 } from '../../assets/sustainability/dialPosition4.svg'\nimport { ReactComponent as DarkDialPosition1 } from '../../assets/sustainability/darkDialPosition1.svg'\nimport { ReactComponent as DarkDialPosition2 } from '../../assets/sustainability/darkDialPosition2.svg'\nimport { ReactComponent as DarkDialPosition3 } from '../../assets/sustainability/darkDialPosition3.svg'\nimport { ReactComponent as DarkDialPosition4 } from '../../assets/sustainability/darkDialPosition4.svg'\nimport DialLayout, { DialLayoutProps } from './DialLayout'\n\n// Returns a SVG dial image corresponding to the score descriptor (e.g. \"foundational\", \"intermediate\", etc.)\ntype DialProps = {\n  scoreDescriptor: string\n  isScorecardSummary?: boolean\n}\n\nexport type ScoreDescriptor =\n  | 'Foundational'\n  | 'Developing'\n  | 'Maturing'\n  | 'Stable'\n\nconst Dial = ({\n  scoreDescriptor,\n  isScorecardSummary,\n}: DialProps): React.ReactNode => {\n  const toolTipText: Record<ScoreDescriptor, string> = {\n    Foundational:\n      'Early-stage sustainability with opportunities for contributions',\n    Developing: 'Strong in key sustainability areas',\n    Maturing: 'Demonstrates strong sustainable practices',\n    Stable: 'Maintained with long-term resilience in mind',\n  }\n\n  const lightDialComponents: Record<string, DialLayoutProps> = {\n    foundational: { dial: <LightDialPosition1 />, label: 'Foundational' },\n    developing: { dial: <LightDialPosition2 />, label: 'Developing' },\n    maturing: { dial: <LightDialPosition3 />, label: 'Maturing' },\n    stable: { dial: <LightDialPosition4 />, label: 'Stable' },\n  }\n\n  const darkDialComponents: Record<string, DialLayoutProps> = {\n    foundational: { dial: <DarkDialPosition1 />, label: 'Foundational' },\n    developing: { dial: <DarkDialPosition2 />, label: 'Developing' },\n    maturing: { dial: <DarkDialPosition3 />, label: 'Maturing' },\n    stable: { dial: <DarkDialPosition4 />, label: 'Stable' },\n  }\n\n  const key = scoreDescriptor.toLowerCase()\n\n  const selectedMap = isScorecardSummary\n    ? darkDialComponents\n    : lightDialComponents\n\n  const selected = selectedMap[key]\n\n  if (!selected) return <LightDialPosition1 />\n\n  return (\n    <DialLayout\n      dial={selected.dial}\n      label={selected.label}\n      toolTipText={isScorecardSummary ? undefined : toolTipText[selected.label]}\n    />\n  )\n}\n\nexport default Dial\n"],"mappings":";;;;;;;;;;;;AAuBA,IAAM,KAAQ,EACZ,oBACA,4BACgC;CAChC,IAAM,IAA+C;EACnD,cACE;EACF,YAAY;EACZ,UAAU;EACV,QAAQ;EACT,EAEK,IAAuD;EAC3D,cAAc;GAAE,MAAM,kBAAC,GAAD,EAAsB,CAAA;GAAE,OAAO;GAAgB;EACrE,YAAY;GAAE,MAAM,kBAAC,GAAD,EAAsB,CAAA;GAAE,OAAO;GAAc;EACjE,UAAU;GAAE,MAAM,kBAAC,GAAD,EAAsB,CAAA;GAAE,OAAO;GAAY;EAC7D,QAAQ;GAAE,MAAM,kBAAC,GAAD,EAAsB,CAAA;GAAE,OAAO;GAAU;EAC1D,EAEK,IAAsD;EAC1D,cAAc;GAAE,MAAM,kBAAC,GAAD,EAAqB,CAAA;GAAE,OAAO;GAAgB;EACpE,YAAY;GAAE,MAAM,kBAAC,GAAD,EAAqB,CAAA;GAAE,OAAO;GAAc;EAChE,UAAU;GAAE,MAAM,kBAAC,GAAD,EAAqB,CAAA;GAAE,OAAO;GAAY;EAC5D,QAAQ;GAAE,MAAM,kBAAC,GAAD,EAAqB,CAAA;GAAE,OAAO;GAAU;EACzD,EAEK,IAAM,EAAgB,aAAa,EAMnC,KAJc,IAChB,IACA,GAEyB;AAI7B,QAFK,IAGH,kBAAC,GAAD;EACE,MAAM,EAAS;EACf,OAAO,EAAS;EAChB,aAAa,IAAqB,KAAA,IAAY,EAAY,EAAS;EACnE,CAAA,GAPkB,kBAAC,GAAD,EAAsB,CAAA"}
+{"version":3,"file":"Dial.js","names":[],"sources":["../../../src/components/SustainabilityScorecard/Dial.tsx"],"sourcesContent":["import React from 'react'\nimport { ReactComponent as LightDialPosition1 } from '../../assets/sustainability/dialPosition1.svg'\nimport { ReactComponent as LightDialPosition2 } from '../../assets/sustainability/dialPosition2.svg'\nimport { ReactComponent as LightDialPosition3 } from '../../assets/sustainability/dialPosition3.svg'\nimport { ReactComponent as LightDialPosition4 } from '../../assets/sustainability/dialPosition4.svg'\nimport { ReactComponent as DarkDialPosition1 } from '../../assets/sustainability/darkDialPosition1.svg'\nimport { ReactComponent as DarkDialPosition2 } from '../../assets/sustainability/darkDialPosition2.svg'\nimport { ReactComponent as DarkDialPosition3 } from '../../assets/sustainability/darkDialPosition3.svg'\nimport { ReactComponent as DarkDialPosition4 } from '../../assets/sustainability/darkDialPosition4.svg'\nimport DialLayout, { DialLayoutProps } from './DialLayout'\n\n// Returns a SVG dial image corresponding to the score descriptor (e.g. \"foundational\", \"intermediate\", etc.)\ntype DialProps = {\n  scoreDescriptor: string\n  isScorecardSummary?: boolean\n}\n\nexport type ScoreDescriptor =\n  | 'Foundational'\n  | 'Developing'\n  | 'Maturing'\n  | 'Stable'\n\nconst Dial = ({\n  scoreDescriptor,\n  isScorecardSummary,\n}: DialProps): React.ReactNode => {\n  const toolTipText: Record<ScoreDescriptor, string> = {\n    Foundational:\n      'Early-stage sustainability with opportunities for contributions',\n    Developing: 'Strong in key sustainability areas',\n    Maturing: 'Demonstrates strong sustainable practices',\n    Stable: 'Maintained with long-term resilience in mind',\n  }\n\n  const lightDialComponents: Record<string, DialLayoutProps> = {\n    foundational: { dial: <LightDialPosition1 />, label: 'Foundational' },\n    developing: { dial: <LightDialPosition2 />, label: 'Developing' },\n    maturing: { dial: <LightDialPosition3 />, label: 'Maturing' },\n    stable: { dial: <LightDialPosition4 />, label: 'Stable' },\n  }\n\n  const darkDialComponents: Record<string, DialLayoutProps> = {\n    foundational: { dial: <DarkDialPosition1 />, label: 'Foundational' },\n    developing: { dial: <DarkDialPosition2 />, label: 'Developing' },\n    maturing: { dial: <DarkDialPosition3 />, label: 'Maturing' },\n    stable: { dial: <DarkDialPosition4 />, label: 'Stable' },\n  }\n\n  const key = scoreDescriptor.toLowerCase()\n\n  const selectedMap = isScorecardSummary\n    ? darkDialComponents\n    : lightDialComponents\n\n  const selected = selectedMap[key]\n\n  if (!selected) return <LightDialPosition1 />\n\n  return (\n    <DialLayout\n      dial={selected.dial}\n      label={selected.label}\n      toolTipText={isScorecardSummary ? undefined : toolTipText[selected.label]}\n    />\n  )\n}\n\nexport default Dial\n"],"mappings":";;;;;;;;;;;;AAuBA,IAAM,KAAQ,EACZ,oBACA,4BACgC;CAChC,IAAM,IAA+C;EACnD,cACE;EACF,YAAY;EACZ,UAAU;EACV,QAAQ;CACV,GAEM,IAAuD;EAC3D,cAAc;GAAE,MAAM,kBAAC,GAAD,CAAqB,CAAA;GAAG,OAAO;EAAe;EACpE,YAAY;GAAE,MAAM,kBAAC,GAAD,CAAqB,CAAA;GAAG,OAAO;EAAa;EAChE,UAAU;GAAE,MAAM,kBAAC,GAAD,CAAqB,CAAA;GAAG,OAAO;EAAW;EAC5D,QAAQ;GAAE,MAAM,kBAAC,GAAD,CAAqB,CAAA;GAAG,OAAO;EAAS;CAC1D,GAEM,IAAsD;EAC1D,cAAc;GAAE,MAAM,kBAAC,GAAD,CAAoB,CAAA;GAAG,OAAO;EAAe;EACnE,YAAY;GAAE,MAAM,kBAAC,GAAD,CAAoB,CAAA;GAAG,OAAO;EAAa;EAC/D,UAAU;GAAE,MAAM,kBAAC,GAAD,CAAoB,CAAA;GAAG,OAAO;EAAW;EAC3D,QAAQ;GAAE,MAAM,kBAAC,GAAD,CAAoB,CAAA;GAAG,OAAO;EAAS;CACzD,GAEM,IAAM,EAAgB,YAAY,GAMlC,KAJc,IAChB,IACA,GAEyB;CAI7B,OAFK,IAGH,kBAAC,GAAD;EACE,MAAM,EAAS;EACf,OAAO,EAAS;EAChB,aAAa,IAAqB,KAAA,IAAY,EAAY,EAAS;CACpE,CAAA,IAPmB,kBAAC,GAAD,CAAqB,CAAA;AAS7C"}

package/dist/components/SustainabilityScorecard/DialLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialLayout.js","names":[],"sources":["../../../src/components/SustainabilityScorecard/DialLayout.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Stack, Tooltip, Typography } from '@mui/material'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport { ReactElement } from 'react'\nimport { ScoreDescriptor } from './Dial'\n\nexport type DialLayoutProps = {\n  dial: ReactElement\n  label: ScoreDescriptor\n  toolTipText?: string\n}\n\n// Displayed on entity header of details page\nconst DialLayout = ({\n  dial,\n  label,\n  toolTipText,\n}: DialLayoutProps): React.ReactNode => {\n  return (\n    <Stack sx={{ alignItems: 'center', gap: '10px' }}>\n      {dial}\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: '4px' }}>\n        <Typography variant=\"smallText1\" sx={{ margin: '0 !important' }}>\n          {label}\n        </Typography>\n        {toolTipText && (\n          <Tooltip title={toolTipText}>\n            <InfoTwoTone sx={{ width: '18px', height: '18px' }} />\n          </Tooltip>\n        )}\n      </Box>\n    </Stack>\n  )\n}\n\nexport default DialLayout\n"],"mappings":";;;;;AAaA,IAAM,KAAc,EAClB,SACA,UACA,qBAGE,kBAAC,GAAD;CAAO,IAAI;EAAE,YAAY;EAAU,KAAK;EAAQ;WAAhD,CACG,GACD,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,YAAY;GAAU,KAAK;GAAO;YAA9D,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAa,IAAI,EAAE,QAAQ,gBAAgB;aAC5D;GACU,CAAA,EACZ,KACC,kBAAC,GAAD;GAAS,OAAO;aACd,kBAAC,GAAD,EAAa,IAAI;IAAE,OAAO;IAAQ,QAAQ;IAAQ,EAAI,CAAA;GAC9C,CAAA,CAER;IACA"}
+{"version":3,"file":"DialLayout.js","names":[],"sources":["../../../src/components/SustainabilityScorecard/DialLayout.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Stack, Tooltip, Typography } from '@mui/material'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport { ReactElement } from 'react'\nimport { ScoreDescriptor } from './Dial'\n\nexport type DialLayoutProps = {\n  dial: ReactElement\n  label: ScoreDescriptor\n  toolTipText?: string\n}\n\n// Displayed on entity header of details page\nconst DialLayout = ({\n  dial,\n  label,\n  toolTipText,\n}: DialLayoutProps): React.ReactNode => {\n  return (\n    <Stack sx={{ alignItems: 'center', gap: '10px' }}>\n      {dial}\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: '4px' }}>\n        <Typography variant=\"smallText1\" sx={{ margin: '0 !important' }}>\n          {label}\n        </Typography>\n        {toolTipText && (\n          <Tooltip title={toolTipText}>\n            <InfoTwoTone sx={{ width: '18px', height: '18px' }} />\n          </Tooltip>\n        )}\n      </Box>\n    </Stack>\n  )\n}\n\nexport default DialLayout\n"],"mappings":";;;;;AAaA,IAAM,KAAc,EAClB,SACA,UACA,qBAGE,kBAAC,GAAD;CAAO,IAAI;EAAE,YAAY;EAAU,KAAK;CAAO;WAA/C,CACG,GACD,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,YAAY;GAAU,KAAK;EAAM;YAA7D,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAa,IAAI,EAAE,QAAQ,eAAe;aAC3D;EACS,CAAA,GACX,KACC,kBAAC,GAAD;GAAS,OAAO;aACd,kBAAC,GAAD,EAAa,IAAI;IAAE,OAAO;IAAQ,QAAQ;GAAO,EAAI,CAAA;EAC9C,CAAA,CAER;GACA"}

package/dist/components/SustainabilityScorecard/SustainabilityScorecard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SustainabilityScorecard.js","names":[],"sources":["../../../src/components/SustainabilityScorecard/SustainabilityScorecard.tsx"],"sourcesContent":["import {\n  Box,\n  Link as MuiLink,\n  Skeleton,\n  Stack,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport React from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\n\nimport { SxProps, Theme } from '@mui/material'\nimport {\n  getMetricValues,\n  SUSTAINABILITY_ICON_COLORS,\n  SustainabilityScorecardBaseProps,\n} from './SustainabilityScorecardUtils'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport { CheckIcon } from '@/assets/icons/terms/CheckIcon'\nimport NoContentAvailable from '../SynapseTable/NoContentAvailable'\nimport Dial from './Dial'\nimport { Link as RouterLink, useLocation } from 'react-router'\n\nexport type MetricsConfig = {\n  /** Name of the metric column in the table */\n  key: string\n  /** Display label for the metric */\n  label: string\n  /** Shown as a tooltip in SustainabilityScorecard and as summary text in SustainabilityScorecardSummary */\n  text?: string\n}\n\nexport type SustainabilityScorecardProps = SustainabilityScorecardBaseProps & {\n  sx?: SxProps<Theme>\n  sustainabilityReportLink?: string\n}\n\ntype MetricRowProps = {\n  metricValues: string[]\n  metricsConfig: MetricsConfig[]\n}\n\nconst MetricRow = ({\n  metricValues,\n  metricsConfig,\n}: MetricRowProps): React.ReactNode => {\n  return (\n    <>\n      {metricsConfig.map((metric, index) => (\n        <Box sx={{ display: 'flex', padding: '4px 20px' }} key={metric.key}>\n          <Typography\n            variant=\"smallText1\"\n            sx={{ alignItems: 'center', display: 'flex', gap: '8px' }}\n          >\n            {metric.label}\n            <Tooltip title={metric.text} placement=\"top\">\n              <InfoTwoTone\n                sx={{\n                  width: '18px',\n                  height: '18px',\n                  color: 'primary.contrastText',\n                }}\n              />\n            </Tooltip>\n          </Typography>\n          {metricValues[index] === 'true' ? (\n            <Box\n              sx={{\n                backgroundColor: SUSTAINABILITY_ICON_COLORS.check,\n                borderRadius: '50%',\n                width: 18,\n                height: 18,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                marginLeft: 'auto',\n              }}\n            >\n              <CheckIcon\n                sx={{ color: 'primary.contrastText', fontSize: '11px' }}\n              />\n            </Box>\n          ) : (\n            <Box\n              sx={{\n                backgroundColor: SUSTAINABILITY_ICON_COLORS.close,\n                borderRadius: '50%',\n                width: 18,\n                height: 18,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                marginLeft: 'auto',\n              }}\n            >\n              <CloseIcon\n                sx={{ color: 'primary.contrastText', fontSize: '14px' }}\n              />\n            </Box>\n          )}\n        </Box>\n      ))}\n    </>\n  )\n}\n\n/* SustainabilityScorecard component displays sustainability metrics and a dial based on the sustainability score of the entity. */\nconst SustainabilityScorecard = ({\n  metricsConfig,\n  scoreDescriptorColumnName,\n  queryRequest,\n  sx,\n  sustainabilityReportLink,\n}: SustainabilityScorecardProps): React.ReactNode => {\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryRequest)\n  const location = useLocation()\n  const search = location.search\n\n  if (isLoading) {\n    return <Skeleton width={'100%'} height={'100%'} />\n  }\n\n  const data = queryResultBundle?.queryResult!.queryResults\n\n  if (data?.rows?.length === 0) {\n    return (\n      <Stack sx={{ display: 'flex', padding: '20px', ...sx }}>\n        <Typography sx={{ paddingBottom: '20px' }} variant=\"subsectionHeader\">\n          Sustainability Index\n        </Typography>\n        <NoContentAvailable />\n      </Stack>\n    )\n  }\n\n  const scoreDescriptorColIndex = getFieldIndex(\n    scoreDescriptorColumnName,\n    queryResultBundle,\n  )\n\n  const scoreDescriptor = data?.rows[0].values[scoreDescriptorColIndex]\n\n  const metricValues = getMetricValues(\n    data?.rows[0],\n    queryResultBundle,\n    metricsConfig,\n  )\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: { xs: 'column', sm: 'row' },\n        padding: '20px',\n        gap: '20px',\n        ...sx,\n      }}\n    >\n      <Stack sx={{ display: 'flex', gap: '20px', alignItems: 'center' }}>\n        <Typography variant=\"subsectionHeader\">Sustainability Index</Typography>\n        <Dial scoreDescriptor={scoreDescriptor ?? ''} />\n      </Stack>\n      <Stack sx={{ flex: 1, gap: '2px' }}>\n        <MetricRow metricValues={metricValues} metricsConfig={metricsConfig} />\n        {sustainabilityReportLink && (\n          <MuiLink\n            component={RouterLink}\n            to={{ pathname: sustainabilityReportLink, search }}\n            sx={{ padding: '4px 20px', fontSize: '14px' }}\n          >\n            View this tool’s sustainability and reusability report\n          </MuiLink>\n        )}\n      </Stack>\n    </Box>\n  )\n}\n\nexport default SustainabilityScorecard\n"],"mappings":";;;;;;;;;;;;;AA4CA,IAAM,KAAa,EACjB,iBACA,uBAGE,kBAAA,GAAA,EAAA,UACG,EAAc,KAAK,GAAQ,MAC1B,kBAAC,GAAD;CAAK,IAAI;EAAE,SAAS;EAAQ,SAAS;EAAY;WAAjD,CACE,kBAAC,GAAD;EACE,SAAQ;EACR,IAAI;GAAE,YAAY;GAAU,SAAS;GAAQ,KAAK;GAAO;YAF3D,CAIG,EAAO,OACR,kBAAC,GAAD;GAAS,OAAO,EAAO;GAAM,WAAU;aACrC,kBAAC,GAAD,EACE,IAAI;IACF,OAAO;IACP,QAAQ;IACR,OAAO;IACR,EACD,CAAA;GACM,CAAA,CACC;KACZ,EAAa,OAAW,SACvB,kBAAC,GAAD;EACE,IAAI;GACF,iBAAiB,EAA2B;GAC5C,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACb;YAED,kBAAC,GAAD,EACE,IAAI;GAAE,OAAO;GAAwB,UAAU;GAAQ,EACvD,CAAA;EACE,CAAA,GAEN,kBAAC,GAAD;EACE,IAAI;GACF,iBAAiB,EAA2B;GAC5C,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACb;YAED,kBAAC,GAAD,EACE,IAAI;GAAE,OAAO;GAAwB,UAAU;GAAQ,EACvD,CAAA;EACE,CAAA,CAEJ;GAnDkD,EAAO,IAmDzD,CACN,EACD,CAAA,EAKD,KAA2B,EAC/B,kBACA,8BACA,iBACA,OACA,kCACmD;CACnD,IAAM,EAAE,MAAM,GAAmB,iBAC/B,EAAwB,EAAa,EAEjC,IADW,GACF,CAAS;AAExB,KAAI,EACF,QAAO,kBAAC,GAAD;EAAU,OAAO;EAAQ,QAAQ;EAAU,CAAA;CAGpD,IAAM,IAAO,GAAmB,YAAa;AAE7C,KAAI,GAAM,MAAM,WAAW,EACzB,QACE,kBAAC,GAAD;EAAO,IAAI;GAAE,SAAS;GAAQ,SAAS;GAAQ,GAAG;GAAI;YAAtD,CACE,kBAAC,GAAD;GAAY,IAAI,EAAE,eAAe,QAAQ;GAAE,SAAQ;aAAmB;GAEzD,CAAA,EACb,kBAAC,GAAD,EAAsB,CAAA,CAChB;;CAIZ,IAAM,IAA0B,EAC9B,GACA,EACD,EAEK,IAAkB,GAAM,KAAK,GAAG,OAAO,IAEvC,IAAe,EACnB,GAAM,KAAK,IACX,GACA,EACD;AAED,QACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;IAAE,IAAI;IAAU,IAAI;IAAO;GAC1C,SAAS;GACT,KAAK;GACL,GAAG;GACJ;YAPH,CASE,kBAAC,GAAD;GAAO,IAAI;IAAE,SAAS;IAAQ,KAAK;IAAQ,YAAY;IAAU;aAAjE,CACE,kBAAC,GAAD;IAAY,SAAQ;cAAmB;IAAiC,CAAA,EACxE,kBAAC,GAAD,EAAM,iBAAiB,KAAmB,IAAM,CAAA,CAC1C;MACR,kBAAC,GAAD;GAAO,IAAI;IAAE,MAAM;IAAG,KAAK;IAAO;aAAlC,CACE,kBAAC,GAAD;IAAyB;IAA6B;IAAiB,CAAA,EACtE,KACC,kBAAC,GAAD;IACE,WAAW;IACX,IAAI;KAAE,UAAU;KAA0B;KAAQ;IAClD,IAAI;KAAE,SAAS;KAAY,UAAU;KAAQ;cAC9C;IAES,CAAA,CAEN;KACJ"}
+{"version":3,"file":"SustainabilityScorecard.js","names":[],"sources":["../../../src/components/SustainabilityScorecard/SustainabilityScorecard.tsx"],"sourcesContent":["import {\n  Box,\n  Link as MuiLink,\n  Skeleton,\n  Stack,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport React from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\n\nimport { SxProps, Theme } from '@mui/material'\nimport {\n  getMetricValues,\n  SUSTAINABILITY_ICON_COLORS,\n  SustainabilityScorecardBaseProps,\n} from './SustainabilityScorecardUtils'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport { CheckIcon } from '@/assets/icons/terms/CheckIcon'\nimport NoContentAvailable from '../SynapseTable/NoContentAvailable'\nimport Dial from './Dial'\nimport { Link as RouterLink, useLocation } from 'react-router'\n\nexport type MetricsConfig = {\n  /** Name of the metric column in the table */\n  key: string\n  /** Display label for the metric */\n  label: string\n  /** Shown as a tooltip in SustainabilityScorecard and as summary text in SustainabilityScorecardSummary */\n  text?: string\n}\n\nexport type SustainabilityScorecardProps = SustainabilityScorecardBaseProps & {\n  sx?: SxProps<Theme>\n  sustainabilityReportLink?: string\n}\n\ntype MetricRowProps = {\n  metricValues: string[]\n  metricsConfig: MetricsConfig[]\n}\n\nconst MetricRow = ({\n  metricValues,\n  metricsConfig,\n}: MetricRowProps): React.ReactNode => {\n  return (\n    <>\n      {metricsConfig.map((metric, index) => (\n        <Box sx={{ display: 'flex', padding: '4px 20px' }} key={metric.key}>\n          <Typography\n            variant=\"smallText1\"\n            sx={{ alignItems: 'center', display: 'flex', gap: '8px' }}\n          >\n            {metric.label}\n            <Tooltip title={metric.text} placement=\"top\">\n              <InfoTwoTone\n                sx={{\n                  width: '18px',\n                  height: '18px',\n                  color: 'primary.contrastText',\n                }}\n              />\n            </Tooltip>\n          </Typography>\n          {metricValues[index] === 'true' ? (\n            <Box\n              sx={{\n                backgroundColor: SUSTAINABILITY_ICON_COLORS.check,\n                borderRadius: '50%',\n                width: 18,\n                height: 18,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                marginLeft: 'auto',\n              }}\n            >\n              <CheckIcon\n                sx={{ color: 'primary.contrastText', fontSize: '11px' }}\n              />\n            </Box>\n          ) : (\n            <Box\n              sx={{\n                backgroundColor: SUSTAINABILITY_ICON_COLORS.close,\n                borderRadius: '50%',\n                width: 18,\n                height: 18,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                marginLeft: 'auto',\n              }}\n            >\n              <CloseIcon\n                sx={{ color: 'primary.contrastText', fontSize: '14px' }}\n              />\n            </Box>\n          )}\n        </Box>\n      ))}\n    </>\n  )\n}\n\n/* SustainabilityScorecard component displays sustainability metrics and a dial based on the sustainability score of the entity. */\nconst SustainabilityScorecard = ({\n  metricsConfig,\n  scoreDescriptorColumnName,\n  queryRequest,\n  sx,\n  sustainabilityReportLink,\n}: SustainabilityScorecardProps): React.ReactNode => {\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryRequest)\n  const location = useLocation()\n  const search = location.search\n\n  if (isLoading) {\n    return <Skeleton width={'100%'} height={'100%'} />\n  }\n\n  const data = queryResultBundle?.queryResult!.queryResults\n\n  if (data?.rows?.length === 0) {\n    return (\n      <Stack sx={{ display: 'flex', padding: '20px', ...sx }}>\n        <Typography sx={{ paddingBottom: '20px' }} variant=\"subsectionHeader\">\n          Sustainability Index\n        </Typography>\n        <NoContentAvailable />\n      </Stack>\n    )\n  }\n\n  const scoreDescriptorColIndex = getFieldIndex(\n    scoreDescriptorColumnName,\n    queryResultBundle,\n  )\n\n  const scoreDescriptor = data?.rows[0].values[scoreDescriptorColIndex]\n\n  const metricValues = getMetricValues(\n    data?.rows[0],\n    queryResultBundle,\n    metricsConfig,\n  )\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: { xs: 'column', sm: 'row' },\n        padding: '20px',\n        gap: '20px',\n        ...sx,\n      }}\n    >\n      <Stack sx={{ display: 'flex', gap: '20px', alignItems: 'center' }}>\n        <Typography variant=\"subsectionHeader\">Sustainability Index</Typography>\n        <Dial scoreDescriptor={scoreDescriptor ?? ''} />\n      </Stack>\n      <Stack sx={{ flex: 1, gap: '2px' }}>\n        <MetricRow metricValues={metricValues} metricsConfig={metricsConfig} />\n        {sustainabilityReportLink && (\n          <MuiLink\n            component={RouterLink}\n            to={{ pathname: sustainabilityReportLink, search }}\n            sx={{ padding: '4px 20px', fontSize: '14px' }}\n          >\n            View this tool’s sustainability and reusability report\n          </MuiLink>\n        )}\n      </Stack>\n    </Box>\n  )\n}\n\nexport default SustainabilityScorecard\n"],"mappings":";;;;;;;;;;;;;AA4CA,IAAM,KAAa,EACjB,iBACA,uBAGE,kBAAA,GAAA,EAAA,UACG,EAAc,KAAK,GAAQ,MAC1B,kBAAC,GAAD;CAAK,IAAI;EAAE,SAAS;EAAQ,SAAS;CAAW;WAAhD,CACE,kBAAC,GAAD;EACE,SAAQ;EACR,IAAI;GAAE,YAAY;GAAU,SAAS;GAAQ,KAAK;EAAM;YAF1D,CAIG,EAAO,OACR,kBAAC,GAAD;GAAS,OAAO,EAAO;GAAM,WAAU;aACrC,kBAAC,GAAD,EACE,IAAI;IACF,OAAO;IACP,QAAQ;IACR,OAAO;GACT,EACD,CAAA;EACM,CAAA,CACC;KACX,EAAa,OAAW,SACvB,kBAAC,GAAD;EACE,IAAI;GACF,iBAAiB,EAA2B;GAC5C,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;EACd;YAEA,kBAAC,GAAD,EACE,IAAI;GAAE,OAAO;GAAwB,UAAU;EAAO,EACvD,CAAA;CACE,CAAA,IAEL,kBAAC,GAAD;EACE,IAAI;GACF,iBAAiB,EAA2B;GAC5C,cAAc;GACd,OAAO;GACP,QAAQ;GACR,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,YAAY;EACd;YAEA,kBAAC,GAAD,EACE,IAAI;GAAE,OAAO;GAAwB,UAAU;EAAO,EACvD,CAAA;CACE,CAAA,CAEJ;GAnDmD,EAAO,GAmD1D,CACN,EACD,CAAA,GAKA,KAA2B,EAC/B,kBACA,8BACA,iBACA,OACA,kCACmD;CACnD,IAAM,EAAE,MAAM,GAAmB,iBAC/B,EAAwB,CAAY,GAEhC,IADW,EACF,EAAS;CAExB,IAAI,GACF,OAAO,kBAAC,GAAD;EAAU,OAAO;EAAQ,QAAQ;CAAS,CAAA;CAGnD,IAAM,IAAO,GAAmB,YAAa;CAE7C,IAAI,GAAM,MAAM,WAAW,GACzB,OACE,kBAAC,GAAD;EAAO,IAAI;GAAE,SAAS;GAAQ,SAAS;GAAQ,GAAG;EAAG;YAArD,CACE,kBAAC,GAAD;GAAY,IAAI,EAAE,eAAe,OAAO;GAAG,SAAQ;aAAmB;EAE1D,CAAA,GACZ,kBAAC,GAAD,CAAqB,CAAA,CAChB;;CAIX,IAAM,IAA0B,EAC9B,GACA,CACF,GAEM,IAAkB,GAAM,KAAK,GAAG,OAAO,IAEvC,IAAe,EACnB,GAAM,KAAK,IACX,GACA,CACF;CAEA,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;IAAE,IAAI;IAAU,IAAI;GAAM;GACzC,SAAS;GACT,KAAK;GACL,GAAG;EACL;YAPF,CASE,kBAAC,GAAD;GAAO,IAAI;IAAE,SAAS;IAAQ,KAAK;IAAQ,YAAY;GAAS;aAAhE,CACE,kBAAC,GAAD;IAAY,SAAQ;cAAmB;GAAgC,CAAA,GACvE,kBAAC,GAAD,EAAM,iBAAiB,KAAmB,GAAK,CAAA,CAC1C;MACP,kBAAC,GAAD;GAAO,IAAI;IAAE,MAAM;IAAG,KAAK;GAAM;aAAjC,CACE,kBAAC,GAAD;IAAyB;IAA6B;GAAgB,CAAA,GACrE,KACC,kBAAC,GAAD;IACE,WAAW;IACX,IAAI;KAAE,UAAU;KAA0B;IAAO;IACjD,IAAI;KAAE,SAAS;KAAY,UAAU;IAAO;cAC7C;GAEQ,CAAA,CAEN;IACJ;;AAET"}

package/dist/components/SustainabilityScorecard/SustainabilityScorecardSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"SustainabilityScorecardSummary.js","names":[],"sources":["../../../src/components/SustainabilityScorecard/SustainabilityScorecardSummary.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport {\n  getMetricValues,\n  SUSTAINABILITY_ICON_COLORS,\n  SustainabilityScorecardBaseProps,\n} from './SustainabilityScorecardUtils'\nimport { Box, Card, Skeleton, Stack, Typography, useTheme } from '@mui/material'\nimport CheckCircleIcon from '@mui/icons-material/CheckCircle'\nimport CancelIcon from '@mui/icons-material/Cancel'\nimport NoContentAvailable from '../SynapseTable/NoContentAvailable'\nimport Dial from './Dial'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nexport type SustainabilityScorecardSummaryProps =\n  SustainabilityScorecardBaseProps & {\n    description: React.ReactNode\n  }\n\ntype MetricSummaryRowProps = {\n  label: string\n  markdownText: string\n  index: number\n  metricValues: string[]\n}\n\nconst MetricSummaryRow = ({\n  label,\n  markdownText,\n  metricValues,\n  index,\n}: MetricSummaryRowProps): React.ReactNode => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        padding: '24px 32px',\n        alignItems: 'center',\n      }}\n    >\n      <Box sx={{ maxWidth: '800px' }}>\n        <Typography variant=\"headline3\" sx={{ marginBottom: '12px' }}>\n          {label}\n        </Typography>\n        <Box\n          sx={{\n            '.markdown p': {\n              color: 'grey.700',\n            },\n          }}\n        >\n          <MarkdownSynapse markdown={markdownText} />\n        </Box>\n      </Box>\n      {metricValues[index] === 'true' ? (\n        <CheckCircleIcon\n          sx={{\n            marginLeft: 'auto',\n            fill: SUSTAINABILITY_ICON_COLORS.check,\n            width: '32px',\n            height: '32px',\n          }}\n        />\n      ) : (\n        <CancelIcon\n          sx={{\n            marginLeft: 'auto',\n            fill: SUSTAINABILITY_ICON_COLORS.close,\n            width: '32px',\n            height: '32px',\n          }}\n        />\n      )}\n    </Box>\n  )\n}\n\nconst SustainabilityScorecardSummary = ({\n  queryRequest,\n  description,\n  metricsConfig,\n  scoreDescriptorColumnName,\n}: SustainabilityScorecardSummaryProps): React.ReactNode => {\n  const theme = useTheme()\n\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryRequest)\n\n  if (isLoading) {\n    return <Skeleton width={'100%'} height={'90px'} />\n  }\n\n  const data = queryResultBundle?.queryResult!.queryResults\n\n  if (!data?.rows?.length) {\n    return (\n      <Box sx={{ paddingTop: '60px' }}>\n        <NoContentAvailable />\n      </Box>\n    )\n  }\n\n  const scoreDescriptorColIndex = getFieldIndex(\n    scoreDescriptorColumnName,\n    queryResultBundle,\n  )\n\n  const scoreDescriptor = data?.rows[0].values[scoreDescriptorColIndex]\n\n  const metricValues = getMetricValues(\n    data?.rows[0],\n    queryResultBundle,\n    metricsConfig,\n  )\n\n  return (\n    <Stack>\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '40px',\n          marginBottom: '30px',\n          padding: '60px 12px 4px 0px',\n        }}\n      >\n        <Box sx={{ flex: 1 }}>\n          <Typography variant=\"headline1\" sx={{ marginBottom: '10px' }}>\n            Sustainability Index\n          </Typography>\n          {description}\n        </Box>\n        <Dial\n          scoreDescriptor={scoreDescriptor ?? ''}\n          isScorecardSummary={true}\n        />\n      </Box>\n      <Card>\n        {metricsConfig.map((metric, index) => (\n          <Box\n            key={metric.key}\n            sx={{\n              borderBottom:\n                index !== metricsConfig.length - 1\n                  ? `1px solid ${theme.palette.grey[300]}`\n                  : undefined,\n            }}\n          >\n            <MetricSummaryRow\n              label={metric.label}\n              markdownText={metric.text ?? ''}\n              index={index}\n              metricValues={metricValues}\n            />\n          </Box>\n        ))}\n      </Card>\n    </Stack>\n  )\n}\n\nexport default SustainabilityScorecardSummary\n"],"mappings":";;;;;;;;;;;;AA2BA,IAAM,KAAoB,EACxB,UACA,iBACA,iBACA,eAGE,kBAAC,GAAD;CACE,IAAI;EACF,SAAS;EACT,SAAS;EACT,YAAY;EACb;WALH,CAOE,kBAAC,GAAD;EAAK,IAAI,EAAE,UAAU,SAAS;YAA9B,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAY,IAAI,EAAE,cAAc,QAAQ;aACzD;GACU,CAAA,EACb,kBAAC,GAAD;GACE,IAAI,EACF,eAAe,EACb,OAAO,YACR,EACF;aAED,kBAAC,GAAD,EAAiB,UAAU,GAAgB,CAAA;GACvC,CAAA,CACF;KACL,EAAa,OAAW,SACvB,kBAAC,GAAD,EACE,IAAI;EACF,YAAY;EACZ,MAAM,EAA2B;EACjC,OAAO;EACP,QAAQ;EACT,EACD,CAAA,GAEF,kBAAC,GAAD,EACE,IAAI;EACF,YAAY;EACZ,MAAM,EAA2B;EACjC,OAAO;EACP,QAAQ;EACT,EACD,CAAA,CAEA;IAIJ,KAAkC,EACtC,iBACA,gBACA,kBACA,mCAC0D;CAC1D,IAAM,IAAQ,GAAU,EAElB,EAAE,MAAM,GAAmB,iBAC/B,EAAwB,EAAa;AAEvC,KAAI,EACF,QAAO,kBAAC,GAAD;EAAU,OAAO;EAAQ,QAAQ;EAAU,CAAA;CAGpD,IAAM,IAAO,GAAmB,YAAa;AAE7C,KAAI,CAAC,GAAM,MAAM,OACf,QACE,kBAAC,GAAD;EAAK,IAAI,EAAE,YAAY,QAAQ;YAC7B,kBAAC,GAAD,EAAsB,CAAA;EAClB,CAAA;CAIV,IAAM,IAA0B,EAC9B,GACA,EACD,EAEK,IAAkB,GAAM,KAAK,GAAG,OAAO,IAEvC,IAAe,EACnB,GAAM,KAAK,IACX,GACA,EACD;AAED,QACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,KAAK;GACL,cAAc;GACd,SAAS;GACV;YANH,CAQE,kBAAC,GAAD;GAAK,IAAI,EAAE,MAAM,GAAG;aAApB,CACE,kBAAC,GAAD;IAAY,SAAQ;IAAY,IAAI,EAAE,cAAc,QAAQ;cAAE;IAEjD,CAAA,EACZ,EACG;MACN,kBAAC,GAAD;GACE,iBAAiB,KAAmB;GACpC,oBAAoB;GACpB,CAAA,CACE;KACN,kBAAC,GAAD,EAAA,UACG,EAAc,KAAK,GAAQ,MAC1B,kBAAC,GAAD;EAEE,IAAI,EACF,cACE,MAAU,EAAc,SAAS,IAE7B,KAAA,IADA,aAAa,EAAM,QAAQ,KAAK,QAEvC;YAED,kBAAC,GAAD;GACE,OAAO,EAAO;GACd,cAAc,EAAO,QAAQ;GACtB;GACO;GACd,CAAA;EACE,EAdC,EAAO,IAcR,CACN,EACG,CAAA,CACD,EAAA,CAAA"}
+{"version":3,"file":"SustainabilityScorecardSummary.js","names":[],"sources":["../../../src/components/SustainabilityScorecard/SustainabilityScorecardSummary.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport {\n  getMetricValues,\n  SUSTAINABILITY_ICON_COLORS,\n  SustainabilityScorecardBaseProps,\n} from './SustainabilityScorecardUtils'\nimport { Box, Card, Skeleton, Stack, Typography, useTheme } from '@mui/material'\nimport CheckCircleIcon from '@mui/icons-material/CheckCircle'\nimport CancelIcon from '@mui/icons-material/Cancel'\nimport NoContentAvailable from '../SynapseTable/NoContentAvailable'\nimport Dial from './Dial'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nexport type SustainabilityScorecardSummaryProps =\n  SustainabilityScorecardBaseProps & {\n    description: React.ReactNode\n  }\n\ntype MetricSummaryRowProps = {\n  label: string\n  markdownText: string\n  index: number\n  metricValues: string[]\n}\n\nconst MetricSummaryRow = ({\n  label,\n  markdownText,\n  metricValues,\n  index,\n}: MetricSummaryRowProps): React.ReactNode => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        padding: '24px 32px',\n        alignItems: 'center',\n      }}\n    >\n      <Box sx={{ maxWidth: '800px' }}>\n        <Typography variant=\"headline3\" sx={{ marginBottom: '12px' }}>\n          {label}\n        </Typography>\n        <Box\n          sx={{\n            '.markdown p': {\n              color: 'grey.700',\n            },\n          }}\n        >\n          <MarkdownSynapse markdown={markdownText} />\n        </Box>\n      </Box>\n      {metricValues[index] === 'true' ? (\n        <CheckCircleIcon\n          sx={{\n            marginLeft: 'auto',\n            fill: SUSTAINABILITY_ICON_COLORS.check,\n            width: '32px',\n            height: '32px',\n          }}\n        />\n      ) : (\n        <CancelIcon\n          sx={{\n            marginLeft: 'auto',\n            fill: SUSTAINABILITY_ICON_COLORS.close,\n            width: '32px',\n            height: '32px',\n          }}\n        />\n      )}\n    </Box>\n  )\n}\n\nconst SustainabilityScorecardSummary = ({\n  queryRequest,\n  description,\n  metricsConfig,\n  scoreDescriptorColumnName,\n}: SustainabilityScorecardSummaryProps): React.ReactNode => {\n  const theme = useTheme()\n\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryRequest)\n\n  if (isLoading) {\n    return <Skeleton width={'100%'} height={'90px'} />\n  }\n\n  const data = queryResultBundle?.queryResult!.queryResults\n\n  if (!data?.rows?.length) {\n    return (\n      <Box sx={{ paddingTop: '60px' }}>\n        <NoContentAvailable />\n      </Box>\n    )\n  }\n\n  const scoreDescriptorColIndex = getFieldIndex(\n    scoreDescriptorColumnName,\n    queryResultBundle,\n  )\n\n  const scoreDescriptor = data?.rows[0].values[scoreDescriptorColIndex]\n\n  const metricValues = getMetricValues(\n    data?.rows[0],\n    queryResultBundle,\n    metricsConfig,\n  )\n\n  return (\n    <Stack>\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '40px',\n          marginBottom: '30px',\n          padding: '60px 12px 4px 0px',\n        }}\n      >\n        <Box sx={{ flex: 1 }}>\n          <Typography variant=\"headline1\" sx={{ marginBottom: '10px' }}>\n            Sustainability Index\n          </Typography>\n          {description}\n        </Box>\n        <Dial\n          scoreDescriptor={scoreDescriptor ?? ''}\n          isScorecardSummary={true}\n        />\n      </Box>\n      <Card>\n        {metricsConfig.map((metric, index) => (\n          <Box\n            key={metric.key}\n            sx={{\n              borderBottom:\n                index !== metricsConfig.length - 1\n                  ? `1px solid ${theme.palette.grey[300]}`\n                  : undefined,\n            }}\n          >\n            <MetricSummaryRow\n              label={metric.label}\n              markdownText={metric.text ?? ''}\n              index={index}\n              metricValues={metricValues}\n            />\n          </Box>\n        ))}\n      </Card>\n    </Stack>\n  )\n}\n\nexport default SustainabilityScorecardSummary\n"],"mappings":";;;;;;;;;;;;AA2BA,IAAM,KAAoB,EACxB,UACA,iBACA,iBACA,eAGE,kBAAC,GAAD;CACE,IAAI;EACF,SAAS;EACT,SAAS;EACT,YAAY;CACd;WALF,CAOE,kBAAC,GAAD;EAAK,IAAI,EAAE,UAAU,QAAQ;YAA7B,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAY,IAAI,EAAE,cAAc,OAAO;aACxD;EACS,CAAA,GACZ,kBAAC,GAAD;GACE,IAAI,EACF,eAAe,EACb,OAAO,WACT,EACF;aAEA,kBAAC,GAAD,EAAiB,UAAU,EAAe,CAAA;EACvC,CAAA,CACF;KACJ,EAAa,OAAW,SACvB,kBAAC,GAAD,EACE,IAAI;EACF,YAAY;EACZ,MAAM,EAA2B;EACjC,OAAO;EACP,QAAQ;CACV,EACD,CAAA,IAED,kBAAC,GAAD,EACE,IAAI;EACF,YAAY;EACZ,MAAM,EAA2B;EACjC,OAAO;EACP,QAAQ;CACV,EACD,CAAA,CAEA;IAIH,KAAkC,EACtC,iBACA,gBACA,kBACA,mCAC0D;CAC1D,IAAM,IAAQ,EAAS,GAEjB,EAAE,MAAM,GAAmB,iBAC/B,EAAwB,CAAY;CAEtC,IAAI,GACF,OAAO,kBAAC,GAAD;EAAU,OAAO;EAAQ,QAAQ;CAAS,CAAA;CAGnD,IAAM,IAAO,GAAmB,YAAa;CAE7C,IAAI,CAAC,GAAM,MAAM,QACf,OACE,kBAAC,GAAD;EAAK,IAAI,EAAE,YAAY,OAAO;YAC5B,kBAAC,GAAD,CAAqB,CAAA;CAClB,CAAA;CAIT,IAAM,IAA0B,EAC9B,GACA,CACF,GAEM,IAAkB,GAAM,KAAK,GAAG,OAAO,IAEvC,IAAe,EACnB,GAAM,KAAK,IACX,GACA,CACF;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,KAAK;GACL,cAAc;GACd,SAAS;EACX;YANF,CAQE,kBAAC,GAAD;GAAK,IAAI,EAAE,MAAM,EAAE;aAAnB,CACE,kBAAC,GAAD;IAAY,SAAQ;IAAY,IAAI,EAAE,cAAc,OAAO;cAAG;GAElD,CAAA,GACX,CACE;MACL,kBAAC,GAAD;GACE,iBAAiB,KAAmB;GACpC,oBAAoB;EACrB,CAAA,CACE;KACL,kBAAC,GAAD,EAAA,UACG,EAAc,KAAK,GAAQ,MAC1B,kBAAC,GAAD;EAEE,IAAI,EACF,cACE,MAAU,EAAc,SAAS,IAE7B,KAAA,IADA,aAAa,EAAM,QAAQ,KAAK,OAExC;YAEA,kBAAC,GAAD;GACE,OAAO,EAAO;GACd,cAAc,EAAO,QAAQ;GACtB;GACO;EACf,CAAA;CACE,GAdE,EAAO,GAcT,CACN,EACG,CAAA,CACD,EAAA,CAAA;AAEX"}

package/dist/components/SustainabilityScorecard/SustainabilityScorecardUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"SustainabilityScorecardUtils.js","names":[],"sources":["../../../src/components/SustainabilityScorecard/SustainabilityScorecardUtils.tsx"],"sourcesContent":["import {\n  QueryBundleRequest,\n  QueryResultBundle,\n  Row,\n} from '@sage-bionetworks/synapse-types'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SustainabilityScorecardProps } from './SustainabilityScorecard'\n\nexport const SUSTAINABILITY_ICON_COLORS = {\n  check: '#52A31C',\n  close: '#C13415',\n}\n\nexport type MetricsConfig = {\n  /** Name of the metric column in the table */\n  key: string\n  /** Display label for the metric */\n  label: string\n  /** Shown as a tooltip in SustainabilityScorecard and as summary text in SustainabilityScorecardSummary */\n  text?: string\n}\n\nexport type SustainabilityScorecardBaseProps = {\n  queryRequest: QueryBundleRequest\n  metricsConfig: MetricsConfig[]\n  /** Name of the URL search parameter used to filter the data. */\n  searchParamKey: string\n  /** The name of the column in the table to apply the filter to. */\n  filterColumn: string\n  scoreDescriptorColumnName: string\n}\n\n/**\n * Maps each metric key to its value in the row\n * Returns an array of metric values in the same order as `metricsConfig`\n */\nexport const getMetricValues = (\n  row: Row | undefined,\n  queryResultBundle: QueryResultBundle | undefined,\n  metricsConfig: MetricsConfig[],\n) => {\n  if (!row) return []\n  return metricsConfig.map(metric => {\n    const index = getFieldIndex(metric.key, queryResultBundle)\n    return row.values[index] ?? ''\n  })\n}\n\nexport const getSelectedColumns = (\n  metricsConfig: MetricsConfig[],\n  scoreDescriptorColumnName: string,\n): string[] =>\n  metricsConfig.map(metric => metric.key).concat(scoreDescriptorColumnName)\n\n/**\n * Creates an array of metric config objects from a QueryResultBundle.\n * @param bundle - The Synapse QueryResultBundle containing metric config data (key, label, summaryText, tooltipText)\n * @param textColumn - The name of the column to use for the `text` field ('summaryText' for the SustainabilityScorecardSummary component and 'tooltipText' for the SustainabilityScorecard component)\n */\nexport function getMetricConfig(\n  bundle: QueryResultBundle | undefined,\n  textColumn: 'summaryText' | 'tooltipText',\n): MetricsConfig[] {\n  const rows = bundle?.queryResult?.queryResults?.rows\n  const headers = bundle?.queryResult?.queryResults?.headers\n  if (!rows || !headers) return []\n\n  const keyColIndex = getFieldIndex('key', bundle)\n  const labelColIndex = getFieldIndex('label', bundle)\n  const textColIndex = getFieldIndex(textColumn, bundle)\n\n  return rows.map(row => ({\n    key: row.values[keyColIndex] ?? '',\n    label: row.values[labelColIndex] ?? '',\n    text: row.values[textColIndex] ?? '',\n  }))\n}\n\n/**\n * Custom hook that returns the provided SustainabilityScorecardProps only if the query returns data.\n * Helps conditionally render `SustainabilityScorecard` component\n * @param props - The props containing the queryRequest, metricsConfig, searchParamKey, filterColumn, and scoreDescriptorColumnName.\n */\nexport function useSustainabilityScorecardIfHasData(\n  props: SustainabilityScorecardProps,\n): SustainabilityScorecardProps | undefined {\n  const { data: queryResultBundle, isLoading } = useGetQueryResultBundle(\n    props.queryRequest,\n  )\n\n  const rows = queryResultBundle?.queryResult?.queryResults?.rows\n  const hasSustainabilityData = Array.isArray(rows) && rows.length > 0\n\n  if (isLoading || !hasSustainabilityData) {\n    return undefined\n  }\n\n  return props\n}\n"],"mappings":";;;AASA,IAAa,IAA6B;CACxC,OAAO;CACP,OAAO;CACR,EAyBY,KACX,GACA,GACA,MAEK,IACE,EAAc,KAAI,MAAU;CACjC,IAAM,IAAQ,EAAc,EAAO,KAAK,EAAkB;AAC1D,QAAO,EAAI,OAAO,MAAU;EAC5B,GAJe,EAAE,EAOR,KACX,GACA,MAEA,EAAc,KAAI,MAAU,EAAO,IAAI,CAAC,OAAO,EAA0B;AAO3E,SAAgB,EACd,GACA,GACiB;CACjB,IAAM,IAAO,GAAQ,aAAa,cAAc,MAC1C,IAAU,GAAQ,aAAa,cAAc;AACnD,KAAI,CAAC,KAAQ,CAAC,EAAS,QAAO,EAAE;CAEhC,IAAM,IAAc,EAAc,OAAO,EAAO,EAC1C,IAAgB,EAAc,SAAS,EAAO,EAC9C,IAAe,EAAc,GAAY,EAAO;AAEtD,QAAO,EAAK,KAAI,OAAQ;EACtB,KAAK,EAAI,OAAO,MAAgB;EAChC,OAAO,EAAI,OAAO,MAAkB;EACpC,MAAM,EAAI,OAAO,MAAiB;EACnC,EAAE;;AAQL,SAAgB,EACd,GAC0C;CAC1C,IAAM,EAAE,MAAM,GAAmB,iBAAc,EAC7C,EAAM,aACP,EAEK,IAAO,GAAmB,aAAa,cAAc,MACrD,IAAwB,MAAM,QAAQ,EAAK,IAAI,EAAK,SAAS;AAE/D,YAAa,CAAC,GAIlB,QAAO"}
+{"version":3,"file":"SustainabilityScorecardUtils.js","names":[],"sources":["../../../src/components/SustainabilityScorecard/SustainabilityScorecardUtils.tsx"],"sourcesContent":["import {\n  QueryBundleRequest,\n  QueryResultBundle,\n  Row,\n} from '@sage-bionetworks/synapse-types'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SustainabilityScorecardProps } from './SustainabilityScorecard'\n\nexport const SUSTAINABILITY_ICON_COLORS = {\n  check: '#52A31C',\n  close: '#C13415',\n}\n\nexport type MetricsConfig = {\n  /** Name of the metric column in the table */\n  key: string\n  /** Display label for the metric */\n  label: string\n  /** Shown as a tooltip in SustainabilityScorecard and as summary text in SustainabilityScorecardSummary */\n  text?: string\n}\n\nexport type SustainabilityScorecardBaseProps = {\n  queryRequest: QueryBundleRequest\n  metricsConfig: MetricsConfig[]\n  /** Name of the URL search parameter used to filter the data. */\n  searchParamKey: string\n  /** The name of the column in the table to apply the filter to. */\n  filterColumn: string\n  scoreDescriptorColumnName: string\n}\n\n/**\n * Maps each metric key to its value in the row\n * Returns an array of metric values in the same order as `metricsConfig`\n */\nexport const getMetricValues = (\n  row: Row | undefined,\n  queryResultBundle: QueryResultBundle | undefined,\n  metricsConfig: MetricsConfig[],\n) => {\n  if (!row) return []\n  return metricsConfig.map(metric => {\n    const index = getFieldIndex(metric.key, queryResultBundle)\n    return row.values[index] ?? ''\n  })\n}\n\nexport const getSelectedColumns = (\n  metricsConfig: MetricsConfig[],\n  scoreDescriptorColumnName: string,\n): string[] =>\n  metricsConfig.map(metric => metric.key).concat(scoreDescriptorColumnName)\n\n/**\n * Creates an array of metric config objects from a QueryResultBundle.\n * @param bundle - The Synapse QueryResultBundle containing metric config data (key, label, summaryText, tooltipText)\n * @param textColumn - The name of the column to use for the `text` field ('summaryText' for the SustainabilityScorecardSummary component and 'tooltipText' for the SustainabilityScorecard component)\n */\nexport function getMetricConfig(\n  bundle: QueryResultBundle | undefined,\n  textColumn: 'summaryText' | 'tooltipText',\n): MetricsConfig[] {\n  const rows = bundle?.queryResult?.queryResults?.rows\n  const headers = bundle?.queryResult?.queryResults?.headers\n  if (!rows || !headers) return []\n\n  const keyColIndex = getFieldIndex('key', bundle)\n  const labelColIndex = getFieldIndex('label', bundle)\n  const textColIndex = getFieldIndex(textColumn, bundle)\n\n  return rows.map(row => ({\n    key: row.values[keyColIndex] ?? '',\n    label: row.values[labelColIndex] ?? '',\n    text: row.values[textColIndex] ?? '',\n  }))\n}\n\n/**\n * Custom hook that returns the provided SustainabilityScorecardProps only if the query returns data.\n * Helps conditionally render `SustainabilityScorecard` component\n * @param props - The props containing the queryRequest, metricsConfig, searchParamKey, filterColumn, and scoreDescriptorColumnName.\n */\nexport function useSustainabilityScorecardIfHasData(\n  props: SustainabilityScorecardProps,\n): SustainabilityScorecardProps | undefined {\n  const { data: queryResultBundle, isLoading } = useGetQueryResultBundle(\n    props.queryRequest,\n  )\n\n  const rows = queryResultBundle?.queryResult?.queryResults?.rows\n  const hasSustainabilityData = Array.isArray(rows) && rows.length > 0\n\n  if (isLoading || !hasSustainabilityData) {\n    return undefined\n  }\n\n  return props\n}\n"],"mappings":";;;AASA,IAAa,IAA6B;CACxC,OAAO;CACP,OAAO;AACT,GAyBa,KACX,GACA,GACA,MAEK,IACE,EAAc,KAAI,MAAU;CACjC,IAAM,IAAQ,EAAc,EAAO,KAAK,CAAiB;CACzD,OAAO,EAAI,OAAO,MAAU;AAC9B,CAAC,IAJgB,CAAC,GAOP,KACX,GACA,MAEA,EAAc,KAAI,MAAU,EAAO,GAAG,EAAE,OAAO,CAAyB;AAO1E,SAAgB,EACd,GACA,GACiB;CACjB,IAAM,IAAO,GAAQ,aAAa,cAAc,MAC1C,IAAU,GAAQ,aAAa,cAAc;CACnD,IAAI,CAAC,KAAQ,CAAC,GAAS,OAAO,CAAC;CAE/B,IAAM,IAAc,EAAc,OAAO,CAAM,GACzC,IAAgB,EAAc,SAAS,CAAM,GAC7C,IAAe,EAAc,GAAY,CAAM;CAErD,OAAO,EAAK,KAAI,OAAQ;EACtB,KAAK,EAAI,OAAO,MAAgB;EAChC,OAAO,EAAI,OAAO,MAAkB;EACpC,MAAM,EAAI,OAAO,MAAiB;CACpC,EAAE;AACJ;AAOA,SAAgB,EACd,GAC0C;CAC1C,IAAM,EAAE,MAAM,GAAmB,iBAAc,EAC7C,EAAM,YACR,GAEM,IAAO,GAAmB,aAAa,cAAc,MACrD,IAAwB,MAAM,QAAQ,CAAI,KAAK,EAAK,SAAS;CAE/D,WAAa,CAAC,IAIlB,OAAO;AACT"}

package/dist/components/SynapseChat/AccessLevelMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessLevelMenu.js","names":[],"sources":["../../../src/components/SynapseChat/AccessLevelMenu.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Box, Typography } from '@mui/material'\nimport { AgentAccessLevel } from '@sage-bionetworks/synapse-types'\nimport DropdownSelect from '../DropdownSelect'\n\nexport type AccessLevelMenuProps = {\n  initAccessLevel: AgentAccessLevel\n  onChange: (newAccessLevel: AgentAccessLevel) => void\n}\n\nconst accessLevelOptions = [\n  { value: AgentAccessLevel.PUBLICLY_ACCESSIBLE, label: 'Public Data Only' },\n  {\n    value: AgentAccessLevel.READ_YOUR_PRIVATE_DATA,\n    label: 'Read Your Private Data',\n  },\n  {\n    value: AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA,\n    label: 'Read & Write Your Data',\n  },\n]\n\nexport function AccessLevelMenu({\n  onChange,\n  initAccessLevel,\n}: AccessLevelMenuProps) {\n  const initOption = accessLevelOptions.findIndex(\n    v => v.value == initAccessLevel,\n  )\n  const options = accessLevelOptions.map(v => v.label)\n  const [selectedIndex, setSelectedIndex] = useState(initOption)\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'flex-end',\n        mt: '20px',\n      }}\n    >\n      <Typography\n        variant=\"label\"\n        sx={{ gridColumn: '2', mt: '10px', mr: '15px' }}\n      >\n        Access:\n      </Typography>\n      <DropdownSelect\n        variant={'outlined'}\n        options={options}\n        selectedIndex={selectedIndex}\n        setSelectedIndex={index => {\n          if (selectedIndex !== index) {\n            setSelectedIndex(index)\n            onChange(accessLevelOptions[index].value)\n          }\n        }}\n      />\n    </Box>\n  )\n}\n\nexport default AccessLevelMenu\n"],"mappings":";;;;;;AAUA,IAAM,IAAqB;CACzB;EAAE,OAAO,EAAiB;EAAqB,OAAO;EAAoB;CAC1E;EACE,OAAO,EAAiB;EACxB,OAAO;EACR;CACD;EACE,OAAO,EAAiB;EACxB,OAAO;EACR;CACF;AAED,SAAgB,EAAgB,EAC9B,aACA,sBACuB;CACvB,IAAM,IAAa,EAAmB,WACpC,MAAK,EAAE,SAAS,EACjB,EACK,IAAU,EAAmB,KAAI,MAAK,EAAE,MAAM,EAC9C,CAAC,GAAe,KAAoB,EAAS,EAAW;AAC9D,QACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;GAChB,IAAI;GACL;YALH,CAOE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IAAE,YAAY;IAAK,IAAI;IAAQ,IAAI;IAAQ;aAChD;GAEY,CAAA,EACb,kBAAC,GAAD;GACE,SAAS;GACA;GACM;GACf,mBAAkB,MAAS;AACzB,IAAI,MAAkB,MACpB,EAAiB,EAAM,EACvB,EAAS,EAAmB,GAAO,MAAM;;GAG7C,CAAA,CACE"}
+{"version":3,"file":"AccessLevelMenu.js","names":[],"sources":["../../../src/components/SynapseChat/AccessLevelMenu.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Box, Typography } from '@mui/material'\nimport { AgentAccessLevel } from '@sage-bionetworks/synapse-types'\nimport DropdownSelect from '../DropdownSelect'\n\nexport type AccessLevelMenuProps = {\n  initAccessLevel: AgentAccessLevel\n  onChange: (newAccessLevel: AgentAccessLevel) => void\n}\n\nconst accessLevelOptions = [\n  { value: AgentAccessLevel.PUBLICLY_ACCESSIBLE, label: 'Public Data Only' },\n  {\n    value: AgentAccessLevel.READ_YOUR_PRIVATE_DATA,\n    label: 'Read Your Private Data',\n  },\n  {\n    value: AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA,\n    label: 'Read & Write Your Data',\n  },\n]\n\nexport function AccessLevelMenu({\n  onChange,\n  initAccessLevel,\n}: AccessLevelMenuProps) {\n  const initOption = accessLevelOptions.findIndex(\n    v => v.value == initAccessLevel,\n  )\n  const options = accessLevelOptions.map(v => v.label)\n  const [selectedIndex, setSelectedIndex] = useState(initOption)\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'flex-end',\n        mt: '20px',\n      }}\n    >\n      <Typography\n        variant=\"label\"\n        sx={{ gridColumn: '2', mt: '10px', mr: '15px' }}\n      >\n        Access:\n      </Typography>\n      <DropdownSelect\n        variant={'outlined'}\n        options={options}\n        selectedIndex={selectedIndex}\n        setSelectedIndex={index => {\n          if (selectedIndex !== index) {\n            setSelectedIndex(index)\n            onChange(accessLevelOptions[index].value)\n          }\n        }}\n      />\n    </Box>\n  )\n}\n\nexport default AccessLevelMenu\n"],"mappings":";;;;;;AAUA,IAAM,IAAqB;CACzB;EAAE,OAAO,EAAiB;EAAqB,OAAO;CAAmB;CACzE;EACE,OAAO,EAAiB;EACxB,OAAO;CACT;CACA;EACE,OAAO,EAAiB;EACxB,OAAO;CACT;AACF;AAEA,SAAgB,EAAgB,EAC9B,aACA,sBACuB;CACvB,IAAM,IAAa,EAAmB,WACpC,MAAK,EAAE,SAAS,CAClB,GACM,IAAU,EAAmB,KAAI,MAAK,EAAE,KAAK,GAC7C,CAAC,GAAe,KAAoB,EAAS,CAAU;CAC7D,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;GAChB,IAAI;EACN;YALF,CAOE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IAAE,YAAY;IAAK,IAAI;IAAQ,IAAI;GAAO;aAC/C;EAEW,CAAA,GACZ,kBAAC,GAAD;GACE,SAAS;GACA;GACM;GACf,mBAAkB,MAAS;IACzB,AAAI,MAAkB,MACpB,EAAiB,CAAK,GACtB,EAAS,EAAmB,GAAO,KAAK;GAE5C;EACD,CAAA,CACE;;AAET"}

package/dist/components/SynapseChat/GridAgentChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridAgentChat.js","names":[],"sources":["../../../src/components/SynapseChat/GridAgentChat.tsx"],"sourcesContent":["import { useChatState } from '@/components/SynapseChat/useChatState'\nimport { GridAgentSessionContext } from '@sage-bionetworks/synapse-client'\nimport { AgentAccessLevel, AgentSession } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport DraggableDialog from '../DraggableDialog/DraggableDialog'\nimport { SynapseChat } from './index'\n\nconst suggestedPrompts = [\n  'Help me fill this out',\n  'Help me understand this',\n  'Find missing fields',\n]\n\nexport type GridAgentChatProps = {\n  gridSessionId: string\n  usersReplicaId: number\n  chatbotName?: string\n  initialMessage?: string\n  open: boolean\n  onClose: () => void\n  /** Optional ID to use a different agent registered in Synapse */\n  agentRegistrationId?: string\n}\n\nexport function GridAgentChat({\n  gridSessionId,\n  usersReplicaId,\n  chatbotName = 'Grid Assistant',\n  initialMessage,\n  open,\n  onClose,\n  agentRegistrationId,\n}: GridAgentChatProps) {\n  // Storing state for the chat session here preserves chat history while the dialog is opened and closed.\n  const [agentSession, setAgentSession] = useState<AgentSession | undefined>()\n  const chatState = useChatState(agentSession)\n\n  // Create session context for grid sessions\n  const sessionContext: GridAgentSessionContext = {\n    concreteType:\n      'org.sagebionetworks.repo.model.agent.GridAgentSessionContext',\n    gridSessionId,\n    usersReplicaId,\n  }\n\n  return (\n    <DraggableDialog open={open} onClose={onClose} title={chatbotName}>\n      <SynapseChat\n        agentRegistrationId={agentRegistrationId}\n        chatbotName={chatbotName}\n        initialMessage={initialMessage}\n        sessionContext={sessionContext}\n        textboxPositionOffset=\"16px\"\n        hideTitle={true}\n        showAccessLevelMenu={false}\n        defaultAgentAccessLevel={AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA}\n        // lift state: allow GridAgentChat to control the agent session and interactions\n        externalSession={agentSession}\n        setExternalSession={setAgentSession}\n        externalChatState={chatState}\n        suggestedPrompts={suggestedPrompts}\n      />\n    </DraggableDialog>\n  )\n}\n\nexport default GridAgentChat\n"],"mappings":";;;;;;;;AAOA,IAAM,IAAmB;CACvB;CACA;CACA;CACD;AAaD,SAAgB,EAAc,EAC5B,kBACA,mBACA,iBAAc,kBACd,mBACA,SACA,YACA,0BACqB;CAErB,IAAM,CAAC,GAAc,KAAmB,GAAoC,EACtE,IAAY,EAAa,EAAa;AAU5C,QACE,kBAAC,GAAD;EAAuB;EAAe;EAAS,OAAO;YACpD,kBAAC,GAAD;GACuB;GACR;GACG;GACA,gBAAA;IAZpB,cACE;IACF;IACA;IASoB;GAChB,uBAAsB;GACtB,WAAW;GACX,qBAAqB;GACrB,yBAAyB,EAAiB;GAE1C,iBAAiB;GACjB,oBAAoB;GACpB,mBAAmB;GACD;GAClB,CAAA;EACc,CAAA"}
+{"version":3,"file":"GridAgentChat.js","names":[],"sources":["../../../src/components/SynapseChat/GridAgentChat.tsx"],"sourcesContent":["import { useChatState } from '@/components/SynapseChat/useChatState'\nimport { GridAgentSessionContext } from '@sage-bionetworks/synapse-client'\nimport { AgentAccessLevel, AgentSession } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport DraggableDialog from '../DraggableDialog/DraggableDialog'\nimport { SynapseChat } from './index'\n\nconst suggestedPrompts = [\n  'Help me fill this out',\n  'Help me understand this',\n  'Find missing fields',\n]\n\nexport type GridAgentChatProps = {\n  gridSessionId: string\n  usersReplicaId: number\n  chatbotName?: string\n  initialMessage?: string\n  open: boolean\n  onClose: () => void\n  /** Optional ID to use a different agent registered in Synapse */\n  agentRegistrationId?: string\n}\n\nexport function GridAgentChat({\n  gridSessionId,\n  usersReplicaId,\n  chatbotName = 'Grid Assistant',\n  initialMessage,\n  open,\n  onClose,\n  agentRegistrationId,\n}: GridAgentChatProps) {\n  // Storing state for the chat session here preserves chat history while the dialog is opened and closed.\n  const [agentSession, setAgentSession] = useState<AgentSession | undefined>()\n  const chatState = useChatState(agentSession)\n\n  // Create session context for grid sessions\n  const sessionContext: GridAgentSessionContext = {\n    concreteType:\n      'org.sagebionetworks.repo.model.agent.GridAgentSessionContext',\n    gridSessionId,\n    usersReplicaId,\n  }\n\n  return (\n    <DraggableDialog open={open} onClose={onClose} title={chatbotName}>\n      <SynapseChat\n        agentRegistrationId={agentRegistrationId}\n        chatbotName={chatbotName}\n        initialMessage={initialMessage}\n        sessionContext={sessionContext}\n        textboxPositionOffset=\"16px\"\n        hideTitle={true}\n        showAccessLevelMenu={false}\n        defaultAgentAccessLevel={AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA}\n        // lift state: allow GridAgentChat to control the agent session and interactions\n        externalSession={agentSession}\n        setExternalSession={setAgentSession}\n        externalChatState={chatState}\n        suggestedPrompts={suggestedPrompts}\n      />\n    </DraggableDialog>\n  )\n}\n\nexport default GridAgentChat\n"],"mappings":";;;;;;;;AAOA,IAAM,IAAmB;CACvB;CACA;CACA;AACF;AAaA,SAAgB,EAAc,EAC5B,kBACA,mBACA,iBAAc,kBACd,mBACA,SACA,YACA,0BACqB;CAErB,IAAM,CAAC,GAAc,KAAmB,EAAmC,GACrE,IAAY,EAAa,CAAY;CAU3C,OACE,kBAAC,GAAD;EAAuB;EAAe;EAAS,OAAO;YACpD,kBAAC,GAAD;GACuB;GACR;GACG;GACA,gBAAA;IAZpB,cACE;IACF;IACA;GASoB;GAChB,uBAAsB;GACtB,WAAW;GACX,qBAAqB;GACrB,yBAAyB,EAAiB;GAE1C,iBAAiB;GACjB,oBAAoB;GACpB,mBAAmB;GACD;EACnB,CAAA;CACc,CAAA;AAErB"}

package/dist/components/SynapseChat/SynapseChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseChat.js","names":[],"sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"sourcesContent":["import { ChatState, useChatState } from '@/components/SynapseChat/useChatState'\nimport {\n  useCreateAgentSession,\n  useUpdateAgentSession,\n} from '@/synapse-queries/chat/useChat'\nimport { useSynapseContext } from '@/utils'\nimport { ArrowUpward } from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Chip,\n  IconButton,\n  List,\n  Stack,\n  TextField,\n  Typography,\n  useTheme,\n} from '@mui/material'\nimport { Color } from '@mui/material/styles'\nimport { GridAgentSessionContext } from '@sage-bionetworks/synapse-client'\nimport {\n  AgentAccessLevel,\n  AgentSession,\n  TraceEvent,\n} from '@sage-bionetworks/synapse-types'\nimport { KeyboardEventHandler, useEffect, useState } from 'react'\nimport { SkeletonParagraph } from '../Skeleton'\nimport { displayToast } from '../ToastMessage'\nimport AccessLevelMenu from './AccessLevelMenu'\nimport SynapseChatInteraction from './SynapseChatInteraction'\nimport SynapseChatMessage from './SynapseChatMessage'\n\nexport type SynapseChatProps = {\n  initialMessage?: string //optional initial message\n  agentRegistrationId?: string // if provided, use this agent\n  chatbotName?: string // optional name of this chatbot agent\n  hideTitle?: boolean\n  textboxPositionOffset?: string // when embedded in a form, the textbox (form) stuck to the bottom may need to be offset due to container padding (dialog content for example!)\n  /* optional session context for the agent session */\n  sessionContext?: GridAgentSessionContext\n  /* The current session, if state is lifted out of this component */\n  externalSession?: AgentSession\n  /* A callback invoked to bootstrap the current session, if state is to be lifted out of this component */\n  setExternalSession?: (s: AgentSession | undefined) => void\n  /* The current chat history, if state is lifted out of this component */\n  externalChatState?: ChatState\n  // default access level for the agent session.\n  defaultAgentAccessLevel?: AgentAccessLevel\n  // Whether to show the access level menu for the agent session.\n  showAccessLevelMenu?: boolean\n  /**\n   * Optional callback invoked once when a chat response is received from the server.\n   * Use this for side effects such as navigation based on the response content.\n   * Called in the mutation onSuccess handler so it runs exactly once per response.\n   */\n  onChatResponse?: (responseText: string) => void\n  /** Optional list of prompt suggestions shown as clickable pills above the text input */\n  suggestedPrompts?: string[]\n}\n\nexport type ChatInteraction = {\n  userMessage: string\n  chatResponseText?: string\n  chatErrorReason?: string\n  chatResponseTrace?: TraceEventWithFriendlyMessage[]\n}\n\nexport type TraceEventWithFriendlyMessage = {\n  friendlyMessage?: string\n} & TraceEvent\n\nexport function SynapseChat({\n  initialMessage,\n  agentRegistrationId,\n  chatbotName = 'SynapseChat',\n  hideTitle = false,\n  textboxPositionOffset = '0px',\n  sessionContext,\n  externalSession,\n  setExternalSession,\n  externalChatState,\n  showAccessLevelMenu = true,\n  onChatResponse,\n  suggestedPrompts,\n}: SynapseChatProps) {\n  const { accessToken } = useSynapseContext()\n  const [localAgentSession, setLocalAgentSession] = useState<AgentSession>()\n  const agentSession = externalSession ?? localAgentSession\n  const setAgentSession = setExternalSession ?? setLocalAgentSession\n\n  const { mutate: createAgentSession, error: createAgentSessionError } =\n    useCreateAgentSession({\n      onSuccess: newAgentSession => setAgentSession(newAgentSession),\n    })\n\n  const { mutate: updateAgentSession } = useUpdateAgentSession({\n    onSuccess: updatedAgentSession => setAgentSession(updatedAgentSession),\n    onError: err =>\n      displayToast(\n        `Unable to update the agent session: ${err.message}`,\n        'danger',\n      ),\n  })\n  const theme = useTheme()\n  const [agentAccessLevel, setAgentAccessLevel] = useState<AgentAccessLevel>(\n    sessionContext\n      ? AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA\n      : AgentAccessLevel.PUBLICLY_ACCESSIBLE,\n  )\n\n  const internalChatState = useChatState(agentSession, onChatResponse)\n  const chatState = externalChatState ?? internalChatState\n  const { pendingMessage, chatJobIds, sendChat } = chatState\n\n  // Keep track of the text that the user is currently typing into the textfield\n  const [userChatTextfieldValue, setUserChatTextfieldValue] = useState('')\n  const [initialMessageProcessed, setInitialMessageProcessed] = useState(false)\n\n  // Restore chat session history, if exists.\n  // TODO: currently only a single page is restored.  Add support for multiple pages (and detect the user scrolling up to restore the next page of results older)\n  // const {\n  //   data: sessionHistoryInfiniteData,\n  // } = //, hasNextPage: hasMoreSessionHistory, fetchNextPage: fetchNextSessionHistoryPage, isLoading: isSessionHistoryLoading } =\n  //   useGetAgentChatSessionHistoryInfinite(\n  //     {\n  //       sessionId: agentSession?.sessionId,\n  //     },\n  //     {\n  //       enabled: !!agentSession,\n  //     },\n  //   )\n\n  // const sessionHistory = useMemo(\n  //   () =>\n  //     sessionHistoryInfiniteData?.pages\n  //       .flatMap(page => page.page)\n  //       /* Note: session history is ordered from most recent to least recent in each page, so reverse the order when restoring the chat interface */\n  //       .reverse() ?? [],\n  //   [sessionHistoryInfiniteData],\n  // )\n\n  useEffect(() => {\n    // on mount, create a new agent session!\n    if (createAgentSession && !agentSession) {\n      createAgentSession({\n        agentAccessLevel,\n        agentRegistrationId,\n        sessionContext,\n      })\n    }\n  }, [\n    createAgentSession,\n    agentSession,\n    accessToken,\n    sessionContext,\n    agentAccessLevel,\n    agentRegistrationId,\n  ])\n\n  useEffect(() => {\n    // on mount, resolve the initial message chat interaction (if set)\n    if (agentSession && initialMessage && !initialMessageProcessed) {\n      sendChat(initialMessage)\n      setInitialMessageProcessed(true)\n    }\n  }, [agentSession, initialMessage, initialMessageProcessed, sendChat])\n\n  const handleSendMessage = () => {\n    if (userChatTextfieldValue.trim()) {\n      sendChat(userChatTextfieldValue.trim())\n      setUserChatTextfieldValue('')\n    }\n  }\n\n  const isDisabled =\n    !agentSession || !userChatTextfieldValue || !!pendingMessage\n\n  const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = event => {\n    if (!isDisabled && event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault()\n      handleSendMessage()\n    }\n  }\n\n  const sendMessageButtonColor = (\n    theme.palette.secondary as unknown as Color\n  )[300]\n  if (createAgentSessionError) {\n    return (\n      <Alert severity={'error'} sx={{ my: 2 }}>\n        {createAgentSessionError.reason}\n      </Alert>\n    )\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'space-between',\n        maxWidth: '1100px',\n        mx: 'auto',\n        height: '100%',\n      }}\n    >\n      {!hideTitle && (\n        <Typography\n          variant=\"headline1\"\n          sx={{\n            p: '20px',\n            borderBottom: '1px solid',\n            borderColor: 'grey.300',\n            position: 'sticky',\n            top: '0px',\n            backgroundColor: 'white',\n            zIndex: 1,\n          }}\n        >\n          {chatbotName}\n        </Typography>\n      )}\n      {showAccessLevelMenu && (\n        <AccessLevelMenu\n          initAccessLevel={agentAccessLevel}\n          onChange={newAccessLevel => {\n            setAgentAccessLevel(newAccessLevel)\n            updateAgentSession({\n              agentAccessLevel: newAccessLevel,\n              sessionId: agentSession!.sessionId,\n            })\n          }}\n        />\n      )}\n      {!agentSession && <SkeletonParagraph numRows={10} />}\n      {agentSession && (\n        <Box sx={{ flexGrow: 1, overflowY: 'auto', mb: 2 }}>\n          <List\n            sx={{\n              flex: 1,\n              overflowY: 'auto',\n              pt: '20px',\n              display: 'flex',\n              flexDirection: 'column',\n            }}\n          >\n            {/* {sessionHistory &&\n            sessionHistory.map((interaction, index) => {\n              return (\n                <SynapseChatInteraction\n                  key={index}\n                  userMessage={interaction.usersRequestText}\n                  chatResponseText={interaction.agentResponseText}\n                />\n              )\n            })} */}\n            {chatJobIds.map(jobId => {\n              return (\n                <SynapseChatMessage\n                  key={jobId}\n                  chatJobId={jobId}\n                  onSendChat={sendChat}\n                />\n              )\n            })}\n            {pendingMessage && (\n              <SynapseChatInteraction\n                userMessage={pendingMessage}\n                chatResponseText={''}\n                chatErrorReason={''}\n                scrollIntoView\n                onSendChat={sendChat}\n              />\n            )}\n          </List>\n        </Box>\n      )}\n      <Box\n        sx={{\n          position: 'sticky',\n          bottom: textboxPositionOffset,\n          backgroundColor: 'white',\n        }}\n      >\n        {suggestedPrompts &&\n          suggestedPrompts.length > 0 &&\n          chatJobIds.length === 0 &&\n          !pendingMessage && (\n            <Stack\n              direction=\"row\"\n              spacing={1}\n              sx={{ pt: '8px', flexWrap: 'wrap', gap: 1 }}\n            >\n              {suggestedPrompts.map(prompt => (\n                <Chip\n                  key={prompt}\n                  label={prompt}\n                  variant=\"outlined\"\n                  onClick={() => setUserChatTextfieldValue(prompt)}\n                  disabled={!agentSession}\n                  sx={{ cursor: 'pointer' }}\n                />\n              ))}\n            </Stack>\n          )}\n        <Box\n          component=\"form\"\n          sx={{\n            pt: '8px',\n            mt: '5px',\n            pb: '10px',\n            position: 'sticky',\n            borderTop: '1px solid',\n            borderColor: 'grey.400',\n          }}\n          onSubmit={handleSendMessage}\n        >\n          <TextField\n            fullWidth\n            value={userChatTextfieldValue}\n            onChange={e => setUserChatTextfieldValue(e.target.value)}\n            onKeyDown={handleKeyDown}\n            placeholder={`Message ${chatbotName}`}\n            slotProps={{\n              input: {\n                sx: { borderRadius: 96.6 },\n                endAdornment: (\n                  <IconButton\n                    disabled={isDisabled}\n                    onClick={handleSendMessage}\n                    sx={{\n                      ml: '7px',\n                      mr: '-8px',\n                      color: sendMessageButtonColor,\n                      borderStyle: 'solid',\n                      borderWidth: isDisabled ? '1px' : '2px',\n                      borderColor: isDisabled ? 'gray' : sendMessageButtonColor,\n                    }}\n                  >\n                    <ArrowUpward />\n                  </IconButton>\n                ),\n              },\n            }}\n          />\n          <Typography\n            variant=\"smallText1\"\n            sx={{ pt: '8px', textAlign: 'center' }}\n          >\n            {chatbotName} can make mistakes.\n          </Typography>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n\nexport default SynapseChat\n"],"mappings":"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"}
+{"version":3,"file":"SynapseChat.js","names":[],"sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"sourcesContent":["import { ChatState, useChatState } from '@/components/SynapseChat/useChatState'\nimport {\n  useCreateAgentSession,\n  useUpdateAgentSession,\n} from '@/synapse-queries/chat/useChat'\nimport { useSynapseContext } from '@/utils'\nimport { ArrowUpward } from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Chip,\n  IconButton,\n  List,\n  Stack,\n  TextField,\n  Typography,\n  useTheme,\n} from '@mui/material'\nimport { Color } from '@mui/material/styles'\nimport { GridAgentSessionContext } from '@sage-bionetworks/synapse-client'\nimport {\n  AgentAccessLevel,\n  AgentSession,\n  TraceEvent,\n} from '@sage-bionetworks/synapse-types'\nimport { KeyboardEventHandler, useEffect, useState } from 'react'\nimport { SkeletonParagraph } from '../Skeleton'\nimport { displayToast } from '../ToastMessage'\nimport AccessLevelMenu from './AccessLevelMenu'\nimport SynapseChatInteraction from './SynapseChatInteraction'\nimport SynapseChatMessage from './SynapseChatMessage'\n\nexport type SynapseChatProps = {\n  initialMessage?: string //optional initial message\n  agentRegistrationId?: string // if provided, use this agent\n  chatbotName?: string // optional name of this chatbot agent\n  hideTitle?: boolean\n  textboxPositionOffset?: string // when embedded in a form, the textbox (form) stuck to the bottom may need to be offset due to container padding (dialog content for example!)\n  /* optional session context for the agent session */\n  sessionContext?: GridAgentSessionContext\n  /* The current session, if state is lifted out of this component */\n  externalSession?: AgentSession\n  /* A callback invoked to bootstrap the current session, if state is to be lifted out of this component */\n  setExternalSession?: (s: AgentSession | undefined) => void\n  /* The current chat history, if state is lifted out of this component */\n  externalChatState?: ChatState\n  // default access level for the agent session.\n  defaultAgentAccessLevel?: AgentAccessLevel\n  // Whether to show the access level menu for the agent session.\n  showAccessLevelMenu?: boolean\n  /**\n   * Optional callback invoked once when a chat response is received from the server.\n   * Use this for side effects such as navigation based on the response content.\n   * Called in the mutation onSuccess handler so it runs exactly once per response.\n   */\n  onChatResponse?: (responseText: string) => void\n  /** Optional list of prompt suggestions shown as clickable pills above the text input */\n  suggestedPrompts?: string[]\n}\n\nexport type ChatInteraction = {\n  userMessage: string\n  chatResponseText?: string\n  chatErrorReason?: string\n  chatResponseTrace?: TraceEventWithFriendlyMessage[]\n}\n\nexport type TraceEventWithFriendlyMessage = {\n  friendlyMessage?: string\n} & TraceEvent\n\nexport function SynapseChat({\n  initialMessage,\n  agentRegistrationId,\n  chatbotName = 'SynapseChat',\n  hideTitle = false,\n  textboxPositionOffset = '0px',\n  sessionContext,\n  externalSession,\n  setExternalSession,\n  externalChatState,\n  showAccessLevelMenu = true,\n  onChatResponse,\n  suggestedPrompts,\n}: SynapseChatProps) {\n  const { accessToken } = useSynapseContext()\n  const [localAgentSession, setLocalAgentSession] = useState<AgentSession>()\n  const agentSession = externalSession ?? localAgentSession\n  const setAgentSession = setExternalSession ?? setLocalAgentSession\n\n  const { mutate: createAgentSession, error: createAgentSessionError } =\n    useCreateAgentSession({\n      onSuccess: newAgentSession => setAgentSession(newAgentSession),\n    })\n\n  const { mutate: updateAgentSession } = useUpdateAgentSession({\n    onSuccess: updatedAgentSession => setAgentSession(updatedAgentSession),\n    onError: err =>\n      displayToast(\n        `Unable to update the agent session: ${err.message}`,\n        'danger',\n      ),\n  })\n  const theme = useTheme()\n  const [agentAccessLevel, setAgentAccessLevel] = useState<AgentAccessLevel>(\n    sessionContext\n      ? AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA\n      : AgentAccessLevel.PUBLICLY_ACCESSIBLE,\n  )\n\n  const internalChatState = useChatState(agentSession, onChatResponse)\n  const chatState = externalChatState ?? internalChatState\n  const { pendingMessage, chatJobIds, sendChat } = chatState\n\n  // Keep track of the text that the user is currently typing into the textfield\n  const [userChatTextfieldValue, setUserChatTextfieldValue] = useState('')\n  const [initialMessageProcessed, setInitialMessageProcessed] = useState(false)\n\n  // Restore chat session history, if exists.\n  // TODO: currently only a single page is restored.  Add support for multiple pages (and detect the user scrolling up to restore the next page of results older)\n  // const {\n  //   data: sessionHistoryInfiniteData,\n  // } = //, hasNextPage: hasMoreSessionHistory, fetchNextPage: fetchNextSessionHistoryPage, isLoading: isSessionHistoryLoading } =\n  //   useGetAgentChatSessionHistoryInfinite(\n  //     {\n  //       sessionId: agentSession?.sessionId,\n  //     },\n  //     {\n  //       enabled: !!agentSession,\n  //     },\n  //   )\n\n  // const sessionHistory = useMemo(\n  //   () =>\n  //     sessionHistoryInfiniteData?.pages\n  //       .flatMap(page => page.page)\n  //       /* Note: session history is ordered from most recent to least recent in each page, so reverse the order when restoring the chat interface */\n  //       .reverse() ?? [],\n  //   [sessionHistoryInfiniteData],\n  // )\n\n  useEffect(() => {\n    // on mount, create a new agent session!\n    if (createAgentSession && !agentSession) {\n      createAgentSession({\n        agentAccessLevel,\n        agentRegistrationId,\n        sessionContext,\n      })\n    }\n  }, [\n    createAgentSession,\n    agentSession,\n    accessToken,\n    sessionContext,\n    agentAccessLevel,\n    agentRegistrationId,\n  ])\n\n  useEffect(() => {\n    // on mount, resolve the initial message chat interaction (if set)\n    if (agentSession && initialMessage && !initialMessageProcessed) {\n      sendChat(initialMessage)\n      setInitialMessageProcessed(true)\n    }\n  }, [agentSession, initialMessage, initialMessageProcessed, sendChat])\n\n  const handleSendMessage = () => {\n    if (userChatTextfieldValue.trim()) {\n      sendChat(userChatTextfieldValue.trim())\n      setUserChatTextfieldValue('')\n    }\n  }\n\n  const isDisabled =\n    !agentSession || !userChatTextfieldValue || !!pendingMessage\n\n  const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = event => {\n    if (!isDisabled && event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault()\n      handleSendMessage()\n    }\n  }\n\n  const sendMessageButtonColor = (\n    theme.palette.secondary as unknown as Color\n  )[300]\n  if (createAgentSessionError) {\n    return (\n      <Alert severity={'error'} sx={{ my: 2 }}>\n        {createAgentSessionError.reason}\n      </Alert>\n    )\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'space-between',\n        maxWidth: '1100px',\n        mx: 'auto',\n        height: '100%',\n      }}\n    >\n      {!hideTitle && (\n        <Typography\n          variant=\"headline1\"\n          sx={{\n            p: '20px',\n            borderBottom: '1px solid',\n            borderColor: 'grey.300',\n            position: 'sticky',\n            top: '0px',\n            backgroundColor: 'white',\n            zIndex: 1,\n          }}\n        >\n          {chatbotName}\n        </Typography>\n      )}\n      {showAccessLevelMenu && (\n        <AccessLevelMenu\n          initAccessLevel={agentAccessLevel}\n          onChange={newAccessLevel => {\n            setAgentAccessLevel(newAccessLevel)\n            updateAgentSession({\n              agentAccessLevel: newAccessLevel,\n              sessionId: agentSession!.sessionId,\n            })\n          }}\n        />\n      )}\n      {!agentSession && <SkeletonParagraph numRows={10} />}\n      {agentSession && (\n        <Box sx={{ flexGrow: 1, overflowY: 'auto', mb: 2 }}>\n          <List\n            sx={{\n              flex: 1,\n              overflowY: 'auto',\n              pt: '20px',\n              display: 'flex',\n              flexDirection: 'column',\n            }}\n          >\n            {/* {sessionHistory &&\n            sessionHistory.map((interaction, index) => {\n              return (\n                <SynapseChatInteraction\n                  key={index}\n                  userMessage={interaction.usersRequestText}\n                  chatResponseText={interaction.agentResponseText}\n                />\n              )\n            })} */}\n            {chatJobIds.map(jobId => {\n              return (\n                <SynapseChatMessage\n                  key={jobId}\n                  chatJobId={jobId}\n                  onSendChat={sendChat}\n                />\n              )\n            })}\n            {pendingMessage && (\n              <SynapseChatInteraction\n                userMessage={pendingMessage}\n                chatResponseText={''}\n                chatErrorReason={''}\n                scrollIntoView\n                onSendChat={sendChat}\n              />\n            )}\n          </List>\n        </Box>\n      )}\n      <Box\n        sx={{\n          position: 'sticky',\n          bottom: textboxPositionOffset,\n          backgroundColor: 'white',\n        }}\n      >\n        {suggestedPrompts &&\n          suggestedPrompts.length > 0 &&\n          chatJobIds.length === 0 &&\n          !pendingMessage && (\n            <Stack\n              direction=\"row\"\n              spacing={1}\n              sx={{ pt: '8px', flexWrap: 'wrap', gap: 1 }}\n            >\n              {suggestedPrompts.map(prompt => (\n                <Chip\n                  key={prompt}\n                  label={prompt}\n                  variant=\"outlined\"\n                  onClick={() => setUserChatTextfieldValue(prompt)}\n                  disabled={!agentSession}\n                  sx={{ cursor: 'pointer' }}\n                />\n              ))}\n            </Stack>\n          )}\n        <Box\n          component=\"form\"\n          sx={{\n            pt: '8px',\n            mt: '5px',\n            pb: '10px',\n            position: 'sticky',\n            borderTop: '1px solid',\n            borderColor: 'grey.400',\n          }}\n          onSubmit={handleSendMessage}\n        >\n          <TextField\n            fullWidth\n            value={userChatTextfieldValue}\n            onChange={e => setUserChatTextfieldValue(e.target.value)}\n            onKeyDown={handleKeyDown}\n            placeholder={`Message ${chatbotName}`}\n            slotProps={{\n              input: {\n                sx: { borderRadius: 96.6 },\n                endAdornment: (\n                  <IconButton\n                    disabled={isDisabled}\n                    onClick={handleSendMessage}\n                    sx={{\n                      ml: '7px',\n                      mr: '-8px',\n                      color: sendMessageButtonColor,\n                      borderStyle: 'solid',\n                      borderWidth: isDisabled ? '1px' : '2px',\n                      borderColor: isDisabled ? 'gray' : sendMessageButtonColor,\n                    }}\n                  >\n                    <ArrowUpward />\n                  </IconButton>\n                ),\n              },\n            }}\n          />\n          <Typography\n            variant=\"smallText1\"\n            sx={{ pt: '8px', textAlign: 'center' }}\n          >\n            {chatbotName} can make mistakes.\n          </Typography>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n\nexport default SynapseChat\n"],"mappings":"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"}