synapse-react-client 4.0.19 → 4.0.21

package/dist/components/entity/page/title_bar/TitleBarProperties.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleBarProperties.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/TitleBarProperties.tsx"],"sourcesContent":["import { useGetEntityBundle, useGetFeatureFlag } from '@/synapse-queries'\nimport { Box, Divider, Link, Stack, Typography } from '@mui/material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { ReactNode, useState } from 'react'\nimport AddConditionsForUseButton from '../../../AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton'\nimport { useGetEntityTitleBarProperties } from './useGetEntityTitleBarProperties'\n\nexport type TitleBarPropertiesProps = {\n  entityId: string\n  versionNumber?: number\n  /* Callback invoked when an ACT member clicks \"Add Conditions for Use\". */\n  onActMemberClickAddConditionsForUse: () => void\n}\n\ntype PropertyProps = {\n  title: string\n  value: ReactNode\n}\nfunction Property(props: PropertyProps) {\n  const { title, value } = props\n  return (\n    <tr>\n      <td style={{ paddingRight: '1em' }}>\n        <Typography\n          component={'span'}\n          variant={'smallText1'}\n          sx={{\n            fontWeight: 700,\n          }}\n        >\n          {title}\n        </Typography>\n      </td>\n      <td>\n        <Typography component={'span'} variant={'smallText1'}>\n          {value}\n        </Typography>\n      </td>\n    </tr>\n  )\n}\n\n/**\n * The TitleBarProperties component displays a tabular view of the entity metadata on the Entity page.\n */\nexport default function TitleBarProperties(props: TitleBarPropertiesProps) {\n  const { entityId, versionNumber, onActMemberClickAddConditionsForUse } = props\n\n  // We don't need the entire bundle, but it's fetched for the rest of the title bar and useGetEntityTitleBarProperties below, so the cache will be hot.\n  const { data: bundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const isFeatureEnabled = useGetFeatureFlag(FeatureFlagEnum.DESCRIPTION_FIELD)\n\n  // Actual entity data is fetched and transformed in this custom hook\n  const properties = useGetEntityTitleBarProperties(entityId, versionNumber)\n\n  const [showAllProperties, setShowAllProperties] = useState(false)\n\n  return (\n    <Box sx={{ padding: '20px 40px' }}>\n      <Stack\n        direction={'row'}\n        sx={{\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n        }}\n      >\n        <Stack\n          direction=\"row\"\n          divider={<Divider orientation=\"vertical\" flexItem />}\n          spacing={2}\n          sx={{\n            alignItems: 'flex-start',\n          }}\n        >\n          {/* Always show the first 4 properties*/}\n          <table>\n            <tbody>\n              {properties.slice(0, 2).map(p => {\n                return <Property key={p.key} title={p.title} value={p.value} />\n              })}\n            </tbody>\n          </table>\n          {properties.length > 2 && (\n            <table>\n              <tbody>\n                {properties.slice(2, 4).map(p => {\n                  return (\n                    <Property key={p.key} title={p.title} value={p.value} />\n                  )\n                })}\n              </tbody>\n            </table>\n          )}\n          {/* If there are 5 or 6 properties, show them in the last column */}\n          {(properties.length === 5 || properties.length === 6) && (\n            <table>\n              <tbody>\n                {properties.slice(4, 6).map(p => {\n                  return (\n                    <Property key={p.key} title={p.title} value={p.value} />\n                  )\n                })}\n              </tbody>\n            </table>\n          )}\n          {/* If there are more than 6 properties, then just show a button that toggles showing the rest */}\n          {properties.length > 6 && (\n            <Link onClick={() => setShowAllProperties(v => !v)}>\n              {showAllProperties\n                ? 'Hide properties'\n                : `${properties.length - 4} more properties`}\n            </Link>\n          )}\n        </Stack>\n        <AddConditionsForUseButton\n          entityId={entityId}\n          onACTMemberClick={onActMemberClickAddConditionsForUse}\n        />\n      </Stack>\n      {showAllProperties && (\n        <Box sx={{ pt: '20px' }}>\n          <table>\n            <tbody>\n              {/* Show the remaining properties. */}\n              {properties.slice(4, Infinity).map(p => {\n                return <Property key={p.key} title={p.title} value={p.value} />\n              })}\n            </tbody>\n          </table>\n        </Box>\n      )}\n      {bundle?.entity?.description && isFeatureEnabled && (\n        <Box sx={{ marginTop: '10px', maxWidth: '720px' }}>\n          {bundle?.entity?.description}\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;AAkBA,SAAS,EAAS,GAAsB;CACtC,IAAM,EAAE,UAAO,aAAU;AACzB,QACE,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;EAAI,OAAO,EAAE,cAAc,OAAO;YAChC,kBAAC,GAAD;GACE,WAAW;GACX,SAAS;GACT,IAAI,EACF,YAAY,KACb;aAEA;GACU,CAAA;EACV,CAAA,EACL,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;EAAY,WAAW;EAAQ,SAAS;YACrC;EACU,CAAA,EACV,CAAA,CACF,EAAA,CAAA;;AAOT,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,aAAU,kBAAe,2CAAwC,GAGnE,EAAE,MAAM,MAAW,EAAmB,GAAU,EAAc,EAE9D,IAAmB,EAAkB,EAAgB,kBAAkB,EAGvE,IAAa,EAA+B,GAAU,EAAc,EAEpE,CAAC,GAAmB,KAAwB,EAAS,GAAM;AAEjE,QACE,kBAAC,GAAD;EAAK,IAAI,EAAE,SAAS,aAAa;YAAjC;GACE,kBAAC,GAAD;IACE,WAAW;IACX,IAAI;KACF,gBAAgB;KAChB,YAAY;KACb;cALH,CAOE,kBAAC,GAAD;KACE,WAAU;KACV,SAAS,kBAAC,GAAD;MAAS,aAAY;MAAW,UAAA;MAAW,CAAA;KACpD,SAAS;KACT,IAAI,EACF,YAAY,cACb;eANH;MASE,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAI,MACnB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;OAAS,EAAzC,EAAE,IAAuC,CAC/D,EACI,CAAA,EACF,CAAA;MACP,EAAW,SAAS,KACnB,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAI,MAExB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;OAAS,EAAzC,EAAE,IAAuC,CAE1D,EACI,CAAA,EACF,CAAA;OAGR,EAAW,WAAW,KAAK,EAAW,WAAW,MACjD,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAI,MAExB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;OAAS,EAAzC,EAAE,IAAuC,CAE1D,EACI,CAAA,EACF,CAAA;MAGT,EAAW,SAAS,KACnB,kBAAC,GAAD;OAAM,eAAe,GAAqB,MAAK,CAAC,EAAE;iBAC/C,IACG,oBACA,GAAG,EAAW,SAAS,EAAE;OACxB,CAAA;MAEH;QACR,kBAAC,GAAD;KACY;KACV,kBAAkB;KAClB,CAAA,CACI;;GACP,KACC,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,QAAQ;cACrB,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UAEG,EAAW,MAAM,GAAG,SAAS,CAAC,KAAI,MAC1B,kBAAC,GAAD;KAAsB,OAAO,EAAE;KAAO,OAAO,EAAE;KAAS,EAAzC,EAAE,IAAuC,CAC/D,EACI,CAAA,EACF,CAAA;IACJ,CAAA;GAEP,GAAQ,QAAQ,eAAe,KAC9B,kBAAC,GAAD;IAAK,IAAI;KAAE,WAAW;KAAQ,UAAU;KAAS;cAC9C,GAAQ,QAAQ;IACb,CAAA;GAEJ"}
+{"version":3,"file":"TitleBarProperties.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/TitleBarProperties.tsx"],"sourcesContent":["import { useGetEntityBundle, useGetFeatureFlag } from '@/synapse-queries'\nimport { Box, Divider, Link, Stack, Typography } from '@mui/material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { ReactNode, useState } from 'react'\nimport AddConditionsForUseButton from '../../../AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton'\nimport { useGetEntityTitleBarProperties } from './useGetEntityTitleBarProperties'\n\nexport type TitleBarPropertiesProps = {\n  entityId: string\n  versionNumber?: number\n  /* Callback invoked when an ACT member clicks \"Add Conditions for Use\". */\n  onActMemberClickAddConditionsForUse: () => void\n}\n\ntype PropertyProps = {\n  title: string\n  value: ReactNode\n}\nfunction Property(props: PropertyProps) {\n  const { title, value } = props\n  return (\n    <tr>\n      <td style={{ paddingRight: '1em' }}>\n        <Typography\n          component={'span'}\n          variant={'smallText1'}\n          sx={{\n            fontWeight: 700,\n          }}\n        >\n          {title}\n        </Typography>\n      </td>\n      <td>\n        <Typography component={'span'} variant={'smallText1'}>\n          {value}\n        </Typography>\n      </td>\n    </tr>\n  )\n}\n\n/**\n * The TitleBarProperties component displays a tabular view of the entity metadata on the Entity page.\n */\nexport default function TitleBarProperties(props: TitleBarPropertiesProps) {\n  const { entityId, versionNumber, onActMemberClickAddConditionsForUse } = props\n\n  // We don't need the entire bundle, but it's fetched for the rest of the title bar and useGetEntityTitleBarProperties below, so the cache will be hot.\n  const { data: bundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const isFeatureEnabled = useGetFeatureFlag(FeatureFlagEnum.DESCRIPTION_FIELD)\n\n  // Actual entity data is fetched and transformed in this custom hook\n  const properties = useGetEntityTitleBarProperties(entityId, versionNumber)\n\n  const [showAllProperties, setShowAllProperties] = useState(false)\n\n  return (\n    <Box sx={{ padding: '20px 40px' }}>\n      <Stack\n        direction={'row'}\n        sx={{\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n        }}\n      >\n        <Stack\n          direction=\"row\"\n          divider={<Divider orientation=\"vertical\" flexItem />}\n          spacing={2}\n          sx={{\n            alignItems: 'flex-start',\n          }}\n        >\n          {/* Always show the first 4 properties*/}\n          <table>\n            <tbody>\n              {properties.slice(0, 2).map(p => {\n                return <Property key={p.key} title={p.title} value={p.value} />\n              })}\n            </tbody>\n          </table>\n          {properties.length > 2 && (\n            <table>\n              <tbody>\n                {properties.slice(2, 4).map(p => {\n                  return (\n                    <Property key={p.key} title={p.title} value={p.value} />\n                  )\n                })}\n              </tbody>\n            </table>\n          )}\n          {/* If there are 5 or 6 properties, show them in the last column */}\n          {(properties.length === 5 || properties.length === 6) && (\n            <table>\n              <tbody>\n                {properties.slice(4, 6).map(p => {\n                  return (\n                    <Property key={p.key} title={p.title} value={p.value} />\n                  )\n                })}\n              </tbody>\n            </table>\n          )}\n          {/* If there are more than 6 properties, then just show a button that toggles showing the rest */}\n          {properties.length > 6 && (\n            <Link onClick={() => setShowAllProperties(v => !v)}>\n              {showAllProperties\n                ? 'Hide properties'\n                : `${properties.length - 4} more properties`}\n            </Link>\n          )}\n        </Stack>\n        <AddConditionsForUseButton\n          entityId={entityId}\n          onACTMemberClick={onActMemberClickAddConditionsForUse}\n        />\n      </Stack>\n      {showAllProperties && (\n        <Box sx={{ pt: '20px' }}>\n          <table>\n            <tbody>\n              {/* Show the remaining properties. */}\n              {properties.slice(4, Infinity).map(p => {\n                return <Property key={p.key} title={p.title} value={p.value} />\n              })}\n            </tbody>\n          </table>\n        </Box>\n      )}\n      {bundle?.entity?.description && isFeatureEnabled && (\n        <Box sx={{ marginTop: '10px', maxWidth: '720px' }}>\n          {bundle?.entity?.description}\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;AAkBA,SAAS,EAAS,GAAsB;CACtC,IAAM,EAAE,UAAO,aAAU;CACzB,OACE,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;EAAI,OAAO,EAAE,cAAc,MAAM;YAC/B,kBAAC,GAAD;GACE,WAAW;GACX,SAAS;GACT,IAAI,EACF,YAAY,IACd;aAEC;EACS,CAAA;CACV,CAAA,GACJ,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;EAAY,WAAW;EAAQ,SAAS;YACrC;CACS,CAAA,EACV,CAAA,CACF,EAAA,CAAA;AAER;AAKA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,aAAU,kBAAe,2CAAwC,GAGnE,EAAE,MAAM,MAAW,EAAmB,GAAU,CAAa,GAE7D,IAAmB,EAAkB,EAAgB,iBAAiB,GAGtE,IAAa,EAA+B,GAAU,CAAa,GAEnE,CAAC,GAAmB,KAAwB,EAAS,EAAK;CAEhE,OACE,kBAAC,GAAD;EAAK,IAAI,EAAE,SAAS,YAAY;YAAhC;GACE,kBAAC,GAAD;IACE,WAAW;IACX,IAAI;KACF,gBAAgB;KAChB,YAAY;IACd;cALF,CAOE,kBAAC,GAAD;KACE,WAAU;KACV,SAAS,kBAAC,GAAD;MAAS,aAAY;MAAW,UAAA;KAAU,CAAA;KACnD,SAAS;KACT,IAAI,EACF,YAAY,aACd;eANF;MASE,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,CAAC,EAAE,KAAI,MACnB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;MAAQ,GAAxC,EAAE,GAAsC,CAC/D,EACI,CAAA,EACF,CAAA;MACN,EAAW,SAAS,KACnB,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,CAAC,EAAE,KAAI,MAExB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;MAAQ,GAAxC,EAAE,GAAsC,CAE1D,EACI,CAAA,EACF,CAAA;OAGP,EAAW,WAAW,KAAK,EAAW,WAAW,MACjD,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,CAAC,EAAE,KAAI,MAExB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;MAAQ,GAAxC,EAAE,GAAsC,CAE1D,EACI,CAAA,EACF,CAAA;MAGR,EAAW,SAAS,KACnB,kBAAC,GAAD;OAAM,eAAe,GAAqB,MAAK,CAAC,CAAC;iBAC9C,IACG,oBACA,GAAG,EAAW,SAAS,EAAE;MACzB,CAAA;KAEH;QACP,kBAAC,GAAD;KACY;KACV,kBAAkB;IACnB,CAAA,CACI;;GACN,KACC,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,OAAO;cACpB,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UAEG,EAAW,MAAM,GAAG,QAAQ,EAAE,KAAI,MAC1B,kBAAC,GAAD;KAAsB,OAAO,EAAE;KAAO,OAAO,EAAE;IAAQ,GAAxC,EAAE,GAAsC,CAC/D,EACI,CAAA,EACF,CAAA;GACJ,CAAA;GAEN,GAAQ,QAAQ,eAAe,KAC9B,kBAAC,GAAD;IAAK,IAAI;KAAE,WAAW;KAAQ,UAAU;IAAQ;cAC7C,GAAQ,QAAQ;GACd,CAAA;EAEJ;;AAET"}

package/dist/components/entity/page/title_bar/useDataCiteUsage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataCiteUsage.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/useDataCiteUsage.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { skipToken, useQuery, UseQueryOptions } from '@tanstack/react-query'\n\ntype RestUsage = {\n  citationCount: number\n  citations: CitingWork[]\n}\n\nexport type CitingWork = {\n  id: string // DOI in bare form (e.g., 10.1234/abcd)\n  doi: string\n  title?: string\n  publisher?: string\n  publicationYear?: number\n  containerTitle?: string\n}\n\nexport const maxCitationCount = 500\n\nexport const getDataCiteUsageQueryKey = (doi?: string) =>\n  ['datacite-usage', doi] as const\n\nfunction toBareDoi(idOrUrl: string): string {\n  return idOrUrl.replace(/^https?:\\/\\/(dx\\.)?doi\\.org\\//i, '')\n}\n\nasync function fetchCitationsViaGraphQL(signal: AbortSignal, doi: string) {\n  const body = JSON.stringify({\n    query: `\n      query($id: ID!) {\n        work(id: $id) {\n          citations(first: ${maxCitationCount}) {\n            nodes {\n              id\n              titles { title }\n              publisher { name }\n              publicationYear\n              \n              # publication (container) info\n              container {\n                title\n              }\n            }\n          }\n        }\n      }\n    `,\n    variables: { id: `https://doi.org/${doi}` },\n  })\n\n  const r = await fetch('https://api.datacite.org/graphql', {\n    method: 'POST',\n    signal,\n    headers: { 'content-type': 'application/json', accept: 'application/json' },\n    body,\n  })\n  if (!r.ok) throw new Error(`DataCite GraphQL ${r.status}`)\n  const json = await r.json()\n  const nodes = json?.data?.work?.citations?.nodes ?? []\n  return nodes.map((n: any) => {\n    const bare = toBareDoi(n?.id ?? '')\n    const title =\n      Array.isArray(n?.titles) && n.titles.length\n        ? n.titles[0]?.title.replaceAll('?', '') // many extended characters are returned as '?'s from DataCite\n        : // for example, see https://commons.datacite.org/doi.org/10.1101%2F205807\n          undefined\n    const publisher = n?.publisher?.name ?? undefined\n    const publicationYear = n?.publicationYear ?? undefined\n    const containerTitle = n?.container?.title ?? undefined\n\n    return {\n      id: bare,\n      doi: bare,\n      title,\n      publisher,\n      publicationYear,\n      containerTitle,\n    } as CitingWork\n  })\n}\n\nasync function fetchDataCiteUsage(\n  signal: AbortSignal,\n  doi: string,\n): Promise<RestUsage> {\n  const citations: CitingWork[] = await fetchCitationsViaGraphQL(signal, doi)\n  if (!citations) {\n    throw new Error('No citations found')\n  }\n  return {\n    citationCount: citations.length ?? 0,\n    citations,\n  }\n}\n\nexport function useDataCiteUsage(\n  doi?: string,\n  options?: Omit<UseQueryOptions<RestUsage, Error>, 'queryKey' | 'queryFn'>,\n) {\n  const key = useMemo(() => getDataCiteUsageQueryKey(doi), [doi])\n  return useQuery({\n    ...options,\n    queryKey: key,\n    queryFn: doi\n      ? ({ signal }) => {\n          return fetchDataCiteUsage(signal, doi)\n        }\n      : skipToken,\n  })\n}\n"],"mappings":";;;AAiBA,IAAa,IAAmB,KAEnB,KAA4B,MACvC,CAAC,kBAAkB,EAAI;AAEzB,SAAS,EAAU,GAAyB;AAC1C,QAAO,EAAQ,QAAQ,kCAAkC,GAAG;;AAG9D,eAAe,EAAyB,GAAqB,GAAa;CACxE,IAAM,IAAO,KAAK,UAAU;EAC1B,OAAO;EAmBP,WAAW,EAAE,IAAI,mBAAmB,KAAO;EAC5C,CAAC,EAEI,IAAI,MAAM,MAAM,oCAAoC;EACxD,QAAQ;EACR;EACA,SAAS;GAAE,gBAAgB;GAAoB,QAAQ;GAAoB;EAC3E;EACD,CAAC;AACF,KAAI,CAAC,EAAE,GAAI,OAAU,MAAM,oBAAoB,EAAE,SAAS;AAG1D,UADc,MADK,EAAE,MAAM,GACP,MAAM,MAAM,WAAW,SAAS,EAAE,EACzC,KAAK,MAAW;EAC3B,IAAM,IAAO,EAAU,GAAG,MAAM,GAAG;AAUnC,SAAO;GACL,IAAI;GACJ,KAAK;GACL,OAXA,MAAM,QAAQ,GAAG,OAAO,IAAI,EAAE,OAAO,SACjC,EAAE,OAAO,IAAI,MAAM,WAAW,KAAK,GAAG,GAEtC,KAAA;GASJ,WARgB,GAAG,WAAW,QAAQ,KAAA;GAStC,iBARsB,GAAG,mBAAmB,KAAA;GAS5C,gBARqB,GAAG,WAAW,SAAS,KAAA;GAS7C;GACD;;AAGJ,eAAe,EACb,GACA,GACoB;CACpB,IAAM,IAA0B,MAAM,EAAyB,GAAQ,EAAI;AAC3E,KAAI,CAAC,EACH,OAAU,MAAM,qBAAqB;AAEvC,QAAO;EACL,eAAe,EAAU,UAAU;EACnC;EACD;;AAGH,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAM,QAAc,EAAyB,EAAI,EAAE,CAAC,EAAI,CAAC;AAC/D,QAAO,EAAS;EACd,GAAG;EACH,UAAU;EACV,SAAS,KACJ,EAAE,gBACM,EAAmB,GAAQ,EAAI,GAExC;EACL,CAAC"}
+{"version":3,"file":"useDataCiteUsage.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/useDataCiteUsage.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { skipToken, useQuery, UseQueryOptions } from '@tanstack/react-query'\n\ntype RestUsage = {\n  citationCount: number\n  citations: CitingWork[]\n}\n\nexport type CitingWork = {\n  id: string // DOI in bare form (e.g., 10.1234/abcd)\n  doi: string\n  title?: string\n  publisher?: string\n  publicationYear?: number\n  containerTitle?: string\n}\n\nexport const maxCitationCount = 500\n\nexport const getDataCiteUsageQueryKey = (doi?: string) =>\n  ['datacite-usage', doi] as const\n\nfunction toBareDoi(idOrUrl: string): string {\n  return idOrUrl.replace(/^https?:\\/\\/(dx\\.)?doi\\.org\\//i, '')\n}\n\nasync function fetchCitationsViaGraphQL(signal: AbortSignal, doi: string) {\n  const body = JSON.stringify({\n    query: `\n      query($id: ID!) {\n        work(id: $id) {\n          citations(first: ${maxCitationCount}) {\n            nodes {\n              id\n              titles { title }\n              publisher { name }\n              publicationYear\n              \n              # publication (container) info\n              container {\n                title\n              }\n            }\n          }\n        }\n      }\n    `,\n    variables: { id: `https://doi.org/${doi}` },\n  })\n\n  const r = await fetch('https://api.datacite.org/graphql', {\n    method: 'POST',\n    signal,\n    headers: { 'content-type': 'application/json', accept: 'application/json' },\n    body,\n  })\n  if (!r.ok) throw new Error(`DataCite GraphQL ${r.status}`)\n  const json = await r.json()\n  const nodes = json?.data?.work?.citations?.nodes ?? []\n  return nodes.map((n: any) => {\n    const bare = toBareDoi(n?.id ?? '')\n    const title =\n      Array.isArray(n?.titles) && n.titles.length\n        ? n.titles[0]?.title.replaceAll('?', '') // many extended characters are returned as '?'s from DataCite\n        : // for example, see https://commons.datacite.org/doi.org/10.1101%2F205807\n          undefined\n    const publisher = n?.publisher?.name ?? undefined\n    const publicationYear = n?.publicationYear ?? undefined\n    const containerTitle = n?.container?.title ?? undefined\n\n    return {\n      id: bare,\n      doi: bare,\n      title,\n      publisher,\n      publicationYear,\n      containerTitle,\n    } as CitingWork\n  })\n}\n\nasync function fetchDataCiteUsage(\n  signal: AbortSignal,\n  doi: string,\n): Promise<RestUsage> {\n  const citations: CitingWork[] = await fetchCitationsViaGraphQL(signal, doi)\n  if (!citations) {\n    throw new Error('No citations found')\n  }\n  return {\n    citationCount: citations.length ?? 0,\n    citations,\n  }\n}\n\nexport function useDataCiteUsage(\n  doi?: string,\n  options?: Omit<UseQueryOptions<RestUsage, Error>, 'queryKey' | 'queryFn'>,\n) {\n  const key = useMemo(() => getDataCiteUsageQueryKey(doi), [doi])\n  return useQuery({\n    ...options,\n    queryKey: key,\n    queryFn: doi\n      ? ({ signal }) => {\n          return fetchDataCiteUsage(signal, doi)\n        }\n      : skipToken,\n  })\n}\n"],"mappings":";;;AAiBA,IAAa,IAAmB,KAEnB,KAA4B,MACvC,CAAC,kBAAkB,CAAG;AAExB,SAAS,EAAU,GAAyB;CAC1C,OAAO,EAAQ,QAAQ,kCAAkC,EAAE;AAC7D;AAEA,eAAe,EAAyB,GAAqB,GAAa;CACxE,IAAM,IAAO,KAAK,UAAU;EAC1B,OAAO;EAmBP,WAAW,EAAE,IAAI,mBAAmB,IAAM;CAC5C,CAAC,GAEK,IAAI,MAAM,MAAM,oCAAoC;EACxD,QAAQ;EACR;EACA,SAAS;GAAE,gBAAgB;GAAoB,QAAQ;EAAmB;EAC1E;CACF,CAAC;CACD,IAAI,CAAC,EAAE,IAAI,MAAU,MAAM,oBAAoB,EAAE,QAAQ;CAGzD,SADc,MADK,EAAE,KAAK,IACN,MAAM,MAAM,WAAW,SAAS,CAAC,GACxC,KAAK,MAAW;EAC3B,IAAM,IAAO,EAAU,GAAG,MAAM,EAAE;EAUlC,OAAO;GACL,IAAI;GACJ,KAAK;GACL,OAXA,MAAM,QAAQ,GAAG,MAAM,KAAK,EAAE,OAAO,SACjC,EAAE,OAAO,IAAI,MAAM,WAAW,KAAK,EAAE,IAErC,KAAA;GASJ,WARgB,GAAG,WAAW,QAAQ,KAAA;GAStC,iBARsB,GAAG,mBAAmB,KAAA;GAS5C,gBARqB,GAAG,WAAW,SAAS,KAAA;EAS9C;CACF,CAAC;AACH;AAEA,eAAe,EACb,GACA,GACoB;CACpB,IAAM,IAA0B,MAAM,EAAyB,GAAQ,CAAG;CAC1E,IAAI,CAAC,GACH,MAAU,MAAM,oBAAoB;CAEtC,OAAO;EACL,eAAe,EAAU,UAAU;EACnC;CACF;AACF;AAEA,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAM,QAAc,EAAyB,CAAG,GAAG,CAAC,CAAG,CAAC;CAC9D,OAAO,EAAS;EACd,GAAG;EACH,UAAU;EACV,SAAS,KACJ,EAAE,gBACM,EAAmB,GAAQ,CAAG,IAEvC;CACN,CAAC;AACH"}

package/dist/components/entity/page/title_bar/useGetEntityTitleBarProperties.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetEntityTitleBarProperties.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/useGetEntityTitleBarProperties.tsx"],"sourcesContent":["import { useGetEntityChildren } from '@/synapse-queries'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  isEntityRefCollectionView,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport useGetEntityMetadata from '@/utils/hooks/useGetEntityMetadata'\nimport { Box, Link } from '@mui/material'\nimport { DoiObjectType, EntityType } from '@sage-bionetworks/synapse-client'\nimport { EntityRefCollectionView } from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useState } from 'react'\nimport CopyToClipboardString from '../../../CopyToClipboardString/CopyToClipboardString'\nimport { HasAccessV2 } from '../../../HasAccess/HasAccessV2'\nimport { CitationsDialog } from './CitationsDialog'\nimport { maxCitationCount, useDataCiteUsage } from './useDataCiteUsage'\nimport { useGetMentions } from './useGetMentions'\nimport Linkify from '@/components/GenericCard/Linkify'\n\nexport type EntityProperty = {\n  key: string\n  title: string\n  value: ReactNode\n}\n\n/**\n * This hook fetches all the entity metadata shown on the Entity page, and transforms the data into an ordered list of\n * render-able key-value pairs.\n * @param entityId\n * @param versionNumber\n */\nexport function useGetEntityTitleBarProperties(\n  entityId: string,\n  versionNumber?: number,\n): EntityProperty[] {\n  const {\n    entityBundle: bundle,\n    fileHandle: dataFileHandle,\n    downloadAlias,\n    isContainer,\n    fileHandleStorageInfo,\n    uploadDestinationString,\n  } = useGetEntityMetadata(entityId, versionNumber)\n  const [dataCiteCitationsDialogOpen, setDataCiteCitationsDialogOpen] =\n    useState(false)\n  const [mentionsDialogOpen, setMentionsDialogOpen] = useState(false)\n  const { data: entityChildrenResponse } = useGetEntityChildren(\n    {\n      parentId: entityId,\n      includeTypes: Object.values(EntityType),\n      includeTotalChildCount: true,\n    },\n    { enabled: isContainer },\n  )\n\n  // If this is the latest entity version, show the \"versionless\" DOI if it exists.\n  const useFallbackVersionlessDOI =\n    bundle &&\n    !bundle.doiAssociation &&\n    isVersionableEntity(bundle.entity) &&\n    bundle.entity.isLatestVersion\n  const { data: versionlessDOIAssociation } = useGetDOIAssociation(\n    { id: entityId, version: undefined, type: DoiObjectType.ENTITY },\n    {\n      enabled: useFallbackVersionlessDOI,\n    },\n  )\n\n  const size =\n    dataFileHandle?.contentSize &&\n    calculateFriendlyFileSize(dataFileHandle.contentSize)\n  const storageLocation =\n    fileHandleStorageInfo &&\n    'location' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.location\n  const endpoint =\n    fileHandleStorageInfo &&\n    'endpoint' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.endpoint\n  const bucket =\n    fileHandleStorageInfo &&\n    'bucket' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.bucket\n  const fileKey =\n    fileHandleStorageInfo &&\n    'fileKey' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.fileKey\n  const externalUrl =\n    fileHandleStorageInfo &&\n    'url' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.url\n\n  const md5 = dataFileHandle?.contentMd5\n\n  // If there is no version-specific DOI, fall back to the versionless DOI\n  const doiAssociation = useFallbackVersionlessDOI\n    ? versionlessDOIAssociation\n    : bundle?.doiAssociation\n  const { data: dataCiteUsage } = useDataCiteUsage(doiAssociation?.doiUri)\n  const doi = doiAssociation && `https://doi.org/${doiAssociation?.doiUri}`\n  const isDoiUsage = !!dataCiteUsage && dataCiteUsage.citationCount > 0\n  const containerItems = entityChildrenResponse?.totalChildCount\n\n  const datasetItems =\n    bundle?.entity && isEntityRefCollectionView(bundle.entity)\n      ? ((bundle?.entity as EntityRefCollectionView).items ?? []).length\n      : null\n\n  const { data: mentions } = useGetMentions(entityId)\n  const isMentions = !!mentions && mentions.length > 0\n  return [\n    {\n      key: 'id',\n      title: 'SynID',\n      value: <CopyToClipboardString value={entityId} />,\n    },\n    {\n      key: 'access',\n      title: 'Access',\n      value: <HasAccessV2 entityId={entityId} />,\n    },\n    size && { key: 'fileSize', title: 'Size', value: size },\n    containerItems != null && {\n      key: 'containerItems',\n      title: 'Items',\n      value: containerItems.toLocaleString(),\n    },\n    datasetItems != null && {\n      key: 'entityRefCollectionItems',\n      title: 'Items',\n      value: datasetItems.toLocaleString(),\n    },\n    doi && {\n      key: 'doi',\n      title: 'DOI',\n      value: (\n        <Link href={doi} rel={'noopener noreferrer'} target={'_blank'}>\n          {doi}\n        </Link>\n      ),\n    },\n    isDoiUsage && {\n      key: 'citations',\n      title: 'Citations',\n      value: (\n        <>\n          <Link onClick={() => setDataCiteCitationsDialogOpen(true)}>\n            {dataCiteUsage.citationCount.toLocaleString()}\n            {dataCiteUsage.citationCount == maxCitationCount && '+'}\n          </Link>\n          <CitationsDialog\n            open={dataCiteCitationsDialogOpen}\n            onClose={() => setDataCiteCitationsDialogOpen(false)}\n            citations={dataCiteUsage.citations}\n          />\n        </>\n      ),\n    },\n    isMentions && {\n      key: 'mentions',\n      title: 'Mentions',\n      value: (\n        <>\n          <Link onClick={() => setMentionsDialogOpen(true)}>\n            {mentions.length.toLocaleString()}\n          </Link>\n          <CitationsDialog\n            open={mentionsDialogOpen}\n            onClose={() => setMentionsDialogOpen(false)}\n            citations={mentions}\n            title=\"Mentioned in\"\n          />\n        </>\n      ),\n    },\n    md5 && {\n      key: 'fileMd5',\n      title: 'MD5',\n      value: <CopyToClipboardString value={md5} />,\n    },\n    !isContainer &&\n      storageLocation && {\n        key: 'fileStorageLocation',\n        title: 'Storage Location',\n        value: storageLocation,\n      },\n    isContainer &&\n      uploadDestinationString && {\n        key: 'uploadDestination',\n        title: 'Upload Destination',\n        value: uploadDestinationString,\n      },\n    endpoint && {\n      key: 'externalFileEndpoint',\n      title: 'Endpoint',\n      value: endpoint,\n    },\n    externalUrl && {\n      key: 'externalUrl',\n      title: 'URL',\n      value: <Linkify text={externalUrl} />,\n    },\n    bucket && { key: 'externalFileBucket', title: 'Bucket', value: bucket },\n    fileKey && { key: 'externalFileKey', title: 'File Key', value: fileKey },\n    downloadAlias && {\n      key: 'fileAlias',\n      title: 'Alias',\n      value: (\n        <>\n          {'Name when downloaded will be: '}\n          <Box sx={{ display: 'inline', fontFamily: 'monospace' }}>\n            {downloadAlias}\n          </Box>\n        </>\n      ),\n    },\n  ].filter(item => !!item) as EntityProperty[]\n}\n"],"mappings":"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"}
+{"version":3,"file":"useGetEntityTitleBarProperties.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/useGetEntityTitleBarProperties.tsx"],"sourcesContent":["import { useGetEntityChildren } from '@/synapse-queries'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  isEntityRefCollectionView,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport useGetEntityMetadata from '@/utils/hooks/useGetEntityMetadata'\nimport { Box, Link } from '@mui/material'\nimport { DoiObjectType, EntityType } from '@sage-bionetworks/synapse-client'\nimport { EntityRefCollectionView } from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useState } from 'react'\nimport CopyToClipboardString from '../../../CopyToClipboardString/CopyToClipboardString'\nimport { HasAccessV2 } from '../../../HasAccess/HasAccessV2'\nimport { CitationsDialog } from './CitationsDialog'\nimport { maxCitationCount, useDataCiteUsage } from './useDataCiteUsage'\nimport { useGetMentions } from './useGetMentions'\nimport Linkify from '@/components/GenericCard/Linkify'\n\nexport type EntityProperty = {\n  key: string\n  title: string\n  value: ReactNode\n}\n\n/**\n * This hook fetches all the entity metadata shown on the Entity page, and transforms the data into an ordered list of\n * render-able key-value pairs.\n * @param entityId\n * @param versionNumber\n */\nexport function useGetEntityTitleBarProperties(\n  entityId: string,\n  versionNumber?: number,\n): EntityProperty[] {\n  const {\n    entityBundle: bundle,\n    fileHandle: dataFileHandle,\n    downloadAlias,\n    isContainer,\n    fileHandleStorageInfo,\n    uploadDestinationString,\n  } = useGetEntityMetadata(entityId, versionNumber)\n  const [dataCiteCitationsDialogOpen, setDataCiteCitationsDialogOpen] =\n    useState(false)\n  const [mentionsDialogOpen, setMentionsDialogOpen] = useState(false)\n  const { data: entityChildrenResponse } = useGetEntityChildren(\n    {\n      parentId: entityId,\n      includeTypes: Object.values(EntityType),\n      includeTotalChildCount: true,\n    },\n    { enabled: isContainer },\n  )\n\n  // If this is the latest entity version, show the \"versionless\" DOI if it exists.\n  const useFallbackVersionlessDOI =\n    bundle &&\n    !bundle.doiAssociation &&\n    isVersionableEntity(bundle.entity) &&\n    bundle.entity.isLatestVersion\n  const { data: versionlessDOIAssociation } = useGetDOIAssociation(\n    { id: entityId, version: undefined, type: DoiObjectType.ENTITY },\n    {\n      enabled: useFallbackVersionlessDOI,\n    },\n  )\n\n  const size =\n    dataFileHandle?.contentSize &&\n    calculateFriendlyFileSize(dataFileHandle.contentSize)\n  const storageLocation =\n    fileHandleStorageInfo &&\n    'location' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.location\n  const endpoint =\n    fileHandleStorageInfo &&\n    'endpoint' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.endpoint\n  const bucket =\n    fileHandleStorageInfo &&\n    'bucket' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.bucket\n  const fileKey =\n    fileHandleStorageInfo &&\n    'fileKey' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.fileKey\n  const externalUrl =\n    fileHandleStorageInfo &&\n    'url' in fileHandleStorageInfo &&\n    fileHandleStorageInfo.url\n\n  const md5 = dataFileHandle?.contentMd5\n\n  // If there is no version-specific DOI, fall back to the versionless DOI\n  const doiAssociation = useFallbackVersionlessDOI\n    ? versionlessDOIAssociation\n    : bundle?.doiAssociation\n  const { data: dataCiteUsage } = useDataCiteUsage(doiAssociation?.doiUri)\n  const doi = doiAssociation && `https://doi.org/${doiAssociation?.doiUri}`\n  const isDoiUsage = !!dataCiteUsage && dataCiteUsage.citationCount > 0\n  const containerItems = entityChildrenResponse?.totalChildCount\n\n  const datasetItems =\n    bundle?.entity && isEntityRefCollectionView(bundle.entity)\n      ? ((bundle?.entity as EntityRefCollectionView).items ?? []).length\n      : null\n\n  const { data: mentions } = useGetMentions(entityId)\n  const isMentions = !!mentions && mentions.length > 0\n  return [\n    {\n      key: 'id',\n      title: 'SynID',\n      value: <CopyToClipboardString value={entityId} />,\n    },\n    {\n      key: 'access',\n      title: 'Access',\n      value: <HasAccessV2 entityId={entityId} />,\n    },\n    size && { key: 'fileSize', title: 'Size', value: size },\n    containerItems != null && {\n      key: 'containerItems',\n      title: 'Items',\n      value: containerItems.toLocaleString(),\n    },\n    datasetItems != null && {\n      key: 'entityRefCollectionItems',\n      title: 'Items',\n      value: datasetItems.toLocaleString(),\n    },\n    doi && {\n      key: 'doi',\n      title: 'DOI',\n      value: (\n        <Link href={doi} rel={'noopener noreferrer'} target={'_blank'}>\n          {doi}\n        </Link>\n      ),\n    },\n    isDoiUsage && {\n      key: 'citations',\n      title: 'Citations',\n      value: (\n        <>\n          <Link onClick={() => setDataCiteCitationsDialogOpen(true)}>\n            {dataCiteUsage.citationCount.toLocaleString()}\n            {dataCiteUsage.citationCount == maxCitationCount && '+'}\n          </Link>\n          <CitationsDialog\n            open={dataCiteCitationsDialogOpen}\n            onClose={() => setDataCiteCitationsDialogOpen(false)}\n            citations={dataCiteUsage.citations}\n          />\n        </>\n      ),\n    },\n    isMentions && {\n      key: 'mentions',\n      title: 'Mentions',\n      value: (\n        <>\n          <Link onClick={() => setMentionsDialogOpen(true)}>\n            {mentions.length.toLocaleString()}\n          </Link>\n          <CitationsDialog\n            open={mentionsDialogOpen}\n            onClose={() => setMentionsDialogOpen(false)}\n            citations={mentions}\n            title=\"Mentioned in\"\n          />\n        </>\n      ),\n    },\n    md5 && {\n      key: 'fileMd5',\n      title: 'MD5',\n      value: <CopyToClipboardString value={md5} />,\n    },\n    !isContainer &&\n      storageLocation && {\n        key: 'fileStorageLocation',\n        title: 'Storage Location',\n        value: storageLocation,\n      },\n    isContainer &&\n      uploadDestinationString && {\n        key: 'uploadDestination',\n        title: 'Upload Destination',\n        value: uploadDestinationString,\n      },\n    endpoint && {\n      key: 'externalFileEndpoint',\n      title: 'Endpoint',\n      value: endpoint,\n    },\n    externalUrl && {\n      key: 'externalUrl',\n      title: 'URL',\n      value: <Linkify text={externalUrl} />,\n    },\n    bucket && { key: 'externalFileBucket', title: 'Bucket', value: bucket },\n    fileKey && { key: 'externalFileKey', title: 'File Key', value: fileKey },\n    downloadAlias && {\n      key: 'fileAlias',\n      title: 'Alias',\n      value: (\n        <>\n          {'Name when downloaded will be: '}\n          <Box sx={{ display: 'inline', fontFamily: 'monospace' }}>\n            {downloadAlias}\n          </Box>\n        </>\n      ),\n    },\n  ].filter(item => !!item) as EntityProperty[]\n}\n"],"mappings":"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"}

package/dist/components/entity/page/title_bar/useGetMentions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetMentions.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/useGetMentions.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { skipToken, useQuery, UseQueryOptions } from '@tanstack/react-query'\nimport {\n  COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  ColumnSingleValueFilterOperator,\n  Query,\n} from '@sage-bionetworks/synapse-types'\nimport { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { CitingWork } from './useDataCiteUsage'\n\nconst MENTIONS_SYNAPSE_TABLE_ID = 'syn66047339'\n\nexport type EuropePMCAuthor = {\n  fullName?: string\n  firstName?: string\n  lastName?: string\n}\n\nexport type EuropePMCAuthorList = {\n  author?: EuropePMCAuthor[]\n}\n\nexport type EuropePMCResult = {\n  id?: string\n  pmid?: string\n  pmcid?: string\n  doi?: string\n  title?: string\n  journalTitle?: string\n  pubYear?: string\n  authorList?: EuropePMCAuthorList\n}\n\nexport type EuropePMCResponse = {\n  resultList: {\n    result: EuropePMCResult[]\n  }\n}\n\nexport const getMentionsQueryKey = (entityId: string) =>\n  ['europepmc', entityId] as const\n\nexport async function fetchMetadataForPMCIDs(\n  signal: AbortSignal,\n  pmcids: string[],\n): Promise<CitingWork[]> {\n  if (pmcids.length === 0) return []\n  const query = pmcids.map(id => `PMCID:${id}`).join(' OR ')\n\n  const url = new URL('https://www.ebi.ac.uk/europepmc/webservices/rest/search')\n  url.searchParams.set('query', query)\n  url.searchParams.set('format', 'json')\n  url.searchParams.set('pageSize', String(pmcids.length))\n\n  const resp = await fetch(url.toString(), {\n    headers: { Accept: 'application/json' },\n    signal,\n  })\n  if (!resp.ok)\n    throw new Error(`Europe PMC error ${resp.status}: ${await resp.text()}`)\n\n  const json = (await resp.json()) as EuropePMCResponse\n  return mapEuropePMCResponseToCitingWorks(json)\n}\n\nexport function mapEuropePMCResponseToCitingWorks(\n  json: EuropePMCResponse,\n): CitingWork[] {\n  return json.resultList.result.map(\n    r =>\n      ({\n        id: r.pmcid,\n        title: r.title ?? '(Untitled)',\n        doi: r.doi,\n        publisher: r.journalTitle,\n        publicationYear: r.pubYear ? Number(r.pubYear) : undefined,\n        // authors: r.authorList?.author?.map((a: EuropePMCAuthor) => a.fullName ?? `${a.firstName ?? \"\"} ${a.lastName ?? \"\"}`.trim()) ?? [],\n      }) as CitingWork,\n  )\n}\n\nexport function useGetMentions(\n  entityId: string,\n  options?: Omit<UseQueryOptions<CitingWork[], Error>, 'queryKey' | 'queryFn'>,\n) {\n  const query: Query = {\n    sql: `select pmcid from ${MENTIONS_SYNAPSE_TABLE_ID}`,\n    additionalFilters: [\n      {\n        concreteType: COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n        columnName: 'synid',\n        operator: ColumnSingleValueFilterOperator.EQUAL,\n        values: [entityId],\n      },\n    ],\n  }\n\n  const { data } = useGetQueryResultBundleWithAsyncStatus({\n    entityId: entityId,\n    query,\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  })\n\n  const rows = data?.responseBody?.queryResult?.queryResults?.rows\n  const pcmids = rows\n    ?.map(row => {\n      const pmcid = row.values[0]\n      // remove \"pmc:\" prefix if present\n      return pmcid?.toString().replace(/^pmc:/i, '')\n    })\n    .filter(pmcid => pmcid != null) as string[]\n  const key = useMemo(() => getMentionsQueryKey(entityId), [entityId])\n  return useQuery({\n    ...options,\n    queryKey: key,\n    queryFn: pcmids\n      ? ({ signal }) => {\n          return fetchMetadataForPMCIDs(signal, pcmids)\n        }\n      : skipToken,\n  })\n}\n"],"mappings":";;;;;;;AAWA,IAAM,IAA4B,eA6BrB,KAAuB,MAClC,CAAC,aAAa,EAAS;AAEzB,eAAsB,EACpB,GACA,GACuB;AACvB,KAAI,EAAO,WAAW,EAAG,QAAO,EAAE;CAClC,IAAM,IAAQ,EAAO,KAAI,MAAM,SAAS,IAAK,CAAC,KAAK,OAAO,EAEpD,IAAM,IAAI,IAAI,0DAA0D;AAG9E,CAFA,EAAI,aAAa,IAAI,SAAS,EAAM,EACpC,EAAI,aAAa,IAAI,UAAU,OAAO,EACtC,EAAI,aAAa,IAAI,YAAY,OAAO,EAAO,OAAO,CAAC;CAEvD,IAAM,IAAO,MAAM,MAAM,EAAI,UAAU,EAAE;EACvC,SAAS,EAAE,QAAQ,oBAAoB;EACvC;EACD,CAAC;AACF,KAAI,CAAC,EAAK,GACR,OAAU,MAAM,oBAAoB,EAAK,OAAO,IAAI,MAAM,EAAK,MAAM,GAAG;AAG1E,QAAO,EAAkC,MADrB,EAAK,MAAM,CACe;;AAGhD,SAAgB,EACd,GACc;AACd,QAAO,EAAK,WAAW,OAAO,KAC5B,OACG;EACC,IAAI,EAAE;EACN,OAAO,EAAE,SAAS;EAClB,KAAK,EAAE;EACP,WAAW,EAAE;EACb,iBAAiB,EAAE,UAAU,OAAO,EAAE,QAAQ,GAAG,KAAA;EAElD,EACJ;;AAGH,SAAgB,EACd,GACA,GACA;CAaA,IAAM,EAAE,YAAS,EAAuC;EAC5C;EACV,OAAA;GAbA,KAAK,qBAAqB;GAC1B,mBAAmB,CACjB;IACE,cAAc;IACd,YAAY;IACZ,UAAU,EAAgC;IAC1C,QAAQ,CAAC,EAAS;IACnB,CACF;GAKD;EACA,UAAA;EACA,cAAc;EACf,CAAC,EAGI,KADO,GAAM,cAAc,aAAa,cAAc,OAExD,KAAI,MACU,EAAI,OAAO,IAEX,UAAU,CAAC,QAAQ,UAAU,GAAG,CAC9C,CACD,QAAO,MAAS,KAAS,KAAK,EAC3B,IAAM,QAAc,EAAoB,EAAS,EAAE,CAAC,EAAS,CAAC;AACpE,QAAO,EAAS;EACd,GAAG;EACH,UAAU;EACV,SAAS,KACJ,EAAE,gBACM,EAAuB,GAAQ,EAAO,GAE/C;EACL,CAAC"}
+{"version":3,"file":"useGetMentions.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/useGetMentions.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { skipToken, useQuery, UseQueryOptions } from '@tanstack/react-query'\nimport {\n  COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  ColumnSingleValueFilterOperator,\n  Query,\n} from '@sage-bionetworks/synapse-types'\nimport { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { CitingWork } from './useDataCiteUsage'\n\nconst MENTIONS_SYNAPSE_TABLE_ID = 'syn66047339'\n\nexport type EuropePMCAuthor = {\n  fullName?: string\n  firstName?: string\n  lastName?: string\n}\n\nexport type EuropePMCAuthorList = {\n  author?: EuropePMCAuthor[]\n}\n\nexport type EuropePMCResult = {\n  id?: string\n  pmid?: string\n  pmcid?: string\n  doi?: string\n  title?: string\n  journalTitle?: string\n  pubYear?: string\n  authorList?: EuropePMCAuthorList\n}\n\nexport type EuropePMCResponse = {\n  resultList: {\n    result: EuropePMCResult[]\n  }\n}\n\nexport const getMentionsQueryKey = (entityId: string) =>\n  ['europepmc', entityId] as const\n\nexport async function fetchMetadataForPMCIDs(\n  signal: AbortSignal,\n  pmcids: string[],\n): Promise<CitingWork[]> {\n  if (pmcids.length === 0) return []\n  const query = pmcids.map(id => `PMCID:${id}`).join(' OR ')\n\n  const url = new URL('https://www.ebi.ac.uk/europepmc/webservices/rest/search')\n  url.searchParams.set('query', query)\n  url.searchParams.set('format', 'json')\n  url.searchParams.set('pageSize', String(pmcids.length))\n\n  const resp = await fetch(url.toString(), {\n    headers: { Accept: 'application/json' },\n    signal,\n  })\n  if (!resp.ok)\n    throw new Error(`Europe PMC error ${resp.status}: ${await resp.text()}`)\n\n  const json = (await resp.json()) as EuropePMCResponse\n  return mapEuropePMCResponseToCitingWorks(json)\n}\n\nexport function mapEuropePMCResponseToCitingWorks(\n  json: EuropePMCResponse,\n): CitingWork[] {\n  return json.resultList.result.map(\n    r =>\n      ({\n        id: r.pmcid,\n        title: r.title ?? '(Untitled)',\n        doi: r.doi,\n        publisher: r.journalTitle,\n        publicationYear: r.pubYear ? Number(r.pubYear) : undefined,\n        // authors: r.authorList?.author?.map((a: EuropePMCAuthor) => a.fullName ?? `${a.firstName ?? \"\"} ${a.lastName ?? \"\"}`.trim()) ?? [],\n      }) as CitingWork,\n  )\n}\n\nexport function useGetMentions(\n  entityId: string,\n  options?: Omit<UseQueryOptions<CitingWork[], Error>, 'queryKey' | 'queryFn'>,\n) {\n  const query: Query = {\n    sql: `select pmcid from ${MENTIONS_SYNAPSE_TABLE_ID}`,\n    additionalFilters: [\n      {\n        concreteType: COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n        columnName: 'synid',\n        operator: ColumnSingleValueFilterOperator.EQUAL,\n        values: [entityId],\n      },\n    ],\n  }\n\n  const { data } = useGetQueryResultBundleWithAsyncStatus({\n    entityId: entityId,\n    query,\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  })\n\n  const rows = data?.responseBody?.queryResult?.queryResults?.rows\n  const pcmids = rows\n    ?.map(row => {\n      const pmcid = row.values[0]\n      // remove \"pmc:\" prefix if present\n      return pmcid?.toString().replace(/^pmc:/i, '')\n    })\n    .filter(pmcid => pmcid != null) as string[]\n  const key = useMemo(() => getMentionsQueryKey(entityId), [entityId])\n  return useQuery({\n    ...options,\n    queryKey: key,\n    queryFn: pcmids\n      ? ({ signal }) => {\n          return fetchMetadataForPMCIDs(signal, pcmids)\n        }\n      : skipToken,\n  })\n}\n"],"mappings":";;;;;;;AAWA,IAAM,IAA4B,eA6BrB,KAAuB,MAClC,CAAC,aAAa,CAAQ;AAExB,eAAsB,EACpB,GACA,GACuB;CACvB,IAAI,EAAO,WAAW,GAAG,OAAO,CAAC;CACjC,IAAM,IAAQ,EAAO,KAAI,MAAM,SAAS,GAAI,EAAE,KAAK,MAAM,GAEnD,IAAM,IAAI,IAAI,yDAAyD;CAG7E,AAFA,EAAI,aAAa,IAAI,SAAS,CAAK,GACnC,EAAI,aAAa,IAAI,UAAU,MAAM,GACrC,EAAI,aAAa,IAAI,YAAY,OAAO,EAAO,MAAM,CAAC;CAEtD,IAAM,IAAO,MAAM,MAAM,EAAI,SAAS,GAAG;EACvC,SAAS,EAAE,QAAQ,mBAAmB;EACtC;CACF,CAAC;CACD,IAAI,CAAC,EAAK,IACR,MAAU,MAAM,oBAAoB,EAAK,OAAO,IAAI,MAAM,EAAK,KAAK,GAAG;CAGzE,OAAO,EAAkC,MADrB,EAAK,KAAK,CACe;AAC/C;AAEA,SAAgB,EACd,GACc;CACd,OAAO,EAAK,WAAW,OAAO,KAC5B,OACG;EACC,IAAI,EAAE;EACN,OAAO,EAAE,SAAS;EAClB,KAAK,EAAE;EACP,WAAW,EAAE;EACb,iBAAiB,EAAE,UAAU,OAAO,EAAE,OAAO,IAAI,KAAA;CAEnD,EACJ;AACF;AAEA,SAAgB,EACd,GACA,GACA;CAaA,IAAM,EAAE,YAAS,EAAuC;EAC5C;EACV,OAAA;GAbA,KAAK,qBAAqB;GAC1B,mBAAmB,CACjB;IACE,cAAc;IACd,YAAY;IACZ,UAAU,EAAgC;IAC1C,QAAQ,CAAC,CAAQ;GACnB,CACF;EAKA;EACA,UAAA;EACA,cAAc;CAChB,CAAC,GAGK,KADO,GAAM,cAAc,aAAa,cAAc,OAExD,KAAI,MACU,EAAI,OAAO,IAEX,SAAS,EAAE,QAAQ,UAAU,EAAE,CAC9C,EACA,QAAO,MAAS,KAAS,IAAI,GAC1B,IAAM,QAAc,EAAoB,CAAQ,GAAG,CAAC,CAAQ,CAAC;CACnE,OAAO,EAAS;EACd,GAAG;EACH,UAAU;EACV,SAAS,KACJ,EAAE,gBACM,EAAuB,GAAQ,CAAM,IAE9C;CACN,CAAC;AACH"}

package/dist/components/error/ErrorBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBanner.js","names":[],"sources":["../../../src/components/error/ErrorBanner.tsx"],"sourcesContent":["import React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Optional } from '@/utils/types/Optional'\nimport { Box, Button, Collapse, Stack } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { PropsWithChildren, useState } from 'react'\nimport {\n  ErrorBoundary,\n  ErrorBoundaryPropsWithComponent,\n  FallbackProps,\n} from 'react-error-boundary'\nimport FullWidthAlert from '../FullWidthAlert'\nimport SignInButton from '../SignInButton'\nimport { AlertButtonConfig } from '../FullWidthAlert/FullWidthAlert'\n\ntype ErrorBannerProps = {\n  error?: string | Error | SynapseClientError | null\n  reloadButtonFn?: () => void\n}\n\nexport const YOU_ARE_NOT_AUTHORIZED_MESSAGE =\n  'You are not authorized to access this resource.'\n\nexport const SignInPrompt = (): React.ReactNode => {\n  return (\n    <>\n      Please <SignInButton /> to view this resource.\n    </>\n  )\n}\n\nexport const ClientError = (props: {\n  error: SynapseClientError\n}): React.ReactNode => {\n  const [showDetailedError, setShowDetailedError] = useState(false)\n  const { isAuthenticated } = useSynapseContext()\n  const { error } = props\n  const loginError =\n    (error.status === 403 || error.status === 401) && !isAuthenticated\n  const accessDenied = error.status === 403 && isAuthenticated\n\n  if (loginError) {\n    return <SignInPrompt />\n  } else if (accessDenied) {\n    return (\n      <>\n        <Stack direction=\"row\" spacing={2}>\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n            }}\n          >\n            {YOU_ARE_NOT_AUTHORIZED_MESSAGE}\n          </Box>\n          <Button\n            variant=\"text\"\n            onClick={() => setShowDetailedError(show => !show)}\n          >\n            {showDetailedError ? 'Hide' : 'Show'} details\n          </Button>\n        </Stack>\n        <Collapse in={showDetailedError}>\n          <Box\n            sx={{\n              paddingTop: 1,\n            }}\n          >\n            <pre>{error.reason}</pre>\n          </Box>\n        </Collapse>\n      </>\n    )\n  } else {\n    return <>{error.reason}</>\n  }\n}\n\nexport const ErrorBanner = (props: ErrorBannerProps): React.ReactNode => {\n  const { error, reloadButtonFn } = props\n\n  if (!error) {\n    return <></>\n  }\n\n  let synapseClientError: SynapseClientError | undefined = undefined\n  let jsError: Error | undefined = undefined\n  let stringError: string | undefined = undefined\n  if (error instanceof SynapseClientError) {\n    synapseClientError = error\n  } else if (error instanceof Error) {\n    jsError = error\n  } else if (typeof error === 'string') {\n    stringError = error\n  }\n  const serverError = synapseClientError && synapseClientError.status >= 500\n  let primaryButtonConfig: AlertButtonConfig | undefined = undefined\n\n  if (serverError) {\n    primaryButtonConfig = {\n      text: 'Report Issue',\n      onClick: () => {\n        const issueUrl = `https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/16/create/84?description=${encodeURI(\n          `A server error occurred:\\n\\n${synapseClientError?.reason}`,\n        )}`\n        window.open(issueUrl, '_blank')\n      },\n    }\n  } else if (reloadButtonFn) {\n    primaryButtonConfig = {\n      text: 'Reload',\n      onClick: reloadButtonFn,\n    }\n  }\n\n  return (\n    <FullWidthAlert\n      variant={'danger'}\n      isGlobal={false}\n      description={\n        <>\n          {synapseClientError && <ClientError error={synapseClientError} />}\n          {jsError && jsError.message}\n          {stringError && stringError}\n        </>\n      }\n      primaryButtonConfig={primaryButtonConfig}\n    />\n  )\n}\n\nexport function ErrorFallbackComponent({\n  error,\n  resetErrorBoundary,\n}: FallbackProps) {\n  return (\n    <div className=\"SRC-marginBottomTop\">\n      <ErrorBanner\n        error={error}\n        reloadButtonFn={resetErrorBoundary}\n      ></ErrorBanner>\n    </div>\n  )\n}\n\nexport function TableRowFallbackComponent({\n  error,\n  resetErrorBoundary,\n}: FallbackProps) {\n  return (\n    <tr>\n      <td colSpan={999}>\n        <ErrorBanner error={error} reloadButtonFn={resetErrorBoundary} />\n      </td>\n    </tr>\n  )\n}\n\n/**\n * This error boundary fallback component does not have a UI, it only outputs the error to console.error\n */\nexport function EmptyFallbackComponent({\n  error,\n  resetErrorBoundary,\n}: FallbackProps) {\n  console.error(error)\n  return <></>\n}\n\n/**\n * ErrorBoundary component that uses the default error fallback component, unless overridden.\n * Internally uses `react-error-boundary`.\n *\n * Use with {@link react-error-boundary#handleError | handleError}\n * @param props\n * @returns\n */\nexport const SynapseErrorBoundary = (\n  props: PropsWithChildren<\n    Optional<ErrorBoundaryPropsWithComponent, 'FallbackComponent'>\n  >,\n): React.ReactNode => (\n  <ErrorBoundary FallbackComponent={ErrorFallbackComponent} {...props} />\n)\n"],"mappings":";;;;;;;;;AAoBA,IAAa,IACX,mDAEW,UAET,kBAAA,GAAA,EAAA,UAAA;CAAE;CACO,kBAAC,GAAD,EAAgB,CAAA;;CACtB,EAAA,CAAA,EAIM,KAAe,MAEL;CACrB,IAAM,CAAC,GAAmB,KAAwB,EAAS,GAAM,EAC3D,EAAE,uBAAoB,GAAmB,EACzC,EAAE,aAAU,GACZ,KACH,EAAM,WAAW,OAAO,EAAM,WAAW,QAAQ,CAAC,GAC/C,IAAe,EAAM,WAAW,OAAO;AAmC3C,QAjCE,IACK,kBAAC,GAAD,EAAgB,CAAA,GACd,IAEP,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAO,WAAU;EAAM,SAAS;YAAhC,CACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACb;aAEA;GACG,CAAA,EACN,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe,GAAqB,MAAQ,CAAC,EAAK;aAFpD,CAIG,IAAoB,SAAS,QAAO,WAC9B;KACH;KACR,kBAAC,GAAD;EAAU,IAAI;YACZ,kBAAC,GAAD;GACE,IAAI,EACF,YAAY,GACb;aAED,kBAAC,OAAD,EAAA,UAAM,EAAM,QAAa,CAAA;GACrB,CAAA;EACG,CAAA,CACV,EAAA,CAAA,GAGE,kBAAA,GAAA,EAAA,UAAG,EAAM,QAAU,CAAA;GAIjB,KAAe,MAA6C;CACvE,IAAM,EAAE,UAAO,sBAAmB;AAElC,KAAI,CAAC,EACH,QAAO,kBAAA,GAAA,EAAK,CAAA;CAGd,IAAI,GACA,GACA;AACJ,CAAI,aAAiB,IACnB,IAAqB,IACZ,aAAiB,QAC1B,IAAU,IACD,OAAO,KAAU,aAC1B,IAAc;CAEhB,IAAM,IAAc,KAAsB,EAAmB,UAAU,KACnE;AAmBJ,QAjBI,IACF,IAAsB;EACpB,MAAM;EACN,eAAe;GACb,IAAM,IAAW,iGAAiG,UAChH,+BAA+B,GAAoB,SACpD;AACD,UAAO,KAAK,GAAU,SAAS;;EAElC,GACQ,MACT,IAAsB;EACpB,MAAM;EACN,SAAS;EACV,GAID,kBAAC,GAAD;EACE,SAAS;EACT,UAAU;EACV,aACE,kBAAA,GAAA,EAAA,UAAA;GACG,KAAsB,kBAAC,GAAD,EAAa,OAAO,GAAsB,CAAA;GAChE,KAAW,EAAQ;GACnB,KAAe;GACf,EAAA,CAAA;EAEgB;EACrB,CAAA;;AAIN,SAAgB,EAAuB,EACrC,UACA,yBACgB;AAChB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACS;GACP,gBAAgB;GACH,CAAA;EACX,CAAA;;AAIV,SAAgB,EAA0B,EACxC,UACA,yBACgB;AAChB,QACE,kBAAC,MAAD,EAAA,UACE,kBAAC,MAAD;EAAI,SAAS;YACX,kBAAC,GAAD;GAAoB;GAAO,gBAAgB;GAAsB,CAAA;EAC9D,CAAA,EACF,CAAA;;AAOT,SAAgB,EAAuB,EACrC,UACA,yBACgB;AAEhB,QADA,QAAQ,MAAM,EAAM,EACb,kBAAA,GAAA,EAAK,CAAA;;AAWd,IAAa,KACX,MAIA,kBAAC,GAAD;CAAe,mBAAmB;CAAwB,GAAI;CAAS,CAAA"}
+{"version":3,"file":"ErrorBanner.js","names":[],"sources":["../../../src/components/error/ErrorBanner.tsx"],"sourcesContent":["import React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Optional } from '@/utils/types/Optional'\nimport { Box, Button, Collapse, Stack } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { PropsWithChildren, useState } from 'react'\nimport {\n  ErrorBoundary,\n  ErrorBoundaryPropsWithComponent,\n  FallbackProps,\n} from 'react-error-boundary'\nimport FullWidthAlert from '../FullWidthAlert'\nimport SignInButton from '../SignInButton'\nimport { AlertButtonConfig } from '../FullWidthAlert/FullWidthAlert'\n\ntype ErrorBannerProps = {\n  error?: string | Error | SynapseClientError | null\n  reloadButtonFn?: () => void\n}\n\nexport const YOU_ARE_NOT_AUTHORIZED_MESSAGE =\n  'You are not authorized to access this resource.'\n\nexport const SignInPrompt = (): React.ReactNode => {\n  return (\n    <>\n      Please <SignInButton /> to view this resource.\n    </>\n  )\n}\n\nexport const ClientError = (props: {\n  error: SynapseClientError\n}): React.ReactNode => {\n  const [showDetailedError, setShowDetailedError] = useState(false)\n  const { isAuthenticated } = useSynapseContext()\n  const { error } = props\n  const loginError =\n    (error.status === 403 || error.status === 401) && !isAuthenticated\n  const accessDenied = error.status === 403 && isAuthenticated\n\n  if (loginError) {\n    return <SignInPrompt />\n  } else if (accessDenied) {\n    return (\n      <>\n        <Stack direction=\"row\" spacing={2}>\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n            }}\n          >\n            {YOU_ARE_NOT_AUTHORIZED_MESSAGE}\n          </Box>\n          <Button\n            variant=\"text\"\n            onClick={() => setShowDetailedError(show => !show)}\n          >\n            {showDetailedError ? 'Hide' : 'Show'} details\n          </Button>\n        </Stack>\n        <Collapse in={showDetailedError}>\n          <Box\n            sx={{\n              paddingTop: 1,\n            }}\n          >\n            <pre>{error.reason}</pre>\n          </Box>\n        </Collapse>\n      </>\n    )\n  } else {\n    return <>{error.reason}</>\n  }\n}\n\nexport const ErrorBanner = (props: ErrorBannerProps): React.ReactNode => {\n  const { error, reloadButtonFn } = props\n\n  if (!error) {\n    return <></>\n  }\n\n  let synapseClientError: SynapseClientError | undefined = undefined\n  let jsError: Error | undefined = undefined\n  let stringError: string | undefined = undefined\n  if (error instanceof SynapseClientError) {\n    synapseClientError = error\n  } else if (error instanceof Error) {\n    jsError = error\n  } else if (typeof error === 'string') {\n    stringError = error\n  }\n  const serverError = synapseClientError && synapseClientError.status >= 500\n  let primaryButtonConfig: AlertButtonConfig | undefined = undefined\n\n  if (serverError) {\n    primaryButtonConfig = {\n      text: 'Report Issue',\n      onClick: () => {\n        const issueUrl = `https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/16/create/84?description=${encodeURI(\n          `A server error occurred:\\n\\n${synapseClientError?.reason}`,\n        )}`\n        window.open(issueUrl, '_blank')\n      },\n    }\n  } else if (reloadButtonFn) {\n    primaryButtonConfig = {\n      text: 'Reload',\n      onClick: reloadButtonFn,\n    }\n  }\n\n  return (\n    <FullWidthAlert\n      variant={'danger'}\n      isGlobal={false}\n      description={\n        <>\n          {synapseClientError && <ClientError error={synapseClientError} />}\n          {jsError && jsError.message}\n          {stringError && stringError}\n        </>\n      }\n      primaryButtonConfig={primaryButtonConfig}\n    />\n  )\n}\n\nexport function ErrorFallbackComponent({\n  error,\n  resetErrorBoundary,\n}: FallbackProps) {\n  return (\n    <div className=\"SRC-marginBottomTop\">\n      <ErrorBanner\n        error={error}\n        reloadButtonFn={resetErrorBoundary}\n      ></ErrorBanner>\n    </div>\n  )\n}\n\nexport function TableRowFallbackComponent({\n  error,\n  resetErrorBoundary,\n}: FallbackProps) {\n  return (\n    <tr>\n      <td colSpan={999}>\n        <ErrorBanner error={error} reloadButtonFn={resetErrorBoundary} />\n      </td>\n    </tr>\n  )\n}\n\n/**\n * This error boundary fallback component does not have a UI, it only outputs the error to console.error\n */\nexport function EmptyFallbackComponent({\n  error,\n  resetErrorBoundary,\n}: FallbackProps) {\n  console.error(error)\n  return <></>\n}\n\n/**\n * ErrorBoundary component that uses the default error fallback component, unless overridden.\n * Internally uses `react-error-boundary`.\n *\n * Use with {@link react-error-boundary#handleError | handleError}\n * @param props\n * @returns\n */\nexport const SynapseErrorBoundary = (\n  props: PropsWithChildren<\n    Optional<ErrorBoundaryPropsWithComponent, 'FallbackComponent'>\n  >,\n): React.ReactNode => (\n  <ErrorBoundary FallbackComponent={ErrorFallbackComponent} {...props} />\n)\n"],"mappings":";;;;;;;;;AAoBA,IAAa,IACX,mDAEW,UAET,kBAAA,GAAA,EAAA,UAAA;CAAE;CACO,kBAAC,GAAD,CAAe,CAAA;CAAC;AACvB,EAAA,CAAA,GAIO,KAAe,MAEL;CACrB,IAAM,CAAC,GAAmB,KAAwB,EAAS,EAAK,GAC1D,EAAE,uBAAoB,EAAkB,GACxC,EAAE,aAAU,GACZ,KACH,EAAM,WAAW,OAAO,EAAM,WAAW,QAAQ,CAAC,GAC/C,IAAe,EAAM,WAAW,OAAO;CAmC3C,OAjCE,IACK,kBAAC,GAAD,CAAe,CAAA,IACb,IAEP,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAO,WAAU;EAAM,SAAS;YAAhC,CACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;GACd;aAEC;EACE,CAAA,GACL,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe,GAAqB,MAAQ,CAAC,CAAI;aAFnD,CAIG,IAAoB,SAAS,QAAO,UAC/B;IACH;KACP,kBAAC,GAAD;EAAU,IAAI;YACZ,kBAAC,GAAD;GACE,IAAI,EACF,YAAY,EACd;aAEA,kBAAC,OAAD,EAAA,UAAM,EAAM,OAAY,CAAA;EACrB,CAAA;CACG,CAAA,CACV,EAAA,CAAA,IAGG,kBAAA,GAAA,EAAA,UAAG,EAAM,OAAS,CAAA;AAE7B,GAEa,KAAe,MAA6C;CACvE,IAAM,EAAE,UAAO,sBAAmB;CAElC,IAAI,CAAC,GACH,OAAO,kBAAA,GAAA,CAAI,CAAA;CAGb,IAAI,GACA,GACA;CACJ,AAAI,aAAiB,IACnB,IAAqB,IACZ,aAAiB,QAC1B,IAAU,IACD,OAAO,KAAU,aAC1B,IAAc;CAEhB,IAAM,IAAc,KAAsB,EAAmB,UAAU,KACnE;CAmBJ,OAjBI,IACF,IAAsB;EACpB,MAAM;EACN,eAAe;GACb,IAAM,IAAW,iGAAiG,UAChH,+BAA+B,GAAoB,QACrD;GACA,OAAO,KAAK,GAAU,QAAQ;EAChC;CACF,IACS,MACT,IAAsB;EACpB,MAAM;EACN,SAAS;CACX,IAIA,kBAAC,GAAD;EACE,SAAS;EACT,UAAU;EACV,aACE,kBAAA,GAAA,EAAA,UAAA;GACG,KAAsB,kBAAC,GAAD,EAAa,OAAO,EAAqB,CAAA;GAC/D,KAAW,EAAQ;GACnB,KAAe;EAChB,EAAA,CAAA;EAEiB;CACtB,CAAA;AAEL;AAEA,SAAgB,EAAuB,EACrC,UACA,yBACgB;CAChB,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACS;GACP,gBAAgB;EACJ,CAAA;CACX,CAAA;AAET;AAEA,SAAgB,EAA0B,EACxC,UACA,yBACgB;CAChB,OACE,kBAAC,MAAD,EAAA,UACE,kBAAC,MAAD;EAAI,SAAS;YACX,kBAAC,GAAD;GAAoB;GAAO,gBAAgB;EAAqB,CAAA;CAC9D,CAAA,EACF,CAAA;AAER;AAKA,SAAgB,EAAuB,EACrC,UACA,yBACgB;CAEhB,OADA,QAAQ,MAAM,CAAK,GACZ,kBAAA,GAAA,CAAI,CAAA;AACb;AAUA,IAAa,KACX,MAIA,kBAAC,GAAD;CAAe,mBAAmB;CAAwB,GAAI;AAAQ,CAAA"}

package/dist/components/error/ErrorChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorChip.js","names":[],"sources":["../../../src/components/error/ErrorChip.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { ErrorOutlined, LockOutlined } from '@mui/icons-material'\nimport { Avatar, Chip, Tooltip } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { SignInPrompt, YOU_ARE_NOT_AUTHORIZED_MESSAGE } from './ErrorBanner'\n\nexport type ErrorChipProps = {\n  chipText: string\n  error: SynapseClientError\n}\n\n/**\n * A chip component for handling inline errors, where some information can be shown (e.g. an ID) without breaking an entire component.\n * @constructor\n */\nexport default function ErrorChip(props: ErrorChipProps) {\n  const { chipText, error } = props\n  const { isAuthenticated } = useSynapseContext()\n\n  const loginError =\n    (error.status === 403 || error.status === 401) && !isAuthenticated\n  const accessDenied = error.status === 403 && isAuthenticated\n\n  const variant = loginError ? 'warning' : 'error'\n  let avatar\n  let icon\n  if (loginError || accessDenied) {\n    avatar = (\n      <Avatar sx={{ bgcolor: `${variant}.main` }}>\n        <LockOutlined sx={{ color: 'white', width: '18px' }} />\n      </Avatar>\n    )\n  } else {\n    icon = loginError || accessDenied ? undefined : <ErrorOutlined />\n  }\n  let tooltipText\n  if (loginError) {\n    tooltipText = <SignInPrompt />\n  } else if (accessDenied) {\n    tooltipText = YOU_ARE_NOT_AUTHORIZED_MESSAGE\n  } else {\n    tooltipText = error.reason\n  }\n\n  return (\n    <Tooltip title={tooltipText}>\n      <Chip\n        avatar={avatar}\n        color={variant}\n        variant=\"outlined\"\n        icon={icon}\n        label={chipText}\n      />\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;AAeA,SAAwB,EAAU,GAAuB;CACvD,IAAM,EAAE,aAAU,aAAU,GACtB,EAAE,uBAAoB,GAAmB,EAEzC,KACH,EAAM,WAAW,OAAO,EAAM,WAAW,QAAQ,CAAC,GAC/C,IAAe,EAAM,WAAW,OAAO,GAEvC,IAAU,IAAa,YAAY,SACrC,GACA;AACJ,CAAI,KAAc,IAChB,IACE,kBAAC,GAAD;EAAQ,IAAI,EAAE,SAAS,GAAG,EAAQ,QAAQ;YACxC,kBAAC,GAAD,EAAc,IAAI;GAAE,OAAO;GAAS,OAAO;GAAQ,EAAI,CAAA;EAChD,CAAA,GAGX,IAAO,KAAc,IAAe,KAAA,IAAY,kBAAC,GAAD,EAAiB,CAAA;CAEnE,IAAI;AASJ,QARA,AAKE,IALE,IACY,kBAAC,GAAD,EAAgB,CAAA,GACrB,IACK,IAEA,EAAM,QAIpB,kBAAC,GAAD;EAAS,OAAO;YACd,kBAAC,GAAD;GACU;GACR,OAAO;GACP,SAAQ;GACF;GACN,OAAO;GACP,CAAA;EACM,CAAA"}
+{"version":3,"file":"ErrorChip.js","names":[],"sources":["../../../src/components/error/ErrorChip.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { ErrorOutlined, LockOutlined } from '@mui/icons-material'\nimport { Avatar, Chip, Tooltip } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { SignInPrompt, YOU_ARE_NOT_AUTHORIZED_MESSAGE } from './ErrorBanner'\n\nexport type ErrorChipProps = {\n  chipText: string\n  error: SynapseClientError\n}\n\n/**\n * A chip component for handling inline errors, where some information can be shown (e.g. an ID) without breaking an entire component.\n * @constructor\n */\nexport default function ErrorChip(props: ErrorChipProps) {\n  const { chipText, error } = props\n  const { isAuthenticated } = useSynapseContext()\n\n  const loginError =\n    (error.status === 403 || error.status === 401) && !isAuthenticated\n  const accessDenied = error.status === 403 && isAuthenticated\n\n  const variant = loginError ? 'warning' : 'error'\n  let avatar\n  let icon\n  if (loginError || accessDenied) {\n    avatar = (\n      <Avatar sx={{ bgcolor: `${variant}.main` }}>\n        <LockOutlined sx={{ color: 'white', width: '18px' }} />\n      </Avatar>\n    )\n  } else {\n    icon = loginError || accessDenied ? undefined : <ErrorOutlined />\n  }\n  let tooltipText\n  if (loginError) {\n    tooltipText = <SignInPrompt />\n  } else if (accessDenied) {\n    tooltipText = YOU_ARE_NOT_AUTHORIZED_MESSAGE\n  } else {\n    tooltipText = error.reason\n  }\n\n  return (\n    <Tooltip title={tooltipText}>\n      <Chip\n        avatar={avatar}\n        color={variant}\n        variant=\"outlined\"\n        icon={icon}\n        label={chipText}\n      />\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;AAeA,SAAwB,EAAU,GAAuB;CACvD,IAAM,EAAE,aAAU,aAAU,GACtB,EAAE,uBAAoB,EAAkB,GAExC,KACH,EAAM,WAAW,OAAO,EAAM,WAAW,QAAQ,CAAC,GAC/C,IAAe,EAAM,WAAW,OAAO,GAEvC,IAAU,IAAa,YAAY,SACrC,GACA;CACJ,AAAI,KAAc,IAChB,IACE,kBAAC,GAAD;EAAQ,IAAI,EAAE,SAAS,GAAG,EAAQ,OAAO;YACvC,kBAAC,GAAD,EAAc,IAAI;GAAE,OAAO;GAAS,OAAO;EAAO,EAAI,CAAA;CAChD,CAAA,IAGV,IAAO,KAAc,IAAe,KAAA,IAAY,kBAAC,GAAD,CAAgB,CAAA;CAElE,IAAI;CASJ,OARA,AAKE,IALE,IACY,kBAAC,GAAD,CAAe,CAAA,IACpB,IACK,IAEA,EAAM,QAIpB,kBAAC,GAAD;EAAS,OAAO;YACd,kBAAC,GAAD;GACU;GACR,OAAO;GACP,SAAQ;GACF;GACN,OAAO;EACR,CAAA;CACM,CAAA;AAEb"}

package/dist/components/error/ErrorPage.js

@@ -14,50 +14,50 @@ var g = "Synapse is down for maintenance.", _ = "You don’t have permission to
 	return e.DOWN = "DOWN", e.ACCESS_DENIED = "ACCESS_DENIED", e.NOT_FOUND = "NOT_FOUND", e;
 }({}), O = (e) => {
 	switch (e) {
-		case D.DOWN: return /* @__PURE__ */ p(t, {
+		case "DOWN": return /* @__PURE__ */ p(t, {
 			role: "img",
 			"aria-label": "Synapse is Down image",
-			title: D.DOWN
+			title: "DOWN"
 		});
-		case D.ACCESS_DENIED: return /* @__PURE__ */ p(n, {
+		case "ACCESS_DENIED": return /* @__PURE__ */ p(n, {
 			role: "img",
 			"aria-label": "Access denied image",
-			title: D.ACCESS_DENIED
+			title: "ACCESS_DENIED"
 		});
-		case D.NOT_FOUND: return /* @__PURE__ */ p(r, {
+		case "NOT_FOUND": return /* @__PURE__ */ p(r, {
 			role: "img",
 			"aria-label": "Resource not found image",
-			title: D.NOT_FOUND
+			title: "NOT_FOUND"
 		});
 		default: return /* @__PURE__ */ p(f, {});
 	}
 }, k = (e) => {
 	switch (e) {
-		case D.DOWN: return g;
-		case D.ACCESS_DENIED: return _;
-		case D.NOT_FOUND: return v;
+		case "DOWN": return g;
+		case "ACCESS_DENIED": return _;
+		case "NOT_FOUND": return v;
 		default: return "";
 	}
 };
 function A(t) {
-	let { type: n, message: r, gotoPlace: g, id: _, version: v, objectType: x, portalId: E } = t, [A, j] = c(!1), { isAuthenticated: M } = e(), N = s(() => O(n), [n]), P = s(() => k(n), [n]), F = s(() => {
+	let { type: n, message: r, gotoPlace: g, id: _, version: v, objectType: x, portalId: E } = t, [D, A] = c(!1), { isAuthenticated: j } = e(), M = s(() => O(n), [n]), N = s(() => k(n), [n]), P = s(() => {
 		let e = [];
 		switch (n) {
-			case D.ACCESS_DENIED:
-				M ? e.push(C) : e.push(S);
+			case "ACCESS_DENIED":
+				j ? e.push(C) : e.push(S);
 				break;
-			case D.NOT_FOUND:
+			case "NOT_FOUND":
 				e.push(w);
 				break;
 		}
 		return r && e.push(r), e;
 	}, [
 		n,
-		M,
+		j,
 		r
-	]), I = s(() => {
+	]), F = s(() => {
 		let e = [];
-		return n === D.ACCESS_DENIED && (M ? _ && e.push({
+		return n === "ACCESS_DENIED" && (j ? _ && e.push({
 			linkText: b,
 			onClick: () => window.open("https://sagebionetworks.jira.com/servicedesk/customer/portals", "_blank"),
 			description: ""
@@ -68,10 +68,10 @@ function A(t) {
 		})), e;
 	}, [
 		n,
-		M,
+		j,
 		_,
 		g
-	]), L = o(() => j(!1), []);
+	]), I = o(() => A(!1), []);
 	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m(l, {
 		sx: {
 			display: {
@@ -96,7 +96,7 @@ function A(t) {
 				pt: "50px",
 				pb: "50px"
 			},
-			children: N
+			children: M
 		}), /* @__PURE__ */ m(l, {
 			sx: {
 				justifySelf: "start",
@@ -117,13 +117,13 @@ function A(t) {
 						fontWeight: 700,
 						lineHeight: "36px"
 					},
-					children: P
+					children: N
 				}),
-				F.map((e) => /* @__PURE__ */ p(d, {
+				P.map((e) => /* @__PURE__ */ p(d, {
 					variant: "body1",
 					children: e
 				}, e)),
-				I.map((e) => {
+				F.map((e) => {
 					let { onClick: t, linkText: n, description: r } = e;
 					return /* @__PURE__ */ m(l, { children: [/* @__PURE__ */ p(u, {
 						sx: { fontSize: "16px" },
@@ -143,8 +143,8 @@ function A(t) {
 			]
 		})]
 	}), _ && x === h.ENTITY && /* @__PURE__ */ p(a, {
-		isOpen: A,
-		onHide: L,
+		isOpen: D,
+		onHide: I,
 		entityId: _
 	})] });
 }

package/dist/components/error/ErrorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.js","names":[],"sources":["../../../src/components/error/ErrorPage.tsx"],"sourcesContent":["import { ReactComponent as MaintenanceSvg } from '@/assets/icons/error_page/maintenance.svg'\nimport { ReactComponent as NoAccessSvg } from '@/assets/icons/error_page/no-access.svg'\nimport { ReactComponent as UnavailableSvg } from '@/assets/icons/error_page/unavailable.svg'\nimport { useSynapseContext } from '@/utils'\nimport { Box, Link, Typography } from '@mui/material'\nimport { useCallback, useMemo, useState } from 'react'\nimport SynapseObjectDOIInfo from './SynapseObjectDOIInfo'\nimport SendMessageToEntityOwnerDialog from './SendMessageToEntityOwnerDialog'\nimport { DoiObjectType } from '@sage-bionetworks/synapse-client/generated/models/DoiObjectType'\n\nexport type ErrorPageProps = {\n  type: SynapseErrorType\n  message?: string // custom message to report\n  /** The ID of the object that was attempted to be retrieved, which may be used to show a 'tombstone' */\n  id?: string\n  /** The version of the object that was attempted to be retrieved, which may be used to show a 'tombstone' */\n  version?: number\n  /** The type of the object that was attempted to be retrieved, which may be used to show a 'tombstone' */\n  objectType?: DoiObjectType\n  /** If on a portal that may mint DOIs, this portal ID may be used to find a DOI to show a 'tombstone' */\n  portalId?: string\n\n  gotoPlace: (href: string) => void\n}\n\nexport const SYNAPSE_DOWN_TITLE = 'Synapse is down for maintenance.'\nexport const ACCESS_DENIED_TITLE = 'You don’t have permission to view this.'\nexport const NOT_FOUND_TITLE = 'This page isn’t available.'\nexport const LOG_IN_LINK_TEXT = 'Log in to Synapse'\nexport const CONTACT_US_LINK_TEXT = 'Contact us for more information'\nexport const CONTACT_ADMIN_LINK_TEXT = 'Contact the Administrator'\nexport const ACCESS_DENIED_ANONYMOUS_MESSAGE =\n  'Try logging in. If you still see this message after logging in, you have not been granted access to view this resource.'\nexport const ACCESS_DENIED_MESSAGE =\n  'This account has not been granted access to view this resource.'\nexport const NOT_FOUND_MESSAGE =\n  'The link you followed may be broken, or the page may have been removed.'\nexport const ACCESS_DENIED_ANONYMOUS_ACTION_DESCRIPTION =\n  'A Synapse account is free, and lets you view public resources.'\nexport const ACCESS_DENIED_CONTACT_ADMIN_ACTION_DESCRIPTION =\n  'Write a message to the owner of the resource asking for permission to view.'\n\nexport enum SynapseErrorType {\n  DOWN = 'DOWN',\n  ACCESS_DENIED = 'ACCESS_DENIED',\n  NOT_FOUND = 'NOT_FOUND',\n}\n\nconst getImage = (type: SynapseErrorType) => {\n  switch (type) {\n    case SynapseErrorType.DOWN:\n      return (\n        <MaintenanceSvg\n          role=\"img\"\n          aria-label=\"Synapse is Down image\"\n          title={SynapseErrorType.DOWN}\n        />\n      )\n    case SynapseErrorType.ACCESS_DENIED:\n      return (\n        <NoAccessSvg\n          role=\"img\"\n          aria-label=\"Access denied image\"\n          title={SynapseErrorType.ACCESS_DENIED}\n        />\n      )\n    case SynapseErrorType.NOT_FOUND:\n      return (\n        <UnavailableSvg\n          role=\"img\"\n          aria-label=\"Resource not found image\"\n          title={SynapseErrorType.NOT_FOUND}\n        />\n      )\n    default:\n      return <></>\n  }\n}\nconst getTitle = (type: SynapseErrorType) => {\n  switch (type) {\n    case SynapseErrorType.DOWN:\n      return SYNAPSE_DOWN_TITLE\n    case SynapseErrorType.ACCESS_DENIED:\n      return ACCESS_DENIED_TITLE\n    case SynapseErrorType.NOT_FOUND:\n      return NOT_FOUND_TITLE\n    default:\n      return ''\n  }\n}\n\ntype ErrorPageAction = {\n  linkText: string\n  onClick: () => void\n  description: string\n}\n\nfunction ErrorPage(props: ErrorPageProps) {\n  const { type, message, gotoPlace, id, version, objectType, portalId } = props\n  const [isSendMessageToAdminDialogOpen, setSendMessageToAdminDialogOpen] =\n    useState<boolean>(false)\n  const { isAuthenticated } = useSynapseContext()\n  const image = useMemo(() => getImage(type), [type])\n  const title = useMemo(() => getTitle(type), [type])\n\n  const messages = useMemo(() => {\n    const msgs: string[] = []\n    switch (type) {\n      case SynapseErrorType.ACCESS_DENIED:\n        if (!isAuthenticated) {\n          msgs.push(ACCESS_DENIED_ANONYMOUS_MESSAGE)\n        } else {\n          msgs.push(ACCESS_DENIED_MESSAGE)\n        }\n        break\n      case SynapseErrorType.NOT_FOUND:\n        msgs.push(NOT_FOUND_MESSAGE)\n        break\n    }\n    if (message) {\n      msgs.push(message)\n    }\n    return msgs\n  }, [type, isAuthenticated, message])\n\n  const actions = useMemo(() => {\n    const acts: ErrorPageAction[] = []\n    if (type === SynapseErrorType.ACCESS_DENIED) {\n      if (!isAuthenticated) {\n        acts.push({\n          linkText: LOG_IN_LINK_TEXT,\n          onClick: () => gotoPlace('/LoginPlace:0'),\n          description: ACCESS_DENIED_ANONYMOUS_ACTION_DESCRIPTION,\n        })\n      } else if (id) {\n        acts.push({\n          linkText: CONTACT_US_LINK_TEXT,\n          onClick: () =>\n            window.open(\n              'https://sagebionetworks.jira.com/servicedesk/customer/portals',\n              '_blank',\n            ),\n          description: '',\n        })\n        // SWC-7073: Remove ability to send a message to the admins until we have a better option for the majority of the cases (service desk, contact emails, ...)\n        // acts.push({\n        //   linkText: CONTACT_ADMIN_LINK_TEXT,\n        //   onClick: () => setSendMessageToAdminDialogOpen(true),\n        //   description: ACCESS_DENIED_CONTACT_ADMIN_ACTION_DESCRIPTION,\n        // })\n      }\n    }\n    return acts\n  }, [type, isAuthenticated, id, gotoPlace])\n\n  const handleCloseDialog = useCallback(\n    () => setSendMessageToAdminDialogOpen(false),\n    [],\n  )\n  return (\n    <>\n      <Box\n        sx={{\n          display: { xs: 'flex', lg: 'grid' },\n          columnGap: '80px',\n          flexDirection: { xs: 'column', lg: undefined },\n          gridTemplateColumns: { lg: '40% 60%' },\n        }}\n      >\n        <Box\n          sx={{\n            justifySelf: 'end',\n            alignSelf: 'center',\n            '& svg': {\n              height: '360px',\n              maxWidth: '300px',\n            },\n            pt: '50px',\n            pb: '50px',\n          }}\n        >\n          {image}\n        </Box>\n        <Box\n          sx={{\n            justifySelf: 'start',\n            alignSelf: 'center',\n            display: 'flex',\n            flexDirection: 'column',\n            gap: '20px',\n            m: { xs: '15px', lg: undefined },\n            mr: { lg: '100px' },\n          }}\n        >\n          <Typography\n            sx={{ fontSize: '30px', fontWeight: 700, lineHeight: '36px' }}\n          >\n            {title}\n          </Typography>\n          {messages.map(message => {\n            return (\n              <Typography variant=\"body1\" key={message}>\n                {message}\n              </Typography>\n            )\n          })}\n          {actions.map(action => {\n            const { onClick, linkText, description } = action\n            return (\n              <Box key={linkText}>\n                <Link sx={{ fontSize: '16px' }} onClick={onClick}>\n                  {linkText}\n                </Link>\n                <Typography variant=\"body1\">{description}</Typography>\n              </Box>\n            )\n          })}\n          {id && objectType && (\n            <SynapseObjectDOIInfo\n              id={id}\n              version={version}\n              type={objectType}\n              portalId={portalId}\n            />\n          )}\n        </Box>\n      </Box>\n      {id && objectType === DoiObjectType.ENTITY && (\n        <SendMessageToEntityOwnerDialog\n          isOpen={isSendMessageToAdminDialogOpen}\n          onHide={handleCloseDialog}\n          entityId={id}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ErrorPage\n"],"mappings":"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"}
+{"version":3,"file":"ErrorPage.js","names":[],"sources":["../../../src/components/error/ErrorPage.tsx"],"sourcesContent":["import { ReactComponent as MaintenanceSvg } from '@/assets/icons/error_page/maintenance.svg'\nimport { ReactComponent as NoAccessSvg } from '@/assets/icons/error_page/no-access.svg'\nimport { ReactComponent as UnavailableSvg } from '@/assets/icons/error_page/unavailable.svg'\nimport { useSynapseContext } from '@/utils'\nimport { Box, Link, Typography } from '@mui/material'\nimport { useCallback, useMemo, useState } from 'react'\nimport SynapseObjectDOIInfo from './SynapseObjectDOIInfo'\nimport SendMessageToEntityOwnerDialog from './SendMessageToEntityOwnerDialog'\nimport { DoiObjectType } from '@sage-bionetworks/synapse-client/generated/models/DoiObjectType'\n\nexport type ErrorPageProps = {\n  type: SynapseErrorType\n  message?: string // custom message to report\n  /** The ID of the object that was attempted to be retrieved, which may be used to show a 'tombstone' */\n  id?: string\n  /** The version of the object that was attempted to be retrieved, which may be used to show a 'tombstone' */\n  version?: number\n  /** The type of the object that was attempted to be retrieved, which may be used to show a 'tombstone' */\n  objectType?: DoiObjectType\n  /** If on a portal that may mint DOIs, this portal ID may be used to find a DOI to show a 'tombstone' */\n  portalId?: string\n\n  gotoPlace: (href: string) => void\n}\n\nexport const SYNAPSE_DOWN_TITLE = 'Synapse is down for maintenance.'\nexport const ACCESS_DENIED_TITLE = 'You don’t have permission to view this.'\nexport const NOT_FOUND_TITLE = 'This page isn’t available.'\nexport const LOG_IN_LINK_TEXT = 'Log in to Synapse'\nexport const CONTACT_US_LINK_TEXT = 'Contact us for more information'\nexport const CONTACT_ADMIN_LINK_TEXT = 'Contact the Administrator'\nexport const ACCESS_DENIED_ANONYMOUS_MESSAGE =\n  'Try logging in. If you still see this message after logging in, you have not been granted access to view this resource.'\nexport const ACCESS_DENIED_MESSAGE =\n  'This account has not been granted access to view this resource.'\nexport const NOT_FOUND_MESSAGE =\n  'The link you followed may be broken, or the page may have been removed.'\nexport const ACCESS_DENIED_ANONYMOUS_ACTION_DESCRIPTION =\n  'A Synapse account is free, and lets you view public resources.'\nexport const ACCESS_DENIED_CONTACT_ADMIN_ACTION_DESCRIPTION =\n  'Write a message to the owner of the resource asking for permission to view.'\n\nexport enum SynapseErrorType {\n  DOWN = 'DOWN',\n  ACCESS_DENIED = 'ACCESS_DENIED',\n  NOT_FOUND = 'NOT_FOUND',\n}\n\nconst getImage = (type: SynapseErrorType) => {\n  switch (type) {\n    case SynapseErrorType.DOWN:\n      return (\n        <MaintenanceSvg\n          role=\"img\"\n          aria-label=\"Synapse is Down image\"\n          title={SynapseErrorType.DOWN}\n        />\n      )\n    case SynapseErrorType.ACCESS_DENIED:\n      return (\n        <NoAccessSvg\n          role=\"img\"\n          aria-label=\"Access denied image\"\n          title={SynapseErrorType.ACCESS_DENIED}\n        />\n      )\n    case SynapseErrorType.NOT_FOUND:\n      return (\n        <UnavailableSvg\n          role=\"img\"\n          aria-label=\"Resource not found image\"\n          title={SynapseErrorType.NOT_FOUND}\n        />\n      )\n    default:\n      return <></>\n  }\n}\nconst getTitle = (type: SynapseErrorType) => {\n  switch (type) {\n    case SynapseErrorType.DOWN:\n      return SYNAPSE_DOWN_TITLE\n    case SynapseErrorType.ACCESS_DENIED:\n      return ACCESS_DENIED_TITLE\n    case SynapseErrorType.NOT_FOUND:\n      return NOT_FOUND_TITLE\n    default:\n      return ''\n  }\n}\n\ntype ErrorPageAction = {\n  linkText: string\n  onClick: () => void\n  description: string\n}\n\nfunction ErrorPage(props: ErrorPageProps) {\n  const { type, message, gotoPlace, id, version, objectType, portalId } = props\n  const [isSendMessageToAdminDialogOpen, setSendMessageToAdminDialogOpen] =\n    useState<boolean>(false)\n  const { isAuthenticated } = useSynapseContext()\n  const image = useMemo(() => getImage(type), [type])\n  const title = useMemo(() => getTitle(type), [type])\n\n  const messages = useMemo(() => {\n    const msgs: string[] = []\n    switch (type) {\n      case SynapseErrorType.ACCESS_DENIED:\n        if (!isAuthenticated) {\n          msgs.push(ACCESS_DENIED_ANONYMOUS_MESSAGE)\n        } else {\n          msgs.push(ACCESS_DENIED_MESSAGE)\n        }\n        break\n      case SynapseErrorType.NOT_FOUND:\n        msgs.push(NOT_FOUND_MESSAGE)\n        break\n    }\n    if (message) {\n      msgs.push(message)\n    }\n    return msgs\n  }, [type, isAuthenticated, message])\n\n  const actions = useMemo(() => {\n    const acts: ErrorPageAction[] = []\n    if (type === SynapseErrorType.ACCESS_DENIED) {\n      if (!isAuthenticated) {\n        acts.push({\n          linkText: LOG_IN_LINK_TEXT,\n          onClick: () => gotoPlace('/LoginPlace:0'),\n          description: ACCESS_DENIED_ANONYMOUS_ACTION_DESCRIPTION,\n        })\n      } else if (id) {\n        acts.push({\n          linkText: CONTACT_US_LINK_TEXT,\n          onClick: () =>\n            window.open(\n              'https://sagebionetworks.jira.com/servicedesk/customer/portals',\n              '_blank',\n            ),\n          description: '',\n        })\n        // SWC-7073: Remove ability to send a message to the admins until we have a better option for the majority of the cases (service desk, contact emails, ...)\n        // acts.push({\n        //   linkText: CONTACT_ADMIN_LINK_TEXT,\n        //   onClick: () => setSendMessageToAdminDialogOpen(true),\n        //   description: ACCESS_DENIED_CONTACT_ADMIN_ACTION_DESCRIPTION,\n        // })\n      }\n    }\n    return acts\n  }, [type, isAuthenticated, id, gotoPlace])\n\n  const handleCloseDialog = useCallback(\n    () => setSendMessageToAdminDialogOpen(false),\n    [],\n  )\n  return (\n    <>\n      <Box\n        sx={{\n          display: { xs: 'flex', lg: 'grid' },\n          columnGap: '80px',\n          flexDirection: { xs: 'column', lg: undefined },\n          gridTemplateColumns: { lg: '40% 60%' },\n        }}\n      >\n        <Box\n          sx={{\n            justifySelf: 'end',\n            alignSelf: 'center',\n            '& svg': {\n              height: '360px',\n              maxWidth: '300px',\n            },\n            pt: '50px',\n            pb: '50px',\n          }}\n        >\n          {image}\n        </Box>\n        <Box\n          sx={{\n            justifySelf: 'start',\n            alignSelf: 'center',\n            display: 'flex',\n            flexDirection: 'column',\n            gap: '20px',\n            m: { xs: '15px', lg: undefined },\n            mr: { lg: '100px' },\n          }}\n        >\n          <Typography\n            sx={{ fontSize: '30px', fontWeight: 700, lineHeight: '36px' }}\n          >\n            {title}\n          </Typography>\n          {messages.map(message => {\n            return (\n              <Typography variant=\"body1\" key={message}>\n                {message}\n              </Typography>\n            )\n          })}\n          {actions.map(action => {\n            const { onClick, linkText, description } = action\n            return (\n              <Box key={linkText}>\n                <Link sx={{ fontSize: '16px' }} onClick={onClick}>\n                  {linkText}\n                </Link>\n                <Typography variant=\"body1\">{description}</Typography>\n              </Box>\n            )\n          })}\n          {id && objectType && (\n            <SynapseObjectDOIInfo\n              id={id}\n              version={version}\n              type={objectType}\n              portalId={portalId}\n            />\n          )}\n        </Box>\n      </Box>\n      {id && objectType === DoiObjectType.ENTITY && (\n        <SendMessageToEntityOwnerDialog\n          isOpen={isSendMessageToAdminDialogOpen}\n          onHide={handleCloseDialog}\n          entityId={id}\n        />\n      )}\n    </>\n  )\n}\n\nexport default ErrorPage\n"],"mappings":"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"}

package/dist/components/error/RouteErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteErrorBoundary.js","names":[],"sources":["../../../src/components/error/RouteErrorBoundary.tsx"],"sourcesContent":["import { Button, Collapse } from '@mui/material'\nimport { useState } from 'react'\nimport { useRouteError, isRouteErrorResponse } from 'react-router'\nimport styles from './RouteErrorBoundary.module.scss'\n\nexport type RouteErrorBoundaryProps = {\n  icon?: string\n}\n\n/**\n * Error boundary component for React Router routes.\n * This component catches errors that occur during route loading or rendering,\n * including module initialization errors like circular dependencies.\n */\nexport function RouteErrorBoundary(props: RouteErrorBoundaryProps) {\n  const { icon } = props\n  const error = useRouteError()\n  const [showDetails, setShowDetails] = useState(false)\n\n  let errorMessage: string\n  let errorDetails: string | undefined\n\n  if (isRouteErrorResponse(error)) {\n    errorMessage = `${error.status} ${error.statusText}`\n    errorDetails = error.data?.message\n  } else if (error instanceof Error) {\n    errorMessage = error.message\n    errorDetails = error.stack\n  } else if (typeof error === 'string') {\n    errorMessage = error\n  } else {\n    errorMessage = 'An unknown error occurred'\n  }\n\n  const handleReload = () => {\n    window.location.reload()\n  }\n\n  return (\n    <div className={styles.container}>\n      <div className={styles.errorBox}>\n        {icon && <img src={icon} alt=\"Logo\" className={styles.icon} />}\n        <h1 className={styles.errorTitle}>Something went wrong</h1>\n        <p className={styles.errorMessage}>{errorMessage}</p>\n        {errorDetails && (\n          <div className={styles.detailsContainer}>\n            <Button\n              variant=\"text\"\n              onClick={() => setShowDetails(!showDetails)}\n              className={styles.detailsButton}\n            >\n              {showDetails ? 'Hide' : 'Show'} details\n            </Button>\n            <Collapse in={showDetails}>\n              <div className={styles.detailsBox}>\n                <pre className={styles.detailsText}>{errorDetails}</pre>\n              </div>\n            </Collapse>\n          </div>\n        )}\n        <Button\n          variant=\"contained\"\n          onClick={handleReload}\n          className={styles.reloadButton}\n        >\n          Reload Page\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EAAE,YAAS,GACX,IAAQ,GAAe,EACvB,CAAC,GAAa,KAAkB,EAAS,GAAM,EAEjD,GACA;AAkBJ,QAhBI,EAAqB,EAAM,IAC7B,IAAe,GAAG,EAAM,OAAO,GAAG,EAAM,cACxC,IAAe,EAAM,MAAM,WAClB,aAAiB,SAC1B,IAAe,EAAM,SACrB,IAAe,EAAM,SAIrB,IAHS,OAAO,KAAU,WACX,IAEA,6BAQf,kBAAC,OAAD;EAAK,WAAW,EAAO;YACrB,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACG,KAAQ,kBAAC,OAAD;KAAK,KAAK;KAAM,KAAI;KAAO,WAAW,EAAO;KAAQ,CAAA;IAC9D,kBAAC,MAAD;KAAI,WAAW,EAAO;eAAY;KAAyB,CAAA;IAC3D,kBAAC,KAAD;KAAG,WAAW,EAAO;eAAe;KAAiB,CAAA;IACpD,KACC,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,eAAe,EAAe,CAAC,EAAY;MAC3C,WAAW,EAAO;gBAHpB,CAKG,IAAc,SAAS,QAAO,WACxB;SACT,kBAAC,GAAD;MAAU,IAAI;gBACZ,kBAAC,OAAD;OAAK,WAAW,EAAO;iBACrB,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAc;QAAmB,CAAA;OACpD,CAAA;MACG,CAAA,CACP;;IAER,kBAAC,GAAD;KACE,SAAQ;KACR,eA5BmB;AACzB,aAAO,SAAS,QAAQ;;KA4BlB,WAAW,EAAO;eACnB;KAEQ,CAAA;IACL;;EACF,CAAA"}
+{"version":3,"file":"RouteErrorBoundary.js","names":[],"sources":["../../../src/components/error/RouteErrorBoundary.tsx"],"sourcesContent":["import { Button, Collapse } from '@mui/material'\nimport { useState } from 'react'\nimport { useRouteError, isRouteErrorResponse } from 'react-router'\nimport styles from './RouteErrorBoundary.module.scss'\n\nexport type RouteErrorBoundaryProps = {\n  icon?: string\n}\n\n/**\n * Error boundary component for React Router routes.\n * This component catches errors that occur during route loading or rendering,\n * including module initialization errors like circular dependencies.\n */\nexport function RouteErrorBoundary(props: RouteErrorBoundaryProps) {\n  const { icon } = props\n  const error = useRouteError()\n  const [showDetails, setShowDetails] = useState(false)\n\n  let errorMessage: string\n  let errorDetails: string | undefined\n\n  if (isRouteErrorResponse(error)) {\n    errorMessage = `${error.status} ${error.statusText}`\n    errorDetails = error.data?.message\n  } else if (error instanceof Error) {\n    errorMessage = error.message\n    errorDetails = error.stack\n  } else if (typeof error === 'string') {\n    errorMessage = error\n  } else {\n    errorMessage = 'An unknown error occurred'\n  }\n\n  const handleReload = () => {\n    window.location.reload()\n  }\n\n  return (\n    <div className={styles.container}>\n      <div className={styles.errorBox}>\n        {icon && <img src={icon} alt=\"Logo\" className={styles.icon} />}\n        <h1 className={styles.errorTitle}>Something went wrong</h1>\n        <p className={styles.errorMessage}>{errorMessage}</p>\n        {errorDetails && (\n          <div className={styles.detailsContainer}>\n            <Button\n              variant=\"text\"\n              onClick={() => setShowDetails(!showDetails)}\n              className={styles.detailsButton}\n            >\n              {showDetails ? 'Hide' : 'Show'} details\n            </Button>\n            <Collapse in={showDetails}>\n              <div className={styles.detailsBox}>\n                <pre className={styles.detailsText}>{errorDetails}</pre>\n              </div>\n            </Collapse>\n          </div>\n        )}\n        <Button\n          variant=\"contained\"\n          onClick={handleReload}\n          className={styles.reloadButton}\n        >\n          Reload Page\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EAAE,YAAS,GACX,IAAQ,EAAc,GACtB,CAAC,GAAa,KAAkB,EAAS,EAAK,GAEhD,GACA;CAkBJ,OAhBI,EAAqB,CAAK,KAC5B,IAAe,GAAG,EAAM,OAAO,GAAG,EAAM,cACxC,IAAe,EAAM,MAAM,WAClB,aAAiB,SAC1B,IAAe,EAAM,SACrB,IAAe,EAAM,SAChB,AAGL,IAHS,OAAO,KAAU,WACX,IAEA,6BAQf,kBAAC,OAAD;EAAK,WAAW,EAAO;YACrB,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACG,KAAQ,kBAAC,OAAD;KAAK,KAAK;KAAM,KAAI;KAAO,WAAW,EAAO;IAAO,CAAA;IAC7D,kBAAC,MAAD;KAAI,WAAW,EAAO;eAAY;IAAwB,CAAA;IAC1D,kBAAC,KAAD;KAAG,WAAW,EAAO;eAAe;IAAgB,CAAA;IACnD,KACC,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,eAAe,EAAe,CAAC,CAAW;MAC1C,WAAW,EAAO;gBAHpB,CAKG,IAAc,SAAS,QAAO,UACzB;SACR,kBAAC,GAAD;MAAU,IAAI;gBACZ,kBAAC,OAAD;OAAK,WAAW,EAAO;iBACrB,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAc;OAAkB,CAAA;MACpD,CAAA;KACG,CAAA,CACP;;IAEP,kBAAC,GAAD;KACE,SAAQ;KACR,eA5BmB;MACzB,OAAO,SAAS,OAAO;KACzB;KA2BQ,WAAW,EAAO;eACnB;IAEO,CAAA;GACL;;CACF,CAAA;AAET"}

package/dist/components/error/SendMessageToEntityOwnerDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendMessageToEntityOwnerDialog.js","names":[],"sources":["../../../src/components/error/SendMessageToEntityOwnerDialog.tsx"],"sourcesContent":["import {\n  useGetCurrentUserProfile,\n  useSendMessageToEntityOwner,\n} from '@/synapse-queries'\nimport { TextField, Typography } from '@mui/material'\nimport { useCallback, useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { displayToast } from '../ToastMessage'\n\nexport const CONTACT_ADMIN_DIALOG_TITLE = 'Contact the Administrator'\n\nexport type SendMessageToEntityOwnerDialogProps = {\n  isOpen: boolean\n  entityId: string\n  onHide: () => void\n}\n\nexport default function SendMessageToEntityOwnerDialog(\n  props: SendMessageToEntityOwnerDialogProps,\n) {\n  const { onHide, entityId, isOpen } = props\n  const [message, setMessage] = useState<string>('')\n  const { data: currentUserProfile, isLoading: isLoadingCurrentUserProfile } =\n    useGetCurrentUserProfile()\n  const { mutate: sendMessage } = useSendMessageToEntityOwner({\n    onSuccess: () => {\n      onHide()\n      setMessage('')\n      displayToast('Message successfully sent')\n    },\n    onError: error => {\n      displayToast(`Message could not be sent: ${error.reason}`, 'danger')\n    },\n  })\n  const onSendMessage = useCallback(() => {\n    if (isLoadingCurrentUserProfile) {\n      console.error(\n        'Attempted to send message before user profile was loaded. This should never happen.',\n      )\n      return\n    }\n    if (!currentUserProfile) {\n      console.error(\n        'Attempted to send message without a user profile. This should never happen.',\n      )\n      return\n    }\n    const { firstName, lastName, userName } = currentUserProfile\n    sendMessage({\n      entityId,\n      subject: `${firstName} ${lastName} (@${userName}) Requested Access to ${entityId}`,\n      body: `Requesting access to https://www.synapse.org/Synapse:${entityId}\\n\\n${message}`,\n    })\n  }, [message, currentUserProfile, sendMessage])\n  return (\n    <ConfirmationDialog\n      maxWidth=\"md\"\n      open={isOpen}\n      title={CONTACT_ADMIN_DIALOG_TITLE}\n      content={\n        <>\n          <Typography variant={'body1'}>\n            Please explain in your message why you believe you should be given\n            VIEW access to the requested resource.\n          </Typography>\n          <Typography variant={'body1'}>\n            Your message will be sent to the administrator. Your real email\n            address, and the real email address of the administrator, will be\n            hidden.\n          </Typography>\n          <Typography variant={'body1'}>\n            Granting access to this resource is at the discretion of the\n            resource administrator. The operators of this website (Sage\n            Bionetworks) cannot grant access on their behalf.\n          </Typography>\n          <TextField\n            fullWidth\n            margin=\"normal\"\n            label=\"Text of your message\"\n            id=\"messageText\"\n            name=\"messageText\"\n            multiline\n            rows={5}\n            onChange={e => setMessage(e.target.value)}\n            value={message}\n          />\n        </>\n      }\n      onCancel={onHide}\n      onConfirm={onSendMessage}\n      confirmButtonProps={{\n        children: 'Send',\n        disabled: !message,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;AASA,IAAa,IAA6B;AAQ1C,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,WAAQ,aAAU,cAAW,GAC/B,CAAC,GAAS,KAAc,EAAiB,GAAG,EAC5C,EAAE,MAAM,GAAoB,WAAW,MAC3C,GAA0B,EACtB,EAAE,QAAQ,MAAgB,EAA4B;EAC1D,iBAAiB;AAGf,GAFA,GAAQ,EACR,EAAW,GAAG,EACd,EAAa,4BAA4B;;EAE3C,UAAS,MAAS;AAChB,KAAa,8BAA8B,EAAM,UAAU,SAAS;;EAEvE,CAAC,EACI,IAAgB,QAAkB;AACtC,MAAI,GAA6B;AAC/B,WAAQ,MACN,sFACD;AACD;;AAEF,MAAI,CAAC,GAAoB;AACvB,WAAQ,MACN,8EACD;AACD;;EAEF,IAAM,EAAE,cAAW,aAAU,gBAAa;AAC1C,IAAY;GACV;GACA,SAAS,GAAG,EAAU,GAAG,EAAS,KAAK,EAAS,wBAAwB;GACxE,MAAM,wDAAwD,EAAS,MAAM;GAC9E,CAAC;IACD;EAAC;EAAS;EAAoB;EAAY,CAAC;AAC9C,QACE,kBAAC,GAAD;EACE,UAAS;EACT,MAAM;EACN,OAAO;EACP,SACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAS;cAAS;IAGjB,CAAA;GACb,kBAAC,GAAD;IAAY,SAAS;cAAS;IAIjB,CAAA;GACb,kBAAC,GAAD;IAAY,SAAS;cAAS;IAIjB,CAAA;GACb,kBAAC,GAAD;IACE,WAAA;IACA,QAAO;IACP,OAAM;IACN,IAAG;IACH,MAAK;IACL,WAAA;IACA,MAAM;IACN,WAAU,MAAK,EAAW,EAAE,OAAO,MAAM;IACzC,OAAO;IACP,CAAA;GACD,EAAA,CAAA;EAEL,UAAU;EACV,WAAW;EACX,oBAAoB;GAClB,UAAU;GACV,UAAU,CAAC;GACZ;EACD,CAAA"}
+{"version":3,"file":"SendMessageToEntityOwnerDialog.js","names":[],"sources":["../../../src/components/error/SendMessageToEntityOwnerDialog.tsx"],"sourcesContent":["import {\n  useGetCurrentUserProfile,\n  useSendMessageToEntityOwner,\n} from '@/synapse-queries'\nimport { TextField, Typography } from '@mui/material'\nimport { useCallback, useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { displayToast } from '../ToastMessage'\n\nexport const CONTACT_ADMIN_DIALOG_TITLE = 'Contact the Administrator'\n\nexport type SendMessageToEntityOwnerDialogProps = {\n  isOpen: boolean\n  entityId: string\n  onHide: () => void\n}\n\nexport default function SendMessageToEntityOwnerDialog(\n  props: SendMessageToEntityOwnerDialogProps,\n) {\n  const { onHide, entityId, isOpen } = props\n  const [message, setMessage] = useState<string>('')\n  const { data: currentUserProfile, isLoading: isLoadingCurrentUserProfile } =\n    useGetCurrentUserProfile()\n  const { mutate: sendMessage } = useSendMessageToEntityOwner({\n    onSuccess: () => {\n      onHide()\n      setMessage('')\n      displayToast('Message successfully sent')\n    },\n    onError: error => {\n      displayToast(`Message could not be sent: ${error.reason}`, 'danger')\n    },\n  })\n  const onSendMessage = useCallback(() => {\n    if (isLoadingCurrentUserProfile) {\n      console.error(\n        'Attempted to send message before user profile was loaded. This should never happen.',\n      )\n      return\n    }\n    if (!currentUserProfile) {\n      console.error(\n        'Attempted to send message without a user profile. This should never happen.',\n      )\n      return\n    }\n    const { firstName, lastName, userName } = currentUserProfile\n    sendMessage({\n      entityId,\n      subject: `${firstName} ${lastName} (@${userName}) Requested Access to ${entityId}`,\n      body: `Requesting access to https://www.synapse.org/Synapse:${entityId}\\n\\n${message}`,\n    })\n  }, [message, currentUserProfile, sendMessage])\n  return (\n    <ConfirmationDialog\n      maxWidth=\"md\"\n      open={isOpen}\n      title={CONTACT_ADMIN_DIALOG_TITLE}\n      content={\n        <>\n          <Typography variant={'body1'}>\n            Please explain in your message why you believe you should be given\n            VIEW access to the requested resource.\n          </Typography>\n          <Typography variant={'body1'}>\n            Your message will be sent to the administrator. Your real email\n            address, and the real email address of the administrator, will be\n            hidden.\n          </Typography>\n          <Typography variant={'body1'}>\n            Granting access to this resource is at the discretion of the\n            resource administrator. The operators of this website (Sage\n            Bionetworks) cannot grant access on their behalf.\n          </Typography>\n          <TextField\n            fullWidth\n            margin=\"normal\"\n            label=\"Text of your message\"\n            id=\"messageText\"\n            name=\"messageText\"\n            multiline\n            rows={5}\n            onChange={e => setMessage(e.target.value)}\n            value={message}\n          />\n        </>\n      }\n      onCancel={onHide}\n      onConfirm={onSendMessage}\n      confirmButtonProps={{\n        children: 'Send',\n        disabled: !message,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;AASA,IAAa,IAA6B;AAQ1C,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,WAAQ,aAAU,cAAW,GAC/B,CAAC,GAAS,KAAc,EAAiB,EAAE,GAC3C,EAAE,MAAM,GAAoB,WAAW,MAC3C,EAAyB,GACrB,EAAE,QAAQ,MAAgB,EAA4B;EAC1D,iBAAiB;GAGf,AAFA,EAAO,GACP,EAAW,EAAE,GACb,EAAa,2BAA2B;EAC1C;EACA,UAAS,MAAS;GAChB,EAAa,8BAA8B,EAAM,UAAU,QAAQ;EACrE;CACF,CAAC,GACK,IAAgB,QAAkB;EACtC,IAAI,GAA6B;GAC/B,QAAQ,MACN,qFACF;GACA;EACF;EACA,IAAI,CAAC,GAAoB;GACvB,QAAQ,MACN,6EACF;GACA;EACF;EACA,IAAM,EAAE,cAAW,aAAU,gBAAa;EAC1C,EAAY;GACV;GACA,SAAS,GAAG,EAAU,GAAG,EAAS,KAAK,EAAS,wBAAwB;GACxE,MAAM,wDAAwD,EAAS,MAAM;EAC/E,CAAC;CACH,GAAG;EAAC;EAAS;EAAoB;CAAW,CAAC;CAC7C,OACE,kBAAC,GAAD;EACE,UAAS;EACT,MAAM;EACN,OAAO;EACP,SACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAS;cAAS;GAGlB,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;cAAS;GAIlB,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;cAAS;GAIlB,CAAA;GACZ,kBAAC,GAAD;IACE,WAAA;IACA,QAAO;IACP,OAAM;IACN,IAAG;IACH,MAAK;IACL,WAAA;IACA,MAAM;IACN,WAAU,MAAK,EAAW,EAAE,OAAO,KAAK;IACxC,OAAO;GACR,CAAA;EACD,EAAA,CAAA;EAEJ,UAAU;EACV,WAAW;EACX,oBAAoB;GAClB,UAAU;GACV,UAAU,CAAC;EACb;CACD,CAAA;AAEL"}

package/dist/components/error/SynapseObjectDOIInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseObjectDOIInfo.js","names":[],"sources":["../../../src/components/error/SynapseObjectDOIInfo.tsx"],"sourcesContent":["import { useGetDOI } from '@/synapse-queries/doi/useDOI'\nimport { Box, Typography } from '@mui/material'\nimport { DoiObjectType } from '@sage-bionetworks/synapse-client'\n\nexport type SynapseObjectDOIInfoProps = {\n  id: string\n  type: DoiObjectType\n  version?: number\n  portalId?: string\n}\n\nexport default function SynapseObjectDOIInfo(props: SynapseObjectDOIInfoProps) {\n  const { id, version, type, portalId } = props\n  const { data: doi } = useGetDOI(\n    { id, version, type, portalId },\n    {\n      enabled: !!id,\n    },\n  )\n  if (!doi) {\n    return <></>\n  }\n  return (\n    <Box\n      sx={{\n        backgroundColor: 'tertiary.100',\n        borderRadius: '3px',\n        p: '20px',\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '20px',\n      }}\n    >\n      <Typography variant=\"body1\" sx={{ fontWeight: 700 }}>\n        Requested resource\n      </Typography>\n      <Box>\n        <Typography variant=\"body1\">\n          {doi.creators?.map(doiCreator => doiCreator.creatorName).join(', & ')}{' '}\n          ({doi.publicationYear}).{' '}\n          {doi.titles?.map(doiTitle => `${doiTitle.title}.`)} Synapse.\n          https://doi.org/{doi.doiUri}\n        </Typography>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAWA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,OAAI,YAAS,SAAM,gBAAa,GAClC,EAAE,MAAM,MAAQ,EACpB;EAAE;EAAI;EAAS;EAAM;EAAU,EAC/B,EACE,SAAS,CAAC,CAAC,GACZ,CACF;AAID,QAHK,IAIH,kBAAC,GAAD;EACE,IAAI;GACF,iBAAiB;GACjB,cAAc;GACd,GAAG;GACH,SAAS;GACT,eAAe;GACf,KAAK;GACN;YARH,CAUE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,YAAY,KAAK;aAAE;GAExC,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAY,SAAQ;aAApB;IACG,EAAI,UAAU,KAAI,MAAc,EAAW,YAAY,CAAC,KAAK,OAAO;IAAE;IAAI;IACzE,EAAI;IAAgB;IAAG;IACxB,EAAI,QAAQ,KAAI,MAAY,GAAG,EAAS,MAAM,GAAG;IAAC;IAClC,EAAI;IACV;MACT,CAAA,CACF;MAxBC,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"SynapseObjectDOIInfo.js","names":[],"sources":["../../../src/components/error/SynapseObjectDOIInfo.tsx"],"sourcesContent":["import { useGetDOI } from '@/synapse-queries/doi/useDOI'\nimport { Box, Typography } from '@mui/material'\nimport { DoiObjectType } from '@sage-bionetworks/synapse-client'\n\nexport type SynapseObjectDOIInfoProps = {\n  id: string\n  type: DoiObjectType\n  version?: number\n  portalId?: string\n}\n\nexport default function SynapseObjectDOIInfo(props: SynapseObjectDOIInfoProps) {\n  const { id, version, type, portalId } = props\n  const { data: doi } = useGetDOI(\n    { id, version, type, portalId },\n    {\n      enabled: !!id,\n    },\n  )\n  if (!doi) {\n    return <></>\n  }\n  return (\n    <Box\n      sx={{\n        backgroundColor: 'tertiary.100',\n        borderRadius: '3px',\n        p: '20px',\n        display: 'flex',\n        flexDirection: 'column',\n        gap: '20px',\n      }}\n    >\n      <Typography variant=\"body1\" sx={{ fontWeight: 700 }}>\n        Requested resource\n      </Typography>\n      <Box>\n        <Typography variant=\"body1\">\n          {doi.creators?.map(doiCreator => doiCreator.creatorName).join(', & ')}{' '}\n          ({doi.publicationYear}).{' '}\n          {doi.titles?.map(doiTitle => `${doiTitle.title}.`)} Synapse.\n          https://doi.org/{doi.doiUri}\n        </Typography>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAWA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,OAAI,YAAS,SAAM,gBAAa,GAClC,EAAE,MAAM,MAAQ,EACpB;EAAE;EAAI;EAAS;EAAM;CAAS,GAC9B,EACE,SAAS,CAAC,CAAC,EACb,CACF;CAIA,OAHK,IAIH,kBAAC,GAAD;EACE,IAAI;GACF,iBAAiB;GACjB,cAAc;GACd,GAAG;GACH,SAAS;GACT,eAAe;GACf,KAAK;EACP;YARF,CAUE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,YAAY,IAAI;aAAG;EAEzC,CAAA,GACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAY,SAAQ;aAApB;IACG,EAAI,UAAU,KAAI,MAAc,EAAW,WAAW,EAAE,KAAK,MAAM;IAAG;IAAI;IACzE,EAAI;IAAgB;IAAG;IACxB,EAAI,QAAQ,KAAI,MAAY,GAAG,EAAS,MAAM,EAAE;IAAE;IAClC,EAAI;GACX;KACT,CAAA,CACF;MAxBE,kBAAA,GAAA,CAAI,CAAA;AA0Bf"}

package/dist/components/favorites/FavoriteButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FavoriteButton.js","names":[],"sources":["../../../src/components/favorites/FavoriteButton.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport {\n  useAddFavorite,\n  useIsFavorite,\n  useRemoveFavorite,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { IconButton, Skeleton, Tooltip } from '@mui/material'\nimport IconSvg from '../IconSvg/IconSvg'\n\nexport type FavoriteButtonProps = {\n  /* The entity for which to show a favorite button */\n  entityId: string\n}\n\n/**\n * Renders a button that indicates if an entity is favorited by the logged-in user. When clicked, the entity is\n * added to/removed from their favorites\n */\nexport default function FavoriteButton(props: FavoriteButtonProps) {\n  const { entityId } = props\n  const { isAuthenticated } = useSynapseContext()\n  const { isFavorite, isLoading } = useIsFavorite(entityId)\n  const { mutate: onAddFavorite, isPending: isAddingFavorite } =\n    useAddFavorite()\n  const { mutate: onRemoveFavorite, isPending: isRemovingFavorite } =\n    useRemoveFavorite()\n\n  const disableButton =\n    isLoading || isAddingFavorite || isRemovingFavorite || !isAuthenticated\n\n  let tooltipText = 'Add to Favorites'\n  if (!isAuthenticated) {\n    tooltipText = 'Sign in to add this to your favorites'\n  } else if (isFavorite) {\n    tooltipText = 'Remove from Favorites'\n  }\n  return (\n    <ConditionalWrapper condition={isLoading} wrapper={Skeleton}>\n      <Tooltip title={tooltipText} placement={'top'}>\n        <span>\n          <IconButton\n            size={'small'}\n            disabled={disableButton}\n            onClick={() => {\n              if (isFavorite) {\n                onRemoveFavorite(entityId)\n              } else {\n                onAddFavorite(entityId)\n              }\n            }}\n            sx={{ padding: '2px' }}\n          >\n            <IconSvg\n              icon={isFavorite ? 'fav' : 'favOutline'}\n              sx={{\n                color: 'tertiary.main',\n                width: '21px',\n                height: '21px',\n              }}\n              wrap={false}\n            />\n          </IconButton>\n        </span>\n      </Tooltip>\n    </ConditionalWrapper>\n  )\n}\n"],"mappings":";;;;;;;;AAmBA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EAAE,gBAAa,GACf,EAAE,uBAAoB,GAAmB,EACzC,EAAE,eAAY,iBAAc,EAAc,EAAS,EACnD,EAAE,QAAQ,GAAe,WAAW,MACxC,GAAgB,EACZ,EAAE,QAAQ,GAAkB,WAAW,MAC3C,GAAmB,EAEf,IACJ,KAAa,KAAoB,KAAsB,CAAC,GAEtD,IAAc;AAMlB,QALK,IAEM,MACT,IAAc,2BAFd,IAAc,yCAKd,kBAAC,GAAD;EAAoB,WAAW;EAAW,SAAS;YACjD,kBAAC,GAAD;GAAS,OAAO;GAAa,WAAW;aACtC,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;IACE,MAAM;IACN,UAAU;IACV,eAAe;AACb,KAAI,IACF,EAAiB,EAAS,GAE1B,EAAc,EAAS;;IAG3B,IAAI,EAAE,SAAS,OAAO;cAEtB,kBAAC,GAAD;KACE,MAAM,IAAa,QAAQ;KAC3B,IAAI;MACF,OAAO;MACP,OAAO;MACP,QAAQ;MACT;KACD,MAAM;KACN,CAAA;IACS,CAAA,EACR,CAAA;GACC,CAAA;EACS,CAAA"}
+{"version":3,"file":"FavoriteButton.js","names":[],"sources":["../../../src/components/favorites/FavoriteButton.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport {\n  useAddFavorite,\n  useIsFavorite,\n  useRemoveFavorite,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { IconButton, Skeleton, Tooltip } from '@mui/material'\nimport IconSvg from '../IconSvg/IconSvg'\n\nexport type FavoriteButtonProps = {\n  /* The entity for which to show a favorite button */\n  entityId: string\n}\n\n/**\n * Renders a button that indicates if an entity is favorited by the logged-in user. When clicked, the entity is\n * added to/removed from their favorites\n */\nexport default function FavoriteButton(props: FavoriteButtonProps) {\n  const { entityId } = props\n  const { isAuthenticated } = useSynapseContext()\n  const { isFavorite, isLoading } = useIsFavorite(entityId)\n  const { mutate: onAddFavorite, isPending: isAddingFavorite } =\n    useAddFavorite()\n  const { mutate: onRemoveFavorite, isPending: isRemovingFavorite } =\n    useRemoveFavorite()\n\n  const disableButton =\n    isLoading || isAddingFavorite || isRemovingFavorite || !isAuthenticated\n\n  let tooltipText = 'Add to Favorites'\n  if (!isAuthenticated) {\n    tooltipText = 'Sign in to add this to your favorites'\n  } else if (isFavorite) {\n    tooltipText = 'Remove from Favorites'\n  }\n  return (\n    <ConditionalWrapper condition={isLoading} wrapper={Skeleton}>\n      <Tooltip title={tooltipText} placement={'top'}>\n        <span>\n          <IconButton\n            size={'small'}\n            disabled={disableButton}\n            onClick={() => {\n              if (isFavorite) {\n                onRemoveFavorite(entityId)\n              } else {\n                onAddFavorite(entityId)\n              }\n            }}\n            sx={{ padding: '2px' }}\n          >\n            <IconSvg\n              icon={isFavorite ? 'fav' : 'favOutline'}\n              sx={{\n                color: 'tertiary.main',\n                width: '21px',\n                height: '21px',\n              }}\n              wrap={false}\n            />\n          </IconButton>\n        </span>\n      </Tooltip>\n    </ConditionalWrapper>\n  )\n}\n"],"mappings":";;;;;;;;AAmBA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EAAE,gBAAa,GACf,EAAE,uBAAoB,EAAkB,GACxC,EAAE,eAAY,iBAAc,EAAc,CAAQ,GAClD,EAAE,QAAQ,GAAe,WAAW,MACxC,EAAe,GACX,EAAE,QAAQ,GAAkB,WAAW,MAC3C,EAAkB,GAEd,IACJ,KAAa,KAAoB,KAAsB,CAAC,GAEtD,IAAc;CAMlB,OALK,IAEM,MACT,IAAc,2BAFd,IAAc,yCAKd,kBAAC,GAAD;EAAoB,WAAW;EAAW,SAAS;YACjD,kBAAC,GAAD;GAAS,OAAO;GAAa,WAAW;aACtC,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;IACE,MAAM;IACN,UAAU;IACV,eAAe;KACb,AAAI,IACF,EAAiB,CAAQ,IAEzB,EAAc,CAAQ;IAE1B;IACA,IAAI,EAAE,SAAS,MAAM;cAErB,kBAAC,GAAD;KACE,MAAM,IAAa,QAAQ;KAC3B,IAAI;MACF,OAAO;MACP,OAAO;MACP,QAAQ;KACV;KACA,MAAM;IACP,CAAA;GACS,CAAA,EACR,CAAA;EACC,CAAA;CACS,CAAA;AAExB"}

package/dist/components/favorites/FavoritesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FavoritesPage.js","names":[],"sources":["../../../src/components/favorites/FavoritesPage.tsx"],"sourcesContent":["import NoSearchResults from '@/assets/icons/NoSearchResults'\nimport { useGetFavorites } from '@/synapse-queries/user/useFavorites'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n} from '@/utils/functions/EntityTypeUtils'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { InputAdornment, Stack, TextField } from '@mui/material'\nimport { EntityHeader } from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useEffect, useMemo, useState } from 'react'\nimport { EntityTypeIcon } from '../EntityIcon'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport FavoriteButton from './FavoriteButton'\n\n// Local types used for client-side sorting\nexport type SortField = 'name' | 'type'\nexport type SortDirection = 'ASC' | 'DESC'\nexport type Sort = {\n  field: SortField\n  direction: SortDirection\n}\n\nconst columnHelper = createColumnHelper<EntityHeader>()\n\nconst columns = [\n  columnHelper.display({\n    id: 'removeFavorite',\n    cell: ctx => <FavoriteButton entityId={ctx.row.original.id} />,\n    size: 60,\n    enableResizing: false,\n    meta: {\n      textAlign: 'center',\n    },\n  }),\n  columnHelper.accessor('name', {\n    cell: ctx => (\n      <a\n        rel=\"noopener noreferrer\"\n        href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${ctx.row.original.id}`}\n      >\n        {ctx.row.original.name}\n      </a>\n    ),\n    enableGlobalFilter: true,\n    header: props => <ColumnHeader {...props} title={'Name'} />,\n    size: 400,\n    enableColumnFilter: false,\n    sortingFn: 'alphanumeric',\n    enableSorting: true,\n  }),\n  columnHelper.accessor('type', {\n    cell: ctx => {\n      const entityType = convertToEntityType(ctx.row.original.type)\n      return (\n        <>\n          <EntityTypeIcon type={entityType} style={{ marginRight: '5px' }} />\n          {entityTypeToFriendlyName(entityType)}\n        </>\n      )\n    },\n    header: props => <ColumnHeader {...props} title={'Type'} />,\n    size: 160,\n    enableGlobalFilter: false,\n    sortingFn: 'alphanumeric',\n    filterFn: 'arrIncludes',\n    meta: {\n      enableMultipleSelect: true,\n      filterVariant: 'enumeration',\n      getDisplayText: value =>\n        entityTypeToFriendlyName(convertToEntityType(value)),\n    },\n    enableSorting: true,\n  }),\n]\n\nexport default function FavoritesPage() {\n  const { isAuthenticated } = useSynapseContext()\n  const [searchText, setSearchText] = useState<string>('')\n  const [error, setError] = useState<Error>()\n  const { data, isLoading, isError, error: newError } = useGetFavorites()\n\n  const favorites = useMemo(() => data ?? [], [data])\n\n  const favoritesTable = useReactTable<EntityHeader>({\n    data: favorites,\n    columns: columns,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFacetedRowModel: getFacetedRowModel(),\n    getFacetedUniqueValues: getFacetedUniqueValues(),\n    globalFilterFn: 'includesString',\n    state: {\n      globalFilter: searchText,\n    },\n    columnResizeMode: 'onChange',\n  })\n\n  useEffect(() => {\n    if (isError && newError) {\n      setError(newError)\n    }\n  }, [isError, newError])\n\n  useEffect(() => {\n    if (!isAuthenticated) {\n      setError(new Error('Please sign in to access your favorites.'))\n    } else {\n      setError(undefined)\n    }\n  }, [isAuthenticated])\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n\n  const hasFavoritesMatchingQuery = favoritesTable.getRowModel().rows.length > 0\n\n  return (\n    <div className=\"FavoritesPage\">\n      <TextField\n        type=\"search\"\n        placeholder=\"Favorite Name\"\n        value={searchText}\n        onChange={event => {\n          setSearchText(event.target.value)\n        }}\n        fullWidth\n        sx={{ mb: 4, maxWidth: '800px' }}\n        slotProps={{\n          input: {\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <IconSvg icon=\"search\" wrap={false} />\n              </InputAdornment>\n            ),\n          },\n        }}\n      />\n      <StyledTanStackTable table={favoritesTable} fullWidth={false} />\n      {!hasFavoritesMatchingQuery && !isLoading && (\n        <Stack\n          sx={{\n            my: 2,\n            gap: 1,\n            textAlign: 'center',\n          }}\n        >\n          <NoSearchResults height={'150px'} />\n          {data?.length == 0 ? (\n            <p>You currently have no favorites</p>\n          ) : (\n            <p>No matching favorites found</p>\n          )}\n        </Stack>\n      )}\n\n      {isLoading && (\n        <div className=\"placeholder\">\n          <SynapseSpinner size={30} />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"FavoritesPage.js","names":[],"sources":["../../../src/components/favorites/FavoritesPage.tsx"],"sourcesContent":["import NoSearchResults from '@/assets/icons/NoSearchResults'\nimport { useGetFavorites } from '@/synapse-queries/user/useFavorites'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n} from '@/utils/functions/EntityTypeUtils'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { InputAdornment, Stack, TextField } from '@mui/material'\nimport { EntityHeader } from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useEffect, useMemo, useState } from 'react'\nimport { EntityTypeIcon } from '../EntityIcon'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport FavoriteButton from './FavoriteButton'\n\n// Local types used for client-side sorting\nexport type SortField = 'name' | 'type'\nexport type SortDirection = 'ASC' | 'DESC'\nexport type Sort = {\n  field: SortField\n  direction: SortDirection\n}\n\nconst columnHelper = createColumnHelper<EntityHeader>()\n\nconst columns = [\n  columnHelper.display({\n    id: 'removeFavorite',\n    cell: ctx => <FavoriteButton entityId={ctx.row.original.id} />,\n    size: 60,\n    enableResizing: false,\n    meta: {\n      textAlign: 'center',\n    },\n  }),\n  columnHelper.accessor('name', {\n    cell: ctx => (\n      <a\n        rel=\"noopener noreferrer\"\n        href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${ctx.row.original.id}`}\n      >\n        {ctx.row.original.name}\n      </a>\n    ),\n    enableGlobalFilter: true,\n    header: props => <ColumnHeader {...props} title={'Name'} />,\n    size: 400,\n    enableColumnFilter: false,\n    sortingFn: 'alphanumeric',\n    enableSorting: true,\n  }),\n  columnHelper.accessor('type', {\n    cell: ctx => {\n      const entityType = convertToEntityType(ctx.row.original.type)\n      return (\n        <>\n          <EntityTypeIcon type={entityType} style={{ marginRight: '5px' }} />\n          {entityTypeToFriendlyName(entityType)}\n        </>\n      )\n    },\n    header: props => <ColumnHeader {...props} title={'Type'} />,\n    size: 160,\n    enableGlobalFilter: false,\n    sortingFn: 'alphanumeric',\n    filterFn: 'arrIncludes',\n    meta: {\n      enableMultipleSelect: true,\n      filterVariant: 'enumeration',\n      getDisplayText: value =>\n        entityTypeToFriendlyName(convertToEntityType(value)),\n    },\n    enableSorting: true,\n  }),\n]\n\nexport default function FavoritesPage() {\n  const { isAuthenticated } = useSynapseContext()\n  const [searchText, setSearchText] = useState<string>('')\n  const [error, setError] = useState<Error>()\n  const { data, isLoading, isError, error: newError } = useGetFavorites()\n\n  const favorites = useMemo(() => data ?? [], [data])\n\n  const favoritesTable = useReactTable<EntityHeader>({\n    data: favorites,\n    columns: columns,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFacetedRowModel: getFacetedRowModel(),\n    getFacetedUniqueValues: getFacetedUniqueValues(),\n    globalFilterFn: 'includesString',\n    state: {\n      globalFilter: searchText,\n    },\n    columnResizeMode: 'onChange',\n  })\n\n  useEffect(() => {\n    if (isError && newError) {\n      setError(newError)\n    }\n  }, [isError, newError])\n\n  useEffect(() => {\n    if (!isAuthenticated) {\n      setError(new Error('Please sign in to access your favorites.'))\n    } else {\n      setError(undefined)\n    }\n  }, [isAuthenticated])\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n\n  const hasFavoritesMatchingQuery = favoritesTable.getRowModel().rows.length > 0\n\n  return (\n    <div className=\"FavoritesPage\">\n      <TextField\n        type=\"search\"\n        placeholder=\"Favorite Name\"\n        value={searchText}\n        onChange={event => {\n          setSearchText(event.target.value)\n        }}\n        fullWidth\n        sx={{ mb: 4, maxWidth: '800px' }}\n        slotProps={{\n          input: {\n            startAdornment: (\n              <InputAdornment position=\"start\">\n                <IconSvg icon=\"search\" wrap={false} />\n              </InputAdornment>\n            ),\n          },\n        }}\n      />\n      <StyledTanStackTable table={favoritesTable} fullWidth={false} />\n      {!hasFavoritesMatchingQuery && !isLoading && (\n        <Stack\n          sx={{\n            my: 2,\n            gap: 1,\n            textAlign: 'center',\n          }}\n        >\n          <NoSearchResults height={'150px'} />\n          {data?.length == 0 ? (\n            <p>You currently have no favorites</p>\n          ) : (\n            <p>No matching favorites found</p>\n          )}\n        </Stack>\n      )}\n\n      {isLoading && (\n        <div className=\"placeholder\">\n          <SynapseSpinner size={30} />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/file/upload/BasicFileHandleUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicFileHandleUpload.js","names":[],"sources":["../../../../src/components/file/upload/BasicFileHandleUpload.tsx"],"sourcesContent":["import MultiFileUploadProgress from '@/components/file/upload/MultiFileUploadProgress'\nimport UploadFilePanel from '@/components/file/upload/UploadFilePanel'\nimport {\n  UploaderState,\n  useUploadFiles,\n} from '@/utils/hooks/useUploadFileEntity/useUploadFiles'\nimport { noop } from 'lodash-es'\nimport { ForwardedRef, forwardRef, useEffect, useImperativeHandle } from 'react'\n\nexport type BasicFileHandleUploadProps = {\n  /**\n   * Whether to allow uploading multiple files.\n   * Currently, only single file upload is supported by this UI component.\n   */\n  allowMultipleUpload: false\n  /**\n   * Whether to disable \"drag-and-drop to upload\" functionality.\n   * Currently, drag-and-drop cannot be enabled.\n   */\n  disableDragAndDrop: true\n  /** Callback that is invoked when the state of the uploader changes */\n  onStateChange?: (state: UploaderState) => void\n  /** Callback that is invoked when component is ready to upload */\n  onUploadReady?: () => void\n  /** Callback that is invoked when an individual upload is complete */\n  onFileUploadComplete?: (fileHandleIds: string) => void\n}\n\nexport type FileUploadHandle = {\n  /** Programmatically add files to the upload (e.g. on drag & drop) */\n  handleUploads: (fileList: ArrayLike<File>) => void\n}\n\n/**\n * BasicFileHandleUpload is a component that supports uploading a file to the default Synapse S3 bucket and creating a\n * file handle, which can only be accessed the system itself and the user uploading the file.\n */\nexport const BasicFileHandleUpload = forwardRef(function FileHandleUpload(\n  props: BasicFileHandleUploadProps,\n  ref: ForwardedRef<FileUploadHandle>,\n) {\n  const {\n    allowMultipleUpload,\n    onStateChange = noop,\n    onUploadReady = noop,\n    onFileUploadComplete = noop,\n  } = props\n\n  const { startUpload, state, uploadProgress } = useUploadFiles({\n    onUploadComplete: (_, fileHandleId) => {\n      onFileUploadComplete(fileHandleId)\n      return Promise.resolve()\n    },\n  })\n\n  useEffect(() => {\n    onStateChange(state)\n  }, [state, onStateChange])\n\n  useEffect(() => {\n    onUploadReady()\n  }, [onUploadReady])\n\n  function uploadFileList(fileList: ArrayLike<File>) {\n    const args = Array.from(fileList).map(file => {\n      return {\n        file,\n      }\n    })\n    startUpload(...args)\n  }\n\n  useImperativeHandle(ref, () => ({\n    handleUploads: uploadFileList,\n  }))\n\n  return (\n    <div>\n      <UploadFilePanel\n        onUploadFileList={uploadFileList}\n        allowMultipleFiles={allowMultipleUpload}\n        disableDragAndDrop={true}\n      />\n      <MultiFileUploadProgress\n        uploaderState={state}\n        uploadProgress={uploadProgress}\n      />\n    </div>\n  )\n})\n"],"mappings":";;;;;;;AAqCA,IAAa,IAAwB,EAAW,SAC9C,GACA,GACA;CACA,IAAM,EACJ,wBACA,mBAAgB,GAChB,mBAAgB,GAChB,0BAAuB,MACrB,GAEE,EAAE,gBAAa,UAAO,sBAAmB,EAAe,EAC5D,mBAAmB,GAAG,OACpB,EAAqB,EAAa,EAC3B,QAAQ,SAAS,GAE3B,CAAC;AAMF,CAJA,QAAgB;AACd,IAAc,EAAM;IACnB,CAAC,GAAO,EAAc,CAAC,EAE1B,QAAgB;AACd,KAAe;IACd,CAAC,EAAc,CAAC;CAEnB,SAAS,EAAe,GAA2B;AAMjD,IAAY,GALC,MAAM,KAAK,EAAS,CAAC,KAAI,OAC7B,EACL,SACD,EAEY,CAAK;;AAOtB,QAJA,EAAoB,UAAY,EAC9B,eAAe,GAChB,EAAE,EAGD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,kBAAkB;EAClB,oBAAoB;EACpB,oBAAoB;EACpB,CAAA,EACF,kBAAC,GAAD;EACE,eAAe;EACC;EAChB,CAAA,CACE,EAAA,CAAA;EAER"}
+{"version":3,"file":"BasicFileHandleUpload.js","names":[],"sources":["../../../../src/components/file/upload/BasicFileHandleUpload.tsx"],"sourcesContent":["import MultiFileUploadProgress from '@/components/file/upload/MultiFileUploadProgress'\nimport UploadFilePanel from '@/components/file/upload/UploadFilePanel'\nimport {\n  UploaderState,\n  useUploadFiles,\n} from '@/utils/hooks/useUploadFileEntity/useUploadFiles'\nimport { noop } from 'lodash-es'\nimport { ForwardedRef, forwardRef, useEffect, useImperativeHandle } from 'react'\n\nexport type BasicFileHandleUploadProps = {\n  /**\n   * Whether to allow uploading multiple files.\n   * Currently, only single file upload is supported by this UI component.\n   */\n  allowMultipleUpload: false\n  /**\n   * Whether to disable \"drag-and-drop to upload\" functionality.\n   * Currently, drag-and-drop cannot be enabled.\n   */\n  disableDragAndDrop: true\n  /** Callback that is invoked when the state of the uploader changes */\n  onStateChange?: (state: UploaderState) => void\n  /** Callback that is invoked when component is ready to upload */\n  onUploadReady?: () => void\n  /** Callback that is invoked when an individual upload is complete */\n  onFileUploadComplete?: (fileHandleIds: string) => void\n}\n\nexport type FileUploadHandle = {\n  /** Programmatically add files to the upload (e.g. on drag & drop) */\n  handleUploads: (fileList: ArrayLike<File>) => void\n}\n\n/**\n * BasicFileHandleUpload is a component that supports uploading a file to the default Synapse S3 bucket and creating a\n * file handle, which can only be accessed the system itself and the user uploading the file.\n */\nexport const BasicFileHandleUpload = forwardRef(function FileHandleUpload(\n  props: BasicFileHandleUploadProps,\n  ref: ForwardedRef<FileUploadHandle>,\n) {\n  const {\n    allowMultipleUpload,\n    onStateChange = noop,\n    onUploadReady = noop,\n    onFileUploadComplete = noop,\n  } = props\n\n  const { startUpload, state, uploadProgress } = useUploadFiles({\n    onUploadComplete: (_, fileHandleId) => {\n      onFileUploadComplete(fileHandleId)\n      return Promise.resolve()\n    },\n  })\n\n  useEffect(() => {\n    onStateChange(state)\n  }, [state, onStateChange])\n\n  useEffect(() => {\n    onUploadReady()\n  }, [onUploadReady])\n\n  function uploadFileList(fileList: ArrayLike<File>) {\n    const args = Array.from(fileList).map(file => {\n      return {\n        file,\n      }\n    })\n    startUpload(...args)\n  }\n\n  useImperativeHandle(ref, () => ({\n    handleUploads: uploadFileList,\n  }))\n\n  return (\n    <div>\n      <UploadFilePanel\n        onUploadFileList={uploadFileList}\n        allowMultipleFiles={allowMultipleUpload}\n        disableDragAndDrop={true}\n      />\n      <MultiFileUploadProgress\n        uploaderState={state}\n        uploadProgress={uploadProgress}\n      />\n    </div>\n  )\n})\n"],"mappings":";;;;;;;AAqCA,IAAa,IAAwB,EAAW,SAC9C,GACA,GACA;CACA,IAAM,EACJ,wBACA,mBAAgB,GAChB,mBAAgB,GAChB,0BAAuB,MACrB,GAEE,EAAE,gBAAa,UAAO,sBAAmB,EAAe,EAC5D,mBAAmB,GAAG,OACpB,EAAqB,CAAY,GAC1B,QAAQ,QAAQ,GAE3B,CAAC;CAMD,AAJA,QAAgB;EACd,EAAc,CAAK;CACrB,GAAG,CAAC,GAAO,CAAa,CAAC,GAEzB,QAAgB;EACd,EAAc;CAChB,GAAG,CAAC,CAAa,CAAC;CAElB,SAAS,EAAe,GAA2B;EAMjD,EAAY,GALC,MAAM,KAAK,CAAQ,EAAE,KAAI,OAC7B,EACL,QACF,EAEa,CAAI;CACrB;CAMA,OAJA,EAAoB,UAAY,EAC9B,eAAe,EACjB,EAAE,GAGA,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,kBAAkB;EAClB,oBAAoB;EACpB,oBAAoB;CACrB,CAAA,GACD,kBAAC,GAAD;EACE,eAAe;EACC;CACjB,CAAA,CACE,EAAA,CAAA;AAET,CAAC"}

package/dist/components/file/upload/MultiFileUploadProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiFileUploadProgress.js","names":[],"sources":["../../../../src/components/file/upload/MultiFileUploadProgress.tsx"],"sourcesContent":["import {\n  FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX,\n  FileUploadProgress,\n} from '@/components/EntityUpload/FileUploadProgress'\nimport getActiveUploadCount from '@/utils/hooks/useUploadFileEntity/getActiveUploadCount'\nimport { EntityUploaderState } from '@/utils/hooks/useUploadFileEntity/useUploadFileEntities'\nimport { UploadItem } from '@/utils/hooks/useUploadFileEntity/useUploadFiles'\nimport Box from '@mui/material/Box'\nimport Paper from '@mui/material/Paper'\nimport Typography from '@mui/material/Typography'\nimport pluralize from 'pluralize'\nimport { FixedSizeList } from 'react-window'\n\n// This padding value will be used to manipulate the appearance of a virtualized list of FileUploadProgress components\nconst UPLOAD_CONTAINER_PADDING_X_PX = 24\n\ntype UploadProgressProps = {\n  /**\n   * The current state of the uploader.\n   */\n  uploaderState: EntityUploaderState\n  /**\n   * The progress of each file being uploaded, including status and callbacks for user actions.\n   */\n  uploadProgress: UploadItem[]\n}\n\nexport default function MultiFileUploadProgress(props: UploadProgressProps) {\n  const { uploaderState, uploadProgress } = props\n\n  if (uploadProgress.length === 0) {\n    return null\n  }\n\n  const activeUploadCount = getActiveUploadCount(\n    uploadProgress.map(up => up.status),\n  )\n  const numberOfItemsCompleted = uploadProgress.filter(\n    p => p.status === 'COMPLETE',\n  ).length\n\n  return (\n    <Paper\n      sx={{\n        px: `${UPLOAD_CONTAINER_PADDING_X_PX}px`,\n        py: 2,\n        mt: 3,\n        width: '100%',\n        height: '260px',\n        background: '#FBFBFC',\n      }}\n    >\n      <Typography variant={'headline2'} gutterBottom>\n        {uploaderState === 'WAITING' && <>Uploads</>}\n        {uploaderState === 'UPLOADING' && (\n          <>\n            Uploading {activeUploadCount} {pluralize('Item', activeUploadCount)}\n          </>\n        )}\n        {uploaderState === 'COMPLETE' && (\n          <>\n            Uploaded {numberOfItemsCompleted}{' '}\n            {pluralize('Item', numberOfItemsCompleted)}\n          </>\n        )}\n      </Typography>\n      <Box\n        sx={{\n          // Add negative margin equivalent to the container's padding\n          // This will put the scrollbar on the right edge of the container\n          mx: `${UPLOAD_CONTAINER_PADDING_X_PX * -1}px`,\n\n          '& > div > div > :not(:last-child)': {\n            borderBottom: 'solid 1px #EAECEE',\n          },\n        }}\n      >\n        <FixedSizeList\n          itemSize={FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX}\n          height={205}\n          itemCount={uploadProgress.length}\n          width={'100%'}\n        >\n          {({ index, style }) => {\n            const fileProgress = uploadProgress[index]\n            const fileNameWithPath =\n              fileProgress.file.webkitRelativePath || fileProgress.file.name\n\n            const totalSizeInBytes = fileProgress.file.size\n            const fractionOfPartsUploaded =\n              fileProgress.progress.value / fileProgress.progress.total\n            const uploadedSizeInBytes =\n              totalSizeInBytes * fractionOfPartsUploaded\n\n            return (\n              <div\n                key={\n                  // File path + name should be unique\n                  fileNameWithPath\n                }\n                style={{\n                  ...style,\n                  // Use same value as the outer container's padding to determine the width,\n                  // ensuring the items in the list appear to have the same padding\n                  width: `calc(100% - ${UPLOAD_CONTAINER_PADDING_X_PX * 2}px)`,\n                  margin: `0px ${UPLOAD_CONTAINER_PADDING_X_PX}px`,\n                }}\n              >\n                <FileUploadProgress\n                  fileName={fileNameWithPath}\n                  status={fileProgress.status}\n                  totalSizeInBytes={totalSizeInBytes}\n                  uploadedSizeInBytes={uploadedSizeInBytes}\n                  onCancel={fileProgress.cancel}\n                  onPause={fileProgress.pause}\n                  onResume={fileProgress.resume}\n                  onRemove={fileProgress.remove}\n                  errorMessage={fileProgress.failureReason}\n                />\n              </div>\n            )\n          }}\n        </FixedSizeList>\n      </Box>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAgC;AAatC,SAAwB,EAAwB,GAA4B;CAC1E,IAAM,EAAE,kBAAe,sBAAmB;AAE1C,KAAI,EAAe,WAAW,EAC5B,QAAO;CAGT,IAAM,IAAoB,EACxB,EAAe,KAAI,MAAM,EAAG,OAAO,CACpC,EACK,IAAyB,EAAe,QAC5C,MAAK,EAAE,WAAW,WACnB,CAAC;AAEF,QACE,kBAAC,GAAD;EACE,IAAI;GACF,IAAI,GAAG,EAA8B;GACrC,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,QAAQ;GACR,YAAY;GACb;YARH,CAUE,kBAAC,GAAD;GAAY,SAAS;GAAa,cAAA;aAAlC;IACG,MAAkB,aAAa,kBAAA,GAAA,EAAA,UAAE,WAAU,CAAA;IAC3C,MAAkB,eACjB,kBAAA,GAAA,EAAA,UAAA;KAAE;KACW;KAAkB;KAAE,EAAU,QAAQ,EAAkB;KAClE,EAAA,CAAA;IAEJ,MAAkB,cACjB,kBAAA,GAAA,EAAA,UAAA;KAAE;KACU;KAAwB;KACjC,EAAU,QAAQ,EAAuB;KACzC,EAAA,CAAA;IAEM;MACb,kBAAC,GAAD;GACE,IAAI;IAGF,IAAI,GAAG,IAAgC,GAAG;IAE1C,qCAAqC,EACnC,cAAc,qBACf;IACF;aAED,kBAAC,GAAD;IACE,UAAA;IACA,QAAQ;IACR,WAAW,EAAe;IAC1B,OAAO;eAEL,EAAE,UAAO,eAAY;KACrB,IAAM,IAAe,EAAe,IAC9B,IACJ,EAAa,KAAK,sBAAsB,EAAa,KAAK,MAEtD,IAAmB,EAAa,KAAK,MAGrC,IACJ,KAFA,EAAa,SAAS,QAAQ,EAAa,SAAS;AAItD,YACE,kBAAC,OAAD;MAKE,OAAO;OACL,GAAG;OAGH,OAAO,eAAe,IAAgC,EAAE;OACxD,QAAQ,OAAO,EAA8B;OAC9C;gBAED,kBAAC,GAAD;OACE,UAAU;OACV,QAAQ,EAAa;OACH;OACG;OACrB,UAAU,EAAa;OACvB,SAAS,EAAa;OACtB,UAAU,EAAa;OACvB,UAAU,EAAa;OACvB,cAAc,EAAa;OAC3B,CAAA;MACE,EArBF,EAqBE;;IAGI,CAAA;GACZ,CAAA,CACA"}
+{"version":3,"file":"MultiFileUploadProgress.js","names":[],"sources":["../../../../src/components/file/upload/MultiFileUploadProgress.tsx"],"sourcesContent":["import {\n  FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX,\n  FileUploadProgress,\n} from '@/components/EntityUpload/FileUploadProgress'\nimport getActiveUploadCount from '@/utils/hooks/useUploadFileEntity/getActiveUploadCount'\nimport { EntityUploaderState } from '@/utils/hooks/useUploadFileEntity/useUploadFileEntities'\nimport { UploadItem } from '@/utils/hooks/useUploadFileEntity/useUploadFiles'\nimport Box from '@mui/material/Box'\nimport Paper from '@mui/material/Paper'\nimport Typography from '@mui/material/Typography'\nimport pluralize from 'pluralize'\nimport { FixedSizeList } from 'react-window'\n\n// This padding value will be used to manipulate the appearance of a virtualized list of FileUploadProgress components\nconst UPLOAD_CONTAINER_PADDING_X_PX = 24\n\ntype UploadProgressProps = {\n  /**\n   * The current state of the uploader.\n   */\n  uploaderState: EntityUploaderState\n  /**\n   * The progress of each file being uploaded, including status and callbacks for user actions.\n   */\n  uploadProgress: UploadItem[]\n}\n\nexport default function MultiFileUploadProgress(props: UploadProgressProps) {\n  const { uploaderState, uploadProgress } = props\n\n  if (uploadProgress.length === 0) {\n    return null\n  }\n\n  const activeUploadCount = getActiveUploadCount(\n    uploadProgress.map(up => up.status),\n  )\n  const numberOfItemsCompleted = uploadProgress.filter(\n    p => p.status === 'COMPLETE',\n  ).length\n\n  return (\n    <Paper\n      sx={{\n        px: `${UPLOAD_CONTAINER_PADDING_X_PX}px`,\n        py: 2,\n        mt: 3,\n        width: '100%',\n        height: '260px',\n        background: '#FBFBFC',\n      }}\n    >\n      <Typography variant={'headline2'} gutterBottom>\n        {uploaderState === 'WAITING' && <>Uploads</>}\n        {uploaderState === 'UPLOADING' && (\n          <>\n            Uploading {activeUploadCount} {pluralize('Item', activeUploadCount)}\n          </>\n        )}\n        {uploaderState === 'COMPLETE' && (\n          <>\n            Uploaded {numberOfItemsCompleted}{' '}\n            {pluralize('Item', numberOfItemsCompleted)}\n          </>\n        )}\n      </Typography>\n      <Box\n        sx={{\n          // Add negative margin equivalent to the container's padding\n          // This will put the scrollbar on the right edge of the container\n          mx: `${UPLOAD_CONTAINER_PADDING_X_PX * -1}px`,\n\n          '& > div > div > :not(:last-child)': {\n            borderBottom: 'solid 1px #EAECEE',\n          },\n        }}\n      >\n        <FixedSizeList\n          itemSize={FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX}\n          height={205}\n          itemCount={uploadProgress.length}\n          width={'100%'}\n        >\n          {({ index, style }) => {\n            const fileProgress = uploadProgress[index]\n            const fileNameWithPath =\n              fileProgress.file.webkitRelativePath || fileProgress.file.name\n\n            const totalSizeInBytes = fileProgress.file.size\n            const fractionOfPartsUploaded =\n              fileProgress.progress.value / fileProgress.progress.total\n            const uploadedSizeInBytes =\n              totalSizeInBytes * fractionOfPartsUploaded\n\n            return (\n              <div\n                key={\n                  // File path + name should be unique\n                  fileNameWithPath\n                }\n                style={{\n                  ...style,\n                  // Use same value as the outer container's padding to determine the width,\n                  // ensuring the items in the list appear to have the same padding\n                  width: `calc(100% - ${UPLOAD_CONTAINER_PADDING_X_PX * 2}px)`,\n                  margin: `0px ${UPLOAD_CONTAINER_PADDING_X_PX}px`,\n                }}\n              >\n                <FileUploadProgress\n                  fileName={fileNameWithPath}\n                  status={fileProgress.status}\n                  totalSizeInBytes={totalSizeInBytes}\n                  uploadedSizeInBytes={uploadedSizeInBytes}\n                  onCancel={fileProgress.cancel}\n                  onPause={fileProgress.pause}\n                  onResume={fileProgress.resume}\n                  onRemove={fileProgress.remove}\n                  errorMessage={fileProgress.failureReason}\n                />\n              </div>\n            )\n          }}\n        </FixedSizeList>\n      </Box>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAgC;AAatC,SAAwB,EAAwB,GAA4B;CAC1E,IAAM,EAAE,kBAAe,sBAAmB;CAE1C,IAAI,EAAe,WAAW,GAC5B,OAAO;CAGT,IAAM,IAAoB,EACxB,EAAe,KAAI,MAAM,EAAG,MAAM,CACpC,GACM,IAAyB,EAAe,QAC5C,MAAK,EAAE,WAAW,UACpB,EAAE;CAEF,OACE,kBAAC,GAAD;EACE,IAAI;GACF,IAAI,GAAG,EAA8B;GACrC,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,QAAQ;GACR,YAAY;EACd;YARF,CAUE,kBAAC,GAAD;GAAY,SAAS;GAAa,cAAA;aAAlC;IACG,MAAkB,aAAa,kBAAA,GAAA,EAAA,UAAE,UAAS,CAAA;IAC1C,MAAkB,eACjB,kBAAA,GAAA,EAAA,UAAA;KAAE;KACW;KAAkB;KAAE,EAAU,QAAQ,CAAiB;IAClE,EAAA,CAAA;IAEH,MAAkB,cACjB,kBAAA,GAAA,EAAA,UAAA;KAAE;KACU;KAAwB;KACjC,EAAU,QAAQ,CAAsB;IACzC,EAAA,CAAA;GAEM;MACZ,kBAAC,GAAD;GACE,IAAI;IAGF,IAAI,GAAG,IAAgC,GAAG;IAE1C,qCAAqC,EACnC,cAAc,oBAChB;GACF;aAEA,kBAAC,GAAD;IACE,UAAA;IACA,QAAQ;IACR,WAAW,EAAe;IAC1B,OAAO;eAEL,EAAE,UAAO,eAAY;KACrB,IAAM,IAAe,EAAe,IAC9B,IACJ,EAAa,KAAK,sBAAsB,EAAa,KAAK,MAEtD,IAAmB,EAAa,KAAK,MAGrC,IACJ,KAFA,EAAa,SAAS,QAAQ,EAAa,SAAS;KAItD,OACE,kBAAC,OAAD;MAKE,OAAO;OACL,GAAG;OAGH,OAAO,eAAe,IAAgC,EAAE;OACxD,QAAQ,OAAO,EAA8B;MAC/C;gBAEA,kBAAC,GAAD;OACE,UAAU;OACV,QAAQ,EAAa;OACH;OACG;OACrB,UAAU,EAAa;OACvB,SAAS,EAAa;OACtB,UAAU,EAAa;OACvB,UAAU,EAAa;OACvB,cAAc,EAAa;MAC5B,CAAA;KACE,GArBD,CAqBC;IAET;GACa,CAAA;EACZ,CAAA,CACA;;AAEX"}