synapse-react-client 4.0.19 → 4.0.20

package/dist/components/WordPress/WordPressLatestPostChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"WordPressLatestPostChip.js","names":[],"sources":["../../../src/components/WordPress/WordPressLatestPostChip.tsx"],"sourcesContent":["import { Button, Chip } from '@mui/material'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\nimport { useWordPressCategories } from './useWordPressCategories'\nimport { useWordPressPosts } from './useWordPressPosts'\nimport styles from './WordPressLatestPostChip.module.scss'\n\nexport type WordPressLatestPostChipProps = {\n  wordpressSiteUrl: string\n}\n\nexport function WordPressLatestPostChip({\n  wordpressSiteUrl,\n}: WordPressLatestPostChipProps) {\n  const { data: posts } = useWordPressPosts(wordpressSiteUrl, 1)\n  const { data: categories } = useWordPressCategories(wordpressSiteUrl)\n\n  const post = posts?.[0]\n  if (!post) return null\n\n  const categoryName = categories?.find(c => c.id === post.categories[0])?.name\n\n  return (\n    <Button\n      component=\"a\"\n      href={post.link}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={styles.chip}\n      endIcon={<ArrowForwardIcon />}\n    >\n      <Chip label={categoryName} size=\"small\" className={styles.categoryChip} />\n      <span dangerouslySetInnerHTML={{ __html: post.title.rendered }} />\n    </Button>\n  )\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,EAAwB,EACtC,uBAC+B;CAC/B,IAAM,EAAE,MAAM,MAAU,EAAkB,GAAkB,EAAE,EACxD,EAAE,MAAM,MAAe,EAAuB,EAAiB,EAE/D,IAAO,IAAQ;AACrB,KAAI,CAAC,EAAM,QAAO;CAElB,IAAM,IAAe,GAAY,MAAK,MAAK,EAAE,OAAO,EAAK,WAAW,GAAG,EAAE;AAEzE,QACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,EAAK;EACX,QAAO;EACP,KAAI;EACJ,WAAW,EAAO;EAClB,SAAS,kBAAC,GAAD,EAAoB,CAAA;YAN/B,CAQE,kBAAC,GAAD;GAAM,OAAO;GAAc,MAAK;GAAQ,WAAW,EAAO;GAAgB,CAAA,EAC1E,kBAAC,QAAD,EAAM,yBAAyB,EAAE,QAAQ,EAAK,MAAM,UAAU,EAAI,CAAA,CAC3D"}
+{"version":3,"file":"WordPressLatestPostChip.js","names":[],"sources":["../../../src/components/WordPress/WordPressLatestPostChip.tsx"],"sourcesContent":["import { Button, Chip } from '@mui/material'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\nimport { useWordPressCategories } from './useWordPressCategories'\nimport { useWordPressPosts } from './useWordPressPosts'\nimport styles from './WordPressLatestPostChip.module.scss'\n\nexport type WordPressLatestPostChipProps = {\n  wordpressSiteUrl: string\n}\n\nexport function WordPressLatestPostChip({\n  wordpressSiteUrl,\n}: WordPressLatestPostChipProps) {\n  const { data: posts } = useWordPressPosts(wordpressSiteUrl, 1)\n  const { data: categories } = useWordPressCategories(wordpressSiteUrl)\n\n  const post = posts?.[0]\n  if (!post) return null\n\n  const categoryName = categories?.find(c => c.id === post.categories[0])?.name\n\n  return (\n    <Button\n      component=\"a\"\n      href={post.link}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={styles.chip}\n      endIcon={<ArrowForwardIcon />}\n    >\n      <Chip label={categoryName} size=\"small\" className={styles.categoryChip} />\n      <span dangerouslySetInnerHTML={{ __html: post.title.rendered }} />\n    </Button>\n  )\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,EAAwB,EACtC,uBAC+B;CAC/B,IAAM,EAAE,MAAM,MAAU,EAAkB,GAAkB,CAAC,GACvD,EAAE,MAAM,MAAe,EAAuB,CAAgB,GAE9D,IAAO,IAAQ;CACrB,IAAI,CAAC,GAAM,OAAO;CAElB,IAAM,IAAe,GAAY,MAAK,MAAK,EAAE,OAAO,EAAK,WAAW,EAAE,GAAG;CAEzE,OACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,EAAK;EACX,QAAO;EACP,KAAI;EACJ,WAAW,EAAO;EAClB,SAAS,kBAAC,GAAD,CAAmB,CAAA;YAN9B,CAQE,kBAAC,GAAD;GAAM,OAAO;GAAc,MAAK;GAAQ,WAAW,EAAO;EAAe,CAAA,GACzE,kBAAC,QAAD,EAAM,yBAAyB,EAAE,QAAQ,EAAK,MAAM,SAAS,EAAI,CAAA,CAC3D;;AAEZ"}

package/dist/components/WordPress/useWordPressCategories.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWordPressCategories.js","names":[],"sources":["../../../src/components/WordPress/useWordPressCategories.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { WordPressCategory } from '../SynapseHomepageV2/WordPressNewsItem'\n\nasync function fetchWordPressCategories(\n  wordpressSiteUrl: string,\n): Promise<WordPressCategory[]> {\n  const url = new URL(`${wordpressSiteUrl}/wp-json/wp/v2/categories`)\n  url.searchParams.set('_fields', 'id,name,slug')\n  const response = await fetch(url.toString())\n  if (!response.ok) {\n    throw new Error(\n      `Failed to fetch WordPress categories: ${response.statusText}`,\n    )\n  }\n  return response.json() as Promise<WordPressCategory[]>\n}\n\nexport function useWordPressCategories(wordpressSiteUrl: string) {\n  return useQuery({\n    queryKey: ['wordpressCategories', wordpressSiteUrl],\n    queryFn: () => fetchWordPressCategories(wordpressSiteUrl),\n  })\n}\n"],"mappings":";;AAGA,eAAe,EACb,GAC8B;CAC9B,IAAM,IAAM,IAAI,IAAI,GAAG,EAAiB,2BAA2B;AACnE,GAAI,aAAa,IAAI,WAAW,eAAe;CAC/C,IAAM,IAAW,MAAM,MAAM,EAAI,UAAU,CAAC;AAC5C,KAAI,CAAC,EAAS,GACZ,OAAU,MACR,yCAAyC,EAAS,aACnD;AAEH,QAAO,EAAS,MAAM;;AAGxB,SAAgB,EAAuB,GAA0B;AAC/D,QAAO,EAAS;EACd,UAAU,CAAC,uBAAuB,EAAiB;EACnD,eAAe,EAAyB,EAAiB;EAC1D,CAAC"}
+{"version":3,"file":"useWordPressCategories.js","names":[],"sources":["../../../src/components/WordPress/useWordPressCategories.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { WordPressCategory } from '../SynapseHomepageV2/WordPressNewsItem'\n\nasync function fetchWordPressCategories(\n  wordpressSiteUrl: string,\n): Promise<WordPressCategory[]> {\n  const url = new URL(`${wordpressSiteUrl}/wp-json/wp/v2/categories`)\n  url.searchParams.set('_fields', 'id,name,slug')\n  const response = await fetch(url.toString())\n  if (!response.ok) {\n    throw new Error(\n      `Failed to fetch WordPress categories: ${response.statusText}`,\n    )\n  }\n  return response.json() as Promise<WordPressCategory[]>\n}\n\nexport function useWordPressCategories(wordpressSiteUrl: string) {\n  return useQuery({\n    queryKey: ['wordpressCategories', wordpressSiteUrl],\n    queryFn: () => fetchWordPressCategories(wordpressSiteUrl),\n  })\n}\n"],"mappings":";;AAGA,eAAe,EACb,GAC8B;CAC9B,IAAM,IAAM,IAAI,IAAI,GAAG,EAAiB,0BAA0B;CAClE,EAAI,aAAa,IAAI,WAAW,cAAc;CAC9C,IAAM,IAAW,MAAM,MAAM,EAAI,SAAS,CAAC;CAC3C,IAAI,CAAC,EAAS,IACZ,MAAU,MACR,yCAAyC,EAAS,YACpD;CAEF,OAAO,EAAS,KAAK;AACvB;AAEA,SAAgB,EAAuB,GAA0B;CAC/D,OAAO,EAAS;EACd,UAAU,CAAC,uBAAuB,CAAgB;EAClD,eAAe,EAAyB,CAAgB;CAC1D,CAAC;AACH"}

package/dist/components/WordPress/useWordPressPosts.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWordPressPosts.js","names":[],"sources":["../../../src/components/WordPress/useWordPressPosts.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { WordPressPost } from '../SynapseHomepageV2/WordPressNewsItem'\n\nasync function fetchWordPressPosts(\n  wordpressSiteUrl: string,\n  postCount: number,\n): Promise<WordPressPost[]> {\n  const url = new URL(`${wordpressSiteUrl}/wp-json/wp/v2/posts`)\n  url.searchParams.set('per_page', String(postCount))\n  url.searchParams.set('orderby', 'date')\n  url.searchParams.set('order', 'desc')\n  url.searchParams.set('_fields', 'id,date,link,title,categories')\n  const response = await fetch(url.toString())\n  if (!response.ok) {\n    throw new Error(`Failed to fetch WordPress posts: ${response.statusText}`)\n  }\n  return response.json() as Promise<WordPressPost[]>\n}\n\nexport function useWordPressPosts(wordpressSiteUrl: string, postCount: number) {\n  return useQuery({\n    queryKey: ['wordpressPosts', wordpressSiteUrl, postCount],\n    queryFn: () => fetchWordPressPosts(wordpressSiteUrl, postCount),\n  })\n}\n"],"mappings":";;AAGA,eAAe,EACb,GACA,GAC0B;CAC1B,IAAM,IAAM,IAAI,IAAI,GAAG,EAAiB,sBAAsB;AAI9D,CAHA,EAAI,aAAa,IAAI,YAAY,OAAO,EAAU,CAAC,EACnD,EAAI,aAAa,IAAI,WAAW,OAAO,EACvC,EAAI,aAAa,IAAI,SAAS,OAAO,EACrC,EAAI,aAAa,IAAI,WAAW,gCAAgC;CAChE,IAAM,IAAW,MAAM,MAAM,EAAI,UAAU,CAAC;AAC5C,KAAI,CAAC,EAAS,GACZ,OAAU,MAAM,oCAAoC,EAAS,aAAa;AAE5E,QAAO,EAAS,MAAM;;AAGxB,SAAgB,EAAkB,GAA0B,GAAmB;AAC7E,QAAO,EAAS;EACd,UAAU;GAAC;GAAkB;GAAkB;GAAU;EACzD,eAAe,EAAoB,GAAkB,EAAU;EAChE,CAAC"}
+{"version":3,"file":"useWordPressPosts.js","names":[],"sources":["../../../src/components/WordPress/useWordPressPosts.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { WordPressPost } from '../SynapseHomepageV2/WordPressNewsItem'\n\nasync function fetchWordPressPosts(\n  wordpressSiteUrl: string,\n  postCount: number,\n): Promise<WordPressPost[]> {\n  const url = new URL(`${wordpressSiteUrl}/wp-json/wp/v2/posts`)\n  url.searchParams.set('per_page', String(postCount))\n  url.searchParams.set('orderby', 'date')\n  url.searchParams.set('order', 'desc')\n  url.searchParams.set('_fields', 'id,date,link,title,categories')\n  const response = await fetch(url.toString())\n  if (!response.ok) {\n    throw new Error(`Failed to fetch WordPress posts: ${response.statusText}`)\n  }\n  return response.json() as Promise<WordPressPost[]>\n}\n\nexport function useWordPressPosts(wordpressSiteUrl: string, postCount: number) {\n  return useQuery({\n    queryKey: ['wordpressPosts', wordpressSiteUrl, postCount],\n    queryFn: () => fetchWordPressPosts(wordpressSiteUrl, postCount),\n  })\n}\n"],"mappings":";;AAGA,eAAe,EACb,GACA,GAC0B;CAC1B,IAAM,IAAM,IAAI,IAAI,GAAG,EAAiB,qBAAqB;CAI7D,AAHA,EAAI,aAAa,IAAI,YAAY,OAAO,CAAS,CAAC,GAClD,EAAI,aAAa,IAAI,WAAW,MAAM,GACtC,EAAI,aAAa,IAAI,SAAS,MAAM,GACpC,EAAI,aAAa,IAAI,WAAW,+BAA+B;CAC/D,IAAM,IAAW,MAAM,MAAM,EAAI,SAAS,CAAC;CAC3C,IAAI,CAAC,EAAS,IACZ,MAAU,MAAM,oCAAoC,EAAS,YAAY;CAE3E,OAAO,EAAS,KAAK;AACvB;AAEA,SAAgB,EAAkB,GAA0B,GAAmB;CAC7E,OAAO,EAAS;EACd,UAAU;GAAC;GAAkB;GAAkB;EAAS;EACxD,eAAe,EAAoB,GAAkB,CAAS;CAChE,CAAC;AACH"}

package/dist/components/dataaccess/AccessApprovalsTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessApprovalsTable.js","names":[],"sources":["../../../src/components/dataaccess/AccessApprovalsTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { useSearchAccessApprovalsInfinite } from '@/synapse-queries/dataaccess/useAccessApprovals'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport {\n  AccessApprovalSearchRequest,\n  AccessApprovalSearchResult,\n  AccessApprovalSearchSort,\n  AccessApprovalSortField,\n  Direction,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  SortingState,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { upperFirst } from 'lodash-es'\nimport { useMemo, useState } from 'react'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport UserOrTeamBadge from '../UserOrTeamBadge/index'\n\nconst columnHelper = createColumnHelper<AccessApprovalSearchResult>()\nconst columns = [\n  columnHelper.accessor('accessRequirementId', {\n    header: props => <ColumnHeader {...props} title={'AR ID'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <a\n        href={`${\n          PRODUCTION_ENDPOINT_CONFIG.PORTAL\n        }AccessRequirement:AR_ID=${ctx.getValue()}`}\n        target={'_blank'}\n      >\n        {ctx.getValue()}\n      </a>\n    ),\n  }),\n  columnHelper.accessor('accessRequirementName', {\n    header: props => (\n      <ColumnHeader {...props} title={'Access Requirement Name'} />\n    ),\n    enableSorting: false,\n  }),\n  columnHelper.accessor('submitterId', {\n    header: props => <ColumnHeader {...props} title={'Submitter'} />,\n    enableSorting: false,\n    cell: ctx => <UserOrTeamBadge principalId={ctx.getValue()} />,\n  }),\n  columnHelper.accessor('state', {\n    header: props => <ColumnHeader {...props} title={'Status'} />,\n    enableSorting: false,\n    cell: ctx => upperFirst(ctx.getValue().toLocaleLowerCase()),\n  }),\n  columnHelper.accessor('modifiedOn', {\n    header: props => <ColumnHeader {...props} title={'Modified Date'} />,\n    enableSorting: true,\n    cell: ctx => formatDate(dayjs(ctx.getValue())),\n  }),\n  columnHelper.accessor('expiredOn', {\n    header: props => <ColumnHeader {...props} title={'Expires'} />,\n    enableSorting: true,\n    cell: ctx => (\n      <span\n        className={`${\n          ctx.getValue()\n            ? new Date() > new Date(ctx.getValue())\n              ? 'expired'\n              : ''\n            : 'non-expire'\n        } remove-border`}\n      >\n        {ctx.getValue() ? formatDate(dayjs(ctx.getValue())) : 'Never'}\n      </span>\n    ),\n  }),\n]\n\nfunction getSortApiRequestFromTableSortState(\n  sortingState: SortingState,\n): AccessApprovalSearchSort[] | undefined {\n  if (sortingState.length === 0) {\n    return undefined\n  }\n  const sort = sortingState[0]\n  let field: AccessApprovalSortField = AccessApprovalSortField.MODIFIED_ON\n  if (sort.id === 'modifiedOn') {\n    field = AccessApprovalSortField.MODIFIED_ON\n  } else if (sort.id === 'expiredOn') {\n    field = AccessApprovalSortField.EXPIRED_ON\n  }\n  return [\n    {\n      field,\n      direction: sort.desc ? Direction.DESC : Direction.ASC,\n    },\n  ]\n}\n\nexport type AccessApprovalsTableProps = {\n  accessorId: string\n  accessRequirementId?: string\n}\nexport function AccessApprovalsTable({\n  accessorId,\n  accessRequirementId,\n}: AccessApprovalsTableProps) {\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'modifiedOn',\n    },\n  ])\n\n  const searchRequest: AccessApprovalSearchRequest = useMemo(\n    () => ({\n      accessorId,\n      accessRequirementId,\n      sort: getSortApiRequestFromTableSortState(tableSortState),\n    }),\n    [accessorId, accessRequirementId, tableSortState],\n  )\n\n  const { data, hasNextPage, fetchNextPage, isLoading, isFetchingNextPage } =\n    useSearchAccessApprovalsInfinite(searchRequest)\n  const accessApprovals = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data?.pages],\n  )\n\n  const table = useReactTable<AccessApprovalSearchResult>({\n    data: accessApprovals,\n    columns: columns,\n    getCoreRowModel: getCoreRowModel(),\n    manualSorting: true,\n    onSortingChange: setTableSortState,\n    state: {\n      sorting: tableSortState,\n    },\n    columnResizeMode: 'onChange',\n  })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div className=\"AccessApprovalsTable\">\n      <InfiniteTableLayout\n        table={<StyledTanStackTable table={table} />}\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAwBA,IAAM,IAAe,GAAgD,EAC/D,IAAU;CACd,EAAa,SAAS,uBAAuB;EAC3C,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;GAAW,CAAA;EAC5D,eAAe;EACf,OAAM,MACJ,kBAAC,KAAD;GACE,MAAM,GACJ,EAA2B,OAC5B,0BAA0B,EAAI,UAAU;GACzC,QAAQ;aAEP,EAAI,UAAU;GACb,CAAA;EAEP,CAAC;CACF,EAAa,SAAS,yBAAyB;EAC7C,SAAQ,MACN,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;GAA6B,CAAA;EAE/D,eAAe;EAChB,CAAC;CACF,EAAa,SAAS,eAAe;EACnC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;GAAe,CAAA;EAChE,eAAe;EACf,OAAM,MAAO,kBAAC,GAAD,EAAiB,aAAa,EAAI,UAAU,EAAI,CAAA;EAC9D,CAAC;CACF,EAAa,SAAS,SAAS;EAC7B,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;GAAY,CAAA;EAC7D,eAAe;EACf,OAAM,MAAO,EAAW,EAAI,UAAU,CAAC,mBAAmB,CAAC;EAC5D,CAAC;CACF,EAAa,SAAS,cAAc;EAClC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;GAAmB,CAAA;EACpE,eAAe;EACf,OAAM,MAAO,EAAW,EAAM,EAAI,UAAU,CAAC,CAAC;EAC/C,CAAC;CACF,EAAa,SAAS,aAAa;EACjC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;GAAa,CAAA;EAC9D,eAAe;EACf,OAAM,MACJ,kBAAC,QAAD;GACE,WAAW,GACT,EAAI,UAAU,mBACV,IAAI,MAAM,GAAG,IAAI,KAAK,EAAI,UAAU,CAAC,GACnC,YACA,KACF,aACL;aAEA,EAAI,UAAU,GAAG,EAAW,EAAM,EAAI,UAAU,CAAC,CAAC,GAAG;GACjD,CAAA;EAEV,CAAC;CACH;AAED,SAAS,EACP,GACwC;AACxC,KAAI,EAAa,WAAW,EAC1B;CAEF,IAAM,IAAO,EAAa,IACtB,IAAiC,EAAwB;AAM7D,QALI,EAAK,OAAO,eACd,IAAQ,EAAwB,cACvB,EAAK,OAAO,gBACrB,IAAQ,EAAwB,aAE3B,CACL;EACE;EACA,WAAW,EAAK,OAAO,EAAU,OAAO,EAAU;EACnD,CACF;;AAOH,SAAgB,EAAqB,EACnC,eACA,0BAC4B;CAC5B,IAAM,CAAC,GAAgB,KAAqB,EAAuB,CACjE;EACE,MAAM;EACN,IAAI;EACL,CACF,CAAC,EAWI,EAAE,SAAM,gBAAa,kBAAe,cAAW,0BACnD,EAViD,SAC1C;EACL;EACA;EACA,MAAM,EAAoC,EAAe;EAC1D,GACD;EAAC;EAAY;EAAqB;EAAe,CAIhB,CAAc,EAM3C,IAAQ,EAA0C;EACtD,MANsB,QAChB,GAAM,MAAM,SAAQ,MAAQ,EAAK,QAAQ,IAAI,EAAE,EACrD,CAAC,GAAM,MAAM,CAIP;EACG;EACT,iBAAiB,GAAiB;EAClC,eAAe;EACf,iBAAiB;EACjB,OAAO,EACL,SAAS,GACV;EACD,kBAAkB;EACnB,CAAC,EAEI,IAAU,CAAC,KAAa,EAAM,aAAa,CAAC,KAAK,WAAW;AAElE,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,OAAO,kBAAC,GAAD,EAA4B,UAAS,CAAA;GACjC;GACF;GACI;GACb,8BAA8B;AACvB,OAAe;;GAEF;GACpB,CAAA;EACE,CAAA"}
+{"version":3,"file":"AccessApprovalsTable.js","names":[],"sources":["../../../src/components/dataaccess/AccessApprovalsTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { useSearchAccessApprovalsInfinite } from '@/synapse-queries/dataaccess/useAccessApprovals'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport {\n  AccessApprovalSearchRequest,\n  AccessApprovalSearchResult,\n  AccessApprovalSearchSort,\n  AccessApprovalSortField,\n  Direction,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  SortingState,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { upperFirst } from 'lodash-es'\nimport { useMemo, useState } from 'react'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport UserOrTeamBadge from '../UserOrTeamBadge/index'\n\nconst columnHelper = createColumnHelper<AccessApprovalSearchResult>()\nconst columns = [\n  columnHelper.accessor('accessRequirementId', {\n    header: props => <ColumnHeader {...props} title={'AR ID'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <a\n        href={`${\n          PRODUCTION_ENDPOINT_CONFIG.PORTAL\n        }AccessRequirement:AR_ID=${ctx.getValue()}`}\n        target={'_blank'}\n      >\n        {ctx.getValue()}\n      </a>\n    ),\n  }),\n  columnHelper.accessor('accessRequirementName', {\n    header: props => (\n      <ColumnHeader {...props} title={'Access Requirement Name'} />\n    ),\n    enableSorting: false,\n  }),\n  columnHelper.accessor('submitterId', {\n    header: props => <ColumnHeader {...props} title={'Submitter'} />,\n    enableSorting: false,\n    cell: ctx => <UserOrTeamBadge principalId={ctx.getValue()} />,\n  }),\n  columnHelper.accessor('state', {\n    header: props => <ColumnHeader {...props} title={'Status'} />,\n    enableSorting: false,\n    cell: ctx => upperFirst(ctx.getValue().toLocaleLowerCase()),\n  }),\n  columnHelper.accessor('modifiedOn', {\n    header: props => <ColumnHeader {...props} title={'Modified Date'} />,\n    enableSorting: true,\n    cell: ctx => formatDate(dayjs(ctx.getValue())),\n  }),\n  columnHelper.accessor('expiredOn', {\n    header: props => <ColumnHeader {...props} title={'Expires'} />,\n    enableSorting: true,\n    cell: ctx => (\n      <span\n        className={`${\n          ctx.getValue()\n            ? new Date() > new Date(ctx.getValue())\n              ? 'expired'\n              : ''\n            : 'non-expire'\n        } remove-border`}\n      >\n        {ctx.getValue() ? formatDate(dayjs(ctx.getValue())) : 'Never'}\n      </span>\n    ),\n  }),\n]\n\nfunction getSortApiRequestFromTableSortState(\n  sortingState: SortingState,\n): AccessApprovalSearchSort[] | undefined {\n  if (sortingState.length === 0) {\n    return undefined\n  }\n  const sort = sortingState[0]\n  let field: AccessApprovalSortField = AccessApprovalSortField.MODIFIED_ON\n  if (sort.id === 'modifiedOn') {\n    field = AccessApprovalSortField.MODIFIED_ON\n  } else if (sort.id === 'expiredOn') {\n    field = AccessApprovalSortField.EXPIRED_ON\n  }\n  return [\n    {\n      field,\n      direction: sort.desc ? Direction.DESC : Direction.ASC,\n    },\n  ]\n}\n\nexport type AccessApprovalsTableProps = {\n  accessorId: string\n  accessRequirementId?: string\n}\nexport function AccessApprovalsTable({\n  accessorId,\n  accessRequirementId,\n}: AccessApprovalsTableProps) {\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'modifiedOn',\n    },\n  ])\n\n  const searchRequest: AccessApprovalSearchRequest = useMemo(\n    () => ({\n      accessorId,\n      accessRequirementId,\n      sort: getSortApiRequestFromTableSortState(tableSortState),\n    }),\n    [accessorId, accessRequirementId, tableSortState],\n  )\n\n  const { data, hasNextPage, fetchNextPage, isLoading, isFetchingNextPage } =\n    useSearchAccessApprovalsInfinite(searchRequest)\n  const accessApprovals = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data?.pages],\n  )\n\n  const table = useReactTable<AccessApprovalSearchResult>({\n    data: accessApprovals,\n    columns: columns,\n    getCoreRowModel: getCoreRowModel(),\n    manualSorting: true,\n    onSortingChange: setTableSortState,\n    state: {\n      sorting: tableSortState,\n    },\n    columnResizeMode: 'onChange',\n  })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div className=\"AccessApprovalsTable\">\n      <InfiniteTableLayout\n        table={<StyledTanStackTable table={table} />}\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAwBA,IAAM,IAAe,EAA+C,GAC9D,IAAU;CACd,EAAa,SAAS,uBAAuB;EAC3C,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAU,CAAA;EAC3D,eAAe;EACf,OAAM,MACJ,kBAAC,KAAD;GACE,MAAM,GACJ,EAA2B,OAC5B,0BAA0B,EAAI,SAAS;GACxC,QAAQ;aAEP,EAAI,SAAS;EACb,CAAA;CAEP,CAAC;CACD,EAAa,SAAS,yBAAyB;EAC7C,SAAQ,MACN,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAA4B,CAAA;EAE9D,eAAe;CACjB,CAAC;CACD,EAAa,SAAS,eAAe;EACnC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAc,CAAA;EAC/D,eAAe;EACf,OAAM,MAAO,kBAAC,GAAD,EAAiB,aAAa,EAAI,SAAS,EAAI,CAAA;CAC9D,CAAC;CACD,EAAa,SAAS,SAAS;EAC7B,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAW,CAAA;EAC5D,eAAe;EACf,OAAM,MAAO,EAAW,EAAI,SAAS,EAAE,kBAAkB,CAAC;CAC5D,CAAC;CACD,EAAa,SAAS,cAAc;EAClC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAkB,CAAA;EACnE,eAAe;EACf,OAAM,MAAO,EAAW,EAAM,EAAI,SAAS,CAAC,CAAC;CAC/C,CAAC;CACD,EAAa,SAAS,aAAa;EACjC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAY,CAAA;EAC7D,eAAe;EACf,OAAM,MACJ,kBAAC,QAAD;GACE,WAAW,GACT,EAAI,SAAS,oBACT,IAAI,KAAK,IAAI,IAAI,KAAK,EAAI,SAAS,CAAC,IAClC,YACA,KACF,aACL;aAEA,EAAI,SAAS,IAAI,EAAW,EAAM,EAAI,SAAS,CAAC,CAAC,IAAI;EAClD,CAAA;CAEV,CAAC;AACH;AAEA,SAAS,EACP,GACwC;CACxC,IAAI,EAAa,WAAW,GAC1B;CAEF,IAAM,IAAO,EAAa,IACtB,IAAiC,EAAwB;CAM7D,OALI,EAAK,OAAO,eACd,IAAQ,EAAwB,cACvB,EAAK,OAAO,gBACrB,IAAQ,EAAwB,aAE3B,CACL;EACE;EACA,WAAW,EAAK,OAAO,EAAU,OAAO,EAAU;CACpD,CACF;AACF;AAMA,SAAgB,EAAqB,EACnC,eACA,0BAC4B;CAC5B,IAAM,CAAC,GAAgB,KAAqB,EAAuB,CACjE;EACE,MAAM;EACN,IAAI;CACN,CACF,CAAC,GAWK,EAAE,SAAM,gBAAa,kBAAe,cAAW,0BACnD,EAViD,SAC1C;EACL;EACA;EACA,MAAM,EAAoC,CAAc;CAC1D,IACA;EAAC;EAAY;EAAqB;CAAc,CAIf,CAAa,GAM1C,IAAQ,EAA0C;EACtD,MANsB,QAChB,GAAM,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC,GACpD,CAAC,GAAM,KAAK,CAIN;EACG;EACT,iBAAiB,EAAgB;EACjC,eAAe;EACf,iBAAiB;EACjB,OAAO,EACL,SAAS,EACX;EACA,kBAAkB;CACpB,CAAC,GAEK,IAAU,CAAC,KAAa,EAAM,YAAY,EAAE,KAAK,WAAW;CAElE,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,OAAO,kBAAC,GAAD,EAA4B,SAAQ,CAAA;GAChC;GACF;GACI;GACb,8BAA8B;IAC5B,EAAmB;GACrB;GACoB;EACrB,CAAA;CACE,CAAA;AAET"}

package/dist/components/dataaccess/AccessHistoryDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessHistoryDashboard.js","names":[],"sources":["../../../src/components/dataaccess/AccessHistoryDashboard.tsx"],"sourcesContent":["import React from 'react'\nimport SearchImage from '@/assets/icons/SearchImage'\nimport { useGetCurrentUserBundle } from '@/synapse-queries'\nimport { useDebouncedEffect } from '@/utils/hooks/useDebouncedEffect'\nimport { Typography } from '@mui/material'\nimport Grid from '@mui/material/Grid'\nimport { TYPE_FILTER } from '@sage-bionetworks/synapse-types'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport UserOrTeamBadge from '../UserOrTeamBadge/UserOrTeamBadge'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport {\n  AccessApprovalsTable,\n  AccessApprovalsTableProps,\n} from './AccessApprovalsTable'\nimport {\n  AccessRequestSubmissionTable,\n  AccessRequestSubmissionTableProps,\n} from './AccessRequestSubmissionTable'\nimport AccessRequirementSearchBox from './AccessRequirementSearchBox/AccessRequirementSearchBox'\n\nconst SearchStartComponent = (): React.ReactNode => {\n  return (\n    <div className=\"text-center\">\n      <SearchImage className=\"SearchPlaceholderImage\" height=\"167px\" />\n      <Typography variant=\"body1Italic\">\n        Select a user using the search field above to view their data access\n        history\n      </Typography>\n    </div>\n  )\n}\n\nexport const UserHistoryDashboard = (): React.ReactNode => {\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >()\n  const [accessorId, setAccessorId] = useState<string>('')\n  const [approvalTableProps, setApprovalTableProps] =\n    useState<AccessApprovalsTableProps>({\n      accessorId,\n      accessRequirementId,\n    })\n  const [submissionTableProps, setSubmissionTableProps] =\n    useState<AccessRequestSubmissionTableProps>({\n      showStatus: true,\n      showSubmitter: true,\n      accessorId,\n      accessRequirementId,\n    })\n\n  const { data: userBundle } = useGetCurrentUserBundle()\n  const hasActPermissions = userBundle?.isACTMember\n\n  const location = useLocation()\n  const navigate = useNavigate()\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const onAccessorChange = useCallback((selected: string | null) => {\n    if (selected) {\n      setAccessorId(selected)\n    } else {\n      setAccessorId('')\n    }\n  }, [])\n\n  useEffect(() => {\n    const initializeFromSearchParam = () => {\n      const initialParams = new URLSearchParams(location.search)\n      setAccessRequirementId(\n        initialParams.get('accessRequirementId') ?? undefined,\n      )\n      setAccessorId(initialParams.get('accessorId') ?? '')\n    }\n    initializeFromSearchParam()\n  }, [location.search])\n\n  useDebouncedEffect(\n    () => {\n      const updateQueryParams = (\n        accessRequirementId: string | undefined,\n        accessorId: string,\n      ) => {\n        const params = new URLSearchParams(\n          omitBy(\n            {\n              accessRequirementId,\n              accessorId,\n            },\n            item => item === undefined || item === '',\n          ) as Record<string, string>,\n        )\n        navigate(\n          {\n            pathname: location.pathname,\n            search: params.toString(),\n          },\n          { replace: true },\n        )\n      }\n\n      updateQueryParams(accessRequirementId, accessorId)\n      setApprovalTableProps({\n        accessorId,\n        accessRequirementId,\n      })\n      setSubmissionTableProps({\n        showStatus: true,\n        showSubmitter: true,\n        accessorId,\n        accessRequirementId,\n      })\n    },\n    [accessRequirementId, accessorId, navigate, location.pathname],\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n\n  return (\n    <div className=\"UserHistoryDashboard\">\n      <Grid container spacing={2} className=\"InputPanel\">\n        <Grid size={{ xs: 12, md: 6 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"user-filter\"\n          >\n            Select a user to view their access history\n          </Typography>\n          <UserSearchBox\n            inputId=\"user-filter\"\n            onChange={onAccessorChange}\n            value={accessorId}\n            placeholder=\"Search for a user name\"\n            typeFilter={TYPE_FILTER.USERS_ONLY}\n          />\n        </Grid>\n\n        {accessorId && (\n          <Grid size={{ xs: 12, md: 6 }}>\n            <Typography\n              component=\"label\"\n              variant=\"smallText2\"\n              htmlFor=\"arName-filter\"\n            >\n              Filter by Access Requirement Name\n            </Typography>\n            <AccessRequirementSearchBox\n              inputId=\"arName-filter\"\n              placeholder=\"Search for an Access Requirement Name \"\n              onChange={setAccessRequirementId}\n            />\n          </Grid>\n        )}\n      </Grid>\n\n      {accessorId ? (\n        <>\n          <Typography variant=\"headline3\">\n            Submissions including <UserOrTeamBadge principalId={accessorId} />\n          </Typography>\n          <AccessRequestSubmissionTable {...submissionTableProps} />\n          {hasActPermissions && (\n            <>\n              <Typography variant=\"headline3\">\n                Status in Access Requirements\n              </Typography>\n              <AccessApprovalsTable {...approvalTableProps} />\n            </>\n          )}\n        </>\n      ) : (\n        <SearchStartComponent />\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,IAAM,UAEF,kBAAC,OAAD;CAAK,WAAU;WAAf,CACE,kBAAC,GAAD;EAAa,WAAU;EAAyB,QAAO;EAAU,CAAA,EACjE,kBAAC,GAAD;EAAY,SAAQ;YAAc;EAGrB,CAAA,CACT;IAIG,UAA8C;CACzD,IAAM,CAAC,GAAqB,KAA0B,GAEnD,EACG,CAAC,GAAY,KAAiB,EAAiB,GAAG,EAClD,CAAC,GAAoB,KACzB,EAAoC;EAClC;EACA;EACD,CAAC,EACE,CAAC,GAAsB,KAC3B,EAA4C;EAC1C,YAAY;EACZ,eAAe;EACf;EACA;EACD,CAAC,EAEE,EAAE,MAAM,MAAe,GAAyB,EAChD,IAAoB,GAAY,aAEhC,IAAW,GAAa,EACxB,IAAW,GAAa,EAGxB,IAAmB,GAAa,MAA4B;AAChE,EACE,EADE,KAGY,GAAG;IAElB,EAAE,CAAC;AAqDN,QAnDA,QAAgB;AAQd,SAPwC;GACtC,IAAM,IAAgB,IAAI,gBAAgB,EAAS,OAAO;AAI1D,GAHA,EACE,EAAc,IAAI,sBAAsB,IAAI,KAAA,EAC7C,EACD,EAAc,EAAc,IAAI,aAAa,IAAI,GAAG;MAE3B;IAC1B,CAAC,EAAS,OAAO,CAAC,EAErB,QACQ;AA4BJ,IA1BE,GACA,MACG;GACH,IAAM,IAAS,IAAI,gBACjB,EACE;IACE;IACA;IACD,GACD,MAAQ,MAAS,KAAA,KAAa,MAAS,GACxC,CACF;AACD,KACE;IACE,UAAU,EAAS;IACnB,QAAQ,EAAO,UAAU;IAC1B,EACD,EAAE,SAAS,IAAM,CAClB;KAGe,GAAqB,EAAW,EAClD,EAAsB;GACpB;GACA;GACD,CAAC,EACF,EAAwB;GACtB,YAAY;GACZ,eAAe;GACf;GACA;GACD,CAAC;IAEJ;EAAC;EAAqB;EAAY;EAAU,EAAS;EAAS,EAC9D,IACD,EAGC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAM,WAAA;GAAU,SAAS;GAAG,WAAU;aAAtC,CACE,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;KAAG;cAA7B,CACE,kBAAC,GAAD;KACE,WAAU;KACV,SAAQ;KACR,SAAQ;eACT;KAEY,CAAA,EACb,kBAAC,GAAD;KACE,SAAQ;KACR,UAAU;KACV,OAAO;KACP,aAAY;KACZ,YAAY,EAAY;KACxB,CAAA,CACG;OAEN,KACC,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;KAAG;cAA7B,CACE,kBAAC,GAAD;KACE,WAAU;KACV,SAAQ;KACR,SAAQ;eACT;KAEY,CAAA,EACb,kBAAC,GAAD;KACE,SAAQ;KACR,aAAY;KACZ,UAAU;KACV,CAAA,CACG;MAEJ;MAEN,IACC,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAQ;cAApB,CAAgC,0BACR,kBAAC,GAAD,EAAiB,aAAa,GAAc,CAAA,CACvD;;GACb,kBAAC,GAAD,EAA8B,GAAI,GAAwB,CAAA;GACzD,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAQ;cAAY;IAEnB,CAAA,EACb,kBAAC,GAAD,EAAsB,GAAI,GAAsB,CAAA,CAC/C,EAAA,CAAA;GAEJ,EAAA,CAAA,GAEH,kBAAC,GAAD,EAAwB,CAAA,CAEtB"}
+{"version":3,"file":"AccessHistoryDashboard.js","names":[],"sources":["../../../src/components/dataaccess/AccessHistoryDashboard.tsx"],"sourcesContent":["import React from 'react'\nimport SearchImage from '@/assets/icons/SearchImage'\nimport { useGetCurrentUserBundle } from '@/synapse-queries'\nimport { useDebouncedEffect } from '@/utils/hooks/useDebouncedEffect'\nimport { Typography } from '@mui/material'\nimport Grid from '@mui/material/Grid'\nimport { TYPE_FILTER } from '@sage-bionetworks/synapse-types'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport UserOrTeamBadge from '../UserOrTeamBadge/UserOrTeamBadge'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport {\n  AccessApprovalsTable,\n  AccessApprovalsTableProps,\n} from './AccessApprovalsTable'\nimport {\n  AccessRequestSubmissionTable,\n  AccessRequestSubmissionTableProps,\n} from './AccessRequestSubmissionTable'\nimport AccessRequirementSearchBox from './AccessRequirementSearchBox/AccessRequirementSearchBox'\n\nconst SearchStartComponent = (): React.ReactNode => {\n  return (\n    <div className=\"text-center\">\n      <SearchImage className=\"SearchPlaceholderImage\" height=\"167px\" />\n      <Typography variant=\"body1Italic\">\n        Select a user using the search field above to view their data access\n        history\n      </Typography>\n    </div>\n  )\n}\n\nexport const UserHistoryDashboard = (): React.ReactNode => {\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >()\n  const [accessorId, setAccessorId] = useState<string>('')\n  const [approvalTableProps, setApprovalTableProps] =\n    useState<AccessApprovalsTableProps>({\n      accessorId,\n      accessRequirementId,\n    })\n  const [submissionTableProps, setSubmissionTableProps] =\n    useState<AccessRequestSubmissionTableProps>({\n      showStatus: true,\n      showSubmitter: true,\n      accessorId,\n      accessRequirementId,\n    })\n\n  const { data: userBundle } = useGetCurrentUserBundle()\n  const hasActPermissions = userBundle?.isACTMember\n\n  const location = useLocation()\n  const navigate = useNavigate()\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const onAccessorChange = useCallback((selected: string | null) => {\n    if (selected) {\n      setAccessorId(selected)\n    } else {\n      setAccessorId('')\n    }\n  }, [])\n\n  useEffect(() => {\n    const initializeFromSearchParam = () => {\n      const initialParams = new URLSearchParams(location.search)\n      setAccessRequirementId(\n        initialParams.get('accessRequirementId') ?? undefined,\n      )\n      setAccessorId(initialParams.get('accessorId') ?? '')\n    }\n    initializeFromSearchParam()\n  }, [location.search])\n\n  useDebouncedEffect(\n    () => {\n      const updateQueryParams = (\n        accessRequirementId: string | undefined,\n        accessorId: string,\n      ) => {\n        const params = new URLSearchParams(\n          omitBy(\n            {\n              accessRequirementId,\n              accessorId,\n            },\n            item => item === undefined || item === '',\n          ) as Record<string, string>,\n        )\n        navigate(\n          {\n            pathname: location.pathname,\n            search: params.toString(),\n          },\n          { replace: true },\n        )\n      }\n\n      updateQueryParams(accessRequirementId, accessorId)\n      setApprovalTableProps({\n        accessorId,\n        accessRequirementId,\n      })\n      setSubmissionTableProps({\n        showStatus: true,\n        showSubmitter: true,\n        accessorId,\n        accessRequirementId,\n      })\n    },\n    [accessRequirementId, accessorId, navigate, location.pathname],\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n\n  return (\n    <div className=\"UserHistoryDashboard\">\n      <Grid container spacing={2} className=\"InputPanel\">\n        <Grid size={{ xs: 12, md: 6 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"user-filter\"\n          >\n            Select a user to view their access history\n          </Typography>\n          <UserSearchBox\n            inputId=\"user-filter\"\n            onChange={onAccessorChange}\n            value={accessorId}\n            placeholder=\"Search for a user name\"\n            typeFilter={TYPE_FILTER.USERS_ONLY}\n          />\n        </Grid>\n\n        {accessorId && (\n          <Grid size={{ xs: 12, md: 6 }}>\n            <Typography\n              component=\"label\"\n              variant=\"smallText2\"\n              htmlFor=\"arName-filter\"\n            >\n              Filter by Access Requirement Name\n            </Typography>\n            <AccessRequirementSearchBox\n              inputId=\"arName-filter\"\n              placeholder=\"Search for an Access Requirement Name \"\n              onChange={setAccessRequirementId}\n            />\n          </Grid>\n        )}\n      </Grid>\n\n      {accessorId ? (\n        <>\n          <Typography variant=\"headline3\">\n            Submissions including <UserOrTeamBadge principalId={accessorId} />\n          </Typography>\n          <AccessRequestSubmissionTable {...submissionTableProps} />\n          {hasActPermissions && (\n            <>\n              <Typography variant=\"headline3\">\n                Status in Access Requirements\n              </Typography>\n              <AccessApprovalsTable {...approvalTableProps} />\n            </>\n          )}\n        </>\n      ) : (\n        <SearchStartComponent />\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,IAAM,UAEF,kBAAC,OAAD;CAAK,WAAU;WAAf,CACE,kBAAC,GAAD;EAAa,WAAU;EAAyB,QAAO;CAAS,CAAA,GAChE,kBAAC,GAAD;EAAY,SAAQ;YAAc;CAGtB,CAAA,CACT;IAII,UAA8C;CACzD,IAAM,CAAC,GAAqB,KAA0B,EAEpD,GACI,CAAC,GAAY,KAAiB,EAAiB,EAAE,GACjD,CAAC,GAAoB,KACzB,EAAoC;EAClC;EACA;CACF,CAAC,GACG,CAAC,GAAsB,KAC3B,EAA4C;EAC1C,YAAY;EACZ,eAAe;EACf;EACA;CACF,CAAC,GAEG,EAAE,MAAM,MAAe,EAAwB,GAC/C,IAAoB,GAAY,aAEhC,IAAW,EAAY,GACvB,IAAW,EAAY,GAGvB,IAAmB,GAAa,MAA4B;EAChE,AACE,EADE,KAGY,EAAE;CAEpB,GAAG,CAAC,CAAC;CAqDL,OAnDA,QAAgB;EAQd,OAPwC;GACtC,IAAM,IAAgB,IAAI,gBAAgB,EAAS,MAAM;GAIzD,AAHA,EACE,EAAc,IAAI,qBAAqB,KAAK,KAAA,CAC9C,GACA,EAAc,EAAc,IAAI,YAAY,KAAK,EAAE;EACrD,GAC0B;CAC5B,GAAG,CAAC,EAAS,MAAM,CAAC,GAEpB,QACQ;EA4BJ,EA1BE,GACA,MACG;GACH,IAAM,IAAS,IAAI,gBACjB,EACE;IACE;IACA;GACF,IACA,MAAQ,MAAS,KAAA,KAAa,MAAS,EACzC,CACF;GACA,EACE;IACE,UAAU,EAAS;IACnB,QAAQ,EAAO,SAAS;GAC1B,GACA,EAAE,SAAS,GAAK,CAClB;EACF,GAEkB,GAAqB,CAAU,GACjD,EAAsB;GACpB;GACA;EACF,CAAC,GACD,EAAwB;GACtB,YAAY;GACZ,eAAe;GACf;GACA;EACF,CAAC;CACH,GACA;EAAC;EAAqB;EAAY;EAAU,EAAS;CAAQ,GAC7D,GACF,GAGE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAM,WAAA;GAAU,SAAS;GAAG,WAAU;aAAtC,CACE,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;IAAE;cAA5B,CACE,kBAAC,GAAD;KACE,WAAU;KACV,SAAQ;KACR,SAAQ;eACT;IAEW,CAAA,GACZ,kBAAC,GAAD;KACE,SAAQ;KACR,UAAU;KACV,OAAO;KACP,aAAY;KACZ,YAAY,EAAY;IACzB,CAAA,CACG;OAEL,KACC,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;IAAE;cAA5B,CACE,kBAAC,GAAD;KACE,WAAU;KACV,SAAQ;KACR,SAAQ;eACT;IAEW,CAAA,GACZ,kBAAC,GAAD;KACE,SAAQ;KACR,aAAY;KACZ,UAAU;IACX,CAAA,CACG;KAEJ;MAEL,IACC,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAQ;cAApB,CAAgC,0BACR,kBAAC,GAAD,EAAiB,aAAa,EAAa,CAAA,CACvD;;GACZ,kBAAC,GAAD,EAA8B,GAAI,EAAuB,CAAA;GACxD,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAQ;cAAY;GAEpB,CAAA,GACZ,kBAAC,GAAD,EAAsB,GAAI,EAAqB,CAAA,CAC/C,EAAA,CAAA;EAEJ,EAAA,CAAA,IAEF,kBAAC,GAAD,CAAuB,CAAA,CAEtB;;AAET"}

package/dist/components/dataaccess/AccessRequestSubmissionTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequestSubmissionTable.js","names":[],"sources":["../../../src/components/dataaccess/AccessRequestSubmissionTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { useSearchAccessSubmissionsInfinite } from '@/synapse-queries/dataaccess/useDataAccessSubmission'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { ACT_TEAM_ID } from '@/utils/SynapseConstants'\nimport { Stack } from '@mui/material'\nimport {\n  SubmissionReviewerFilterType,\n  SubmissionSearchRequest,\n  SubmissionSearchResult,\n  SubmissionSearchSort,\n  SubmissionState,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  SortingState,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { upperFirst } from 'lodash-es'\nimport { useMemo, useState } from 'react'\nimport { Link } from 'react-router'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport UserOrTeamBadge from '../UserOrTeamBadge/UserOrTeamBadge'\nimport { getSortApiRequestFromTableSortState } from './UserAccessRequestHistory/SubmissionSortStateTranslator'\n\nconst columnHelper = createColumnHelper<SubmissionSearchResult>()\nconst columns = [\n  columnHelper.accessor('id', {\n    header: props => <ColumnHeader {...props} title={'Request'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <Link to={`/Submissions/${ctx.getValue()}`}>{ctx.getValue()}</Link>\n    ),\n  }),\n  columnHelper.accessor('accessRequirementName', {\n    header: props => (\n      <ColumnHeader {...props} title={'Access Requirement Name'} />\n    ),\n    enableSorting: false,\n  }),\n  columnHelper.accessor('submitterId', {\n    header: props => <ColumnHeader {...props} title={'Submitter'} />,\n    enableSorting: false,\n    cell: ctx => <UserOrTeamBadge principalId={ctx.getValue()} />,\n  }),\n  columnHelper.accessor('state', {\n    header: props => <ColumnHeader {...props} title={'Status'} />,\n    enableSorting: false,\n    cell: ctx => upperFirst(ctx.getValue().toLocaleLowerCase()),\n  }),\n\n  columnHelper.accessor('accessorChanges', {\n    header: props => <ColumnHeader {...props} title={'Requesters'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <Stack\n        sx={{\n          gap: 1,\n        }}\n      >\n        <UserOrTeamBadge principalId={ctx.row.original.submitterId} />\n        {ctx\n          .getValue()\n          .filter(user => ctx.row.original.submitterId !== user.userId)\n          .map(requester => (\n            <UserBadge\n              key={requester.userId}\n              userId={requester.userId}\n              className=\"requester\"\n            />\n          ))}\n      </Stack>\n    ),\n  }),\n  columnHelper.accessor('accessRequirementReviewerIds', {\n    header: props => <ColumnHeader {...props} title={'Reviewer(s)'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <Stack\n        sx={{\n          gap: 1,\n        }}\n      >\n        {ctx.getValue().length === 0 ? (\n          <UserOrTeamBadge principalId={ACT_TEAM_ID} />\n        ) : (\n          ctx\n            .getValue()\n            .map(reviewerId => (\n              <UserOrTeamBadge key={reviewerId} principalId={reviewerId} />\n            ))\n        )}\n      </Stack>\n    ),\n  }),\n  columnHelper.accessor('createdOn', {\n    header: props => <ColumnHeader {...props} title={'Created Date'} />,\n    enableSorting: true,\n    cell: ctx => formatDate(dayjs(ctx.getValue())),\n    sortDescFirst: true,\n  }),\n]\n\nexport type AccessRequestSubmissionTableProps = {\n  showSubmitter?: boolean\n  showStatus?: boolean\n  showRequesters?: boolean\n  accessorId?: string\n  accessRequirementId?: string\n  reviewerId?: string\n  submissionState?: SubmissionState\n  reviewerFilterType?: SubmissionReviewerFilterType\n}\n\nexport function AccessRequestSubmissionTable({\n  showSubmitter = false,\n  showStatus = false,\n  showRequesters = false,\n  accessorId,\n  accessRequirementId,\n  reviewerId,\n  submissionState,\n  reviewerFilterType,\n}: AccessRequestSubmissionTableProps) {\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'createdOn',\n    },\n  ])\n\n  const searchRequest: SubmissionSearchRequest = useMemo(\n    () => ({\n      accessorId,\n      accessRequirementId,\n      submissionState,\n      reviewerId,\n      reviewerFilterType,\n      sort: getSortApiRequestFromTableSortState(tableSortState) as\n        | SubmissionSearchSort[] // cast to synapse-types (not OpenAPI-defined) type\n        | undefined,\n    }),\n    [\n      accessorId,\n      accessRequirementId,\n      submissionState,\n      reviewerId,\n      reviewerFilterType,\n      tableSortState,\n    ],\n  )\n\n  const { data, hasNextPage, fetchNextPage, isLoading, isFetchingNextPage } =\n    useSearchAccessSubmissionsInfinite(searchRequest)\n\n  const accessSubmissions = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data?.pages],\n  )\n\n  const table = useReactTable<SubmissionSearchResult>({\n    data: accessSubmissions,\n    columns: columns,\n    getCoreRowModel: getCoreRowModel(),\n    enableFilters: false, // filters are handled by separate controls\n    manualSorting: true,\n    onSortingChange: setTableSortState,\n    state: {\n      sorting: tableSortState,\n      columnVisibility: {\n        submitterId: showSubmitter,\n        state: showStatus,\n        accessorChanges: showRequesters,\n      },\n    },\n    columnResizeMode: 'onChange',\n  })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div className={'AccessSubmissionTable'}>\n      <InfiniteTableLayout\n        table={<StyledTanStackTable table={table} fullWidth={true} />}\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccessRequestSubmissionTable.js","names":[],"sources":["../../../src/components/dataaccess/AccessRequestSubmissionTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { useSearchAccessSubmissionsInfinite } from '@/synapse-queries/dataaccess/useDataAccessSubmission'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { ACT_TEAM_ID } from '@/utils/SynapseConstants'\nimport { Stack } from '@mui/material'\nimport {\n  SubmissionReviewerFilterType,\n  SubmissionSearchRequest,\n  SubmissionSearchResult,\n  SubmissionSearchSort,\n  SubmissionState,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  SortingState,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { upperFirst } from 'lodash-es'\nimport { useMemo, useState } from 'react'\nimport { Link } from 'react-router'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport UserOrTeamBadge from '../UserOrTeamBadge/UserOrTeamBadge'\nimport { getSortApiRequestFromTableSortState } from './UserAccessRequestHistory/SubmissionSortStateTranslator'\n\nconst columnHelper = createColumnHelper<SubmissionSearchResult>()\nconst columns = [\n  columnHelper.accessor('id', {\n    header: props => <ColumnHeader {...props} title={'Request'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <Link to={`/Submissions/${ctx.getValue()}`}>{ctx.getValue()}</Link>\n    ),\n  }),\n  columnHelper.accessor('accessRequirementName', {\n    header: props => (\n      <ColumnHeader {...props} title={'Access Requirement Name'} />\n    ),\n    enableSorting: false,\n  }),\n  columnHelper.accessor('submitterId', {\n    header: props => <ColumnHeader {...props} title={'Submitter'} />,\n    enableSorting: false,\n    cell: ctx => <UserOrTeamBadge principalId={ctx.getValue()} />,\n  }),\n  columnHelper.accessor('state', {\n    header: props => <ColumnHeader {...props} title={'Status'} />,\n    enableSorting: false,\n    cell: ctx => upperFirst(ctx.getValue().toLocaleLowerCase()),\n  }),\n\n  columnHelper.accessor('accessorChanges', {\n    header: props => <ColumnHeader {...props} title={'Requesters'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <Stack\n        sx={{\n          gap: 1,\n        }}\n      >\n        <UserOrTeamBadge principalId={ctx.row.original.submitterId} />\n        {ctx\n          .getValue()\n          .filter(user => ctx.row.original.submitterId !== user.userId)\n          .map(requester => (\n            <UserBadge\n              key={requester.userId}\n              userId={requester.userId}\n              className=\"requester\"\n            />\n          ))}\n      </Stack>\n    ),\n  }),\n  columnHelper.accessor('accessRequirementReviewerIds', {\n    header: props => <ColumnHeader {...props} title={'Reviewer(s)'} />,\n    enableSorting: false,\n    cell: ctx => (\n      <Stack\n        sx={{\n          gap: 1,\n        }}\n      >\n        {ctx.getValue().length === 0 ? (\n          <UserOrTeamBadge principalId={ACT_TEAM_ID} />\n        ) : (\n          ctx\n            .getValue()\n            .map(reviewerId => (\n              <UserOrTeamBadge key={reviewerId} principalId={reviewerId} />\n            ))\n        )}\n      </Stack>\n    ),\n  }),\n  columnHelper.accessor('createdOn', {\n    header: props => <ColumnHeader {...props} title={'Created Date'} />,\n    enableSorting: true,\n    cell: ctx => formatDate(dayjs(ctx.getValue())),\n    sortDescFirst: true,\n  }),\n]\n\nexport type AccessRequestSubmissionTableProps = {\n  showSubmitter?: boolean\n  showStatus?: boolean\n  showRequesters?: boolean\n  accessorId?: string\n  accessRequirementId?: string\n  reviewerId?: string\n  submissionState?: SubmissionState\n  reviewerFilterType?: SubmissionReviewerFilterType\n}\n\nexport function AccessRequestSubmissionTable({\n  showSubmitter = false,\n  showStatus = false,\n  showRequesters = false,\n  accessorId,\n  accessRequirementId,\n  reviewerId,\n  submissionState,\n  reviewerFilterType,\n}: AccessRequestSubmissionTableProps) {\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'createdOn',\n    },\n  ])\n\n  const searchRequest: SubmissionSearchRequest = useMemo(\n    () => ({\n      accessorId,\n      accessRequirementId,\n      submissionState,\n      reviewerId,\n      reviewerFilterType,\n      sort: getSortApiRequestFromTableSortState(tableSortState) as\n        | SubmissionSearchSort[] // cast to synapse-types (not OpenAPI-defined) type\n        | undefined,\n    }),\n    [\n      accessorId,\n      accessRequirementId,\n      submissionState,\n      reviewerId,\n      reviewerFilterType,\n      tableSortState,\n    ],\n  )\n\n  const { data, hasNextPage, fetchNextPage, isLoading, isFetchingNextPage } =\n    useSearchAccessSubmissionsInfinite(searchRequest)\n\n  const accessSubmissions = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data?.pages],\n  )\n\n  const table = useReactTable<SubmissionSearchResult>({\n    data: accessSubmissions,\n    columns: columns,\n    getCoreRowModel: getCoreRowModel(),\n    enableFilters: false, // filters are handled by separate controls\n    manualSorting: true,\n    onSortingChange: setTableSortState,\n    state: {\n      sorting: tableSortState,\n      columnVisibility: {\n        submitterId: showSubmitter,\n        state: showStatus,\n        accessorChanges: showRequesters,\n      },\n    },\n    columnResizeMode: 'onChange',\n  })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div className={'AccessSubmissionTable'}>\n      <InfiniteTableLayout\n        table={<StyledTanStackTable table={table} fullWidth={true} />}\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/dataaccess/AccessRequirementDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementDashboard.js","names":[],"sources":["../../../src/components/dataaccess/AccessRequirementDashboard.tsx"],"sourcesContent":["import { InputSizedButton } from '@/components/styled/InputSizedButton'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { SearchOutlined } from '@mui/icons-material'\nimport { Grid, InputAdornment, TextField, Typography } from '@mui/material'\nimport { useDebouncedState } from '@react-hookz/web'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport { EntityFinderModal } from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport { AccessRequirementTable } from './AccessRequirementTable'\n\nexport const AR_NAME_OR_ID_SEARCH_PARAM_KEY = 'nameOrID'\nexport const RELATED_PROJECT_ID_SEARCH_PARAM_KEY = 'relatedProjectId'\nexport const REVIEWER_ID_SEARCH_PARAM_KEY = 'reviewerId'\nexport const AR_TYPE_SEARCH_PARAM_KEY = 'type'\n\nexport type AccessRequirementDashboardProps = {\n  onCreateNewAccessRequirementClicked?: () => void\n}\n\nexport function AccessRequirementDashboard(\n  props: AccessRequirementDashboardProps,\n) {\n  // Amount of time to wait after an input value changes before sending a new request\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const { onCreateNewAccessRequirementClicked } = props\n\n  const location = useLocation()\n  const urlSearchParams = useMemo(\n    () => new URLSearchParams(location.search),\n    [location.search],\n  )\n  const navigate = useNavigate()\n\n  /**\n   * When an input changes, update the props passed to the table and update the search params.\n   *\n   * Debounced to prevent firing many queries while the user is entering text.\n   */\n  const [nameOrID, setNameOrID] = useDebouncedState<string>(\n    urlSearchParams.get(AR_NAME_OR_ID_SEARCH_PARAM_KEY) ?? '',\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [relatedProjectId, setRelatedProjectId] = useDebouncedState<\n    string | undefined\n  >(\n    urlSearchParams.get(RELATED_PROJECT_ID_SEARCH_PARAM_KEY) ?? undefined,\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [reviewerId, setReviewerId] = useDebouncedState<string | undefined>(\n    urlSearchParams.get(REVIEWER_ID_SEARCH_PARAM_KEY) ?? undefined,\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [typeFilter, setTypeFilter] = useState<string | undefined>(\n    urlSearchParams.get(AR_TYPE_SEARCH_PARAM_KEY) ?? undefined,\n  )\n\n  const projectFilterFieldIsError: boolean = useMemo(\n    () =>\n      !!(relatedProjectId && !SYNAPSE_ENTITY_ID_REGEX.exec(relatedProjectId)),\n    [relatedProjectId],\n  )\n\n  const [showEntityFinder, setShowEntityFinder] = useState(false)\n\n  // Update the QueryParams when the filter state changes\n  useEffect(() => {\n    // Don't include undefined/empty parameters\n    const params = omitBy(\n      {\n        // Sync the search params state with the debounced props\n        [AR_NAME_OR_ID_SEARCH_PARAM_KEY]: nameOrID,\n        [RELATED_PROJECT_ID_SEARCH_PARAM_KEY]: relatedProjectId,\n        [REVIEWER_ID_SEARCH_PARAM_KEY]: reviewerId,\n        [AR_TYPE_SEARCH_PARAM_KEY]: typeFilter, // typeFilter state is not debounced\n      },\n      item => item === undefined || item === '',\n    ) as Record<string, string>\n\n    // Add the new params to the URL\n    // Replace history because intuitively, the user has not navigated to a new page\n    const paramsObject = new URLSearchParams(params)\n    navigate(\n      {\n        pathname: location.pathname,\n        search: paramsObject.toString(),\n      },\n      { replace: true },\n    )\n  }, [\n    nameOrID,\n    relatedProjectId,\n    reviewerId,\n    typeFilter,\n    navigate,\n    location.pathname,\n  ])\n\n  const onReviewerChange = useCallback(\n    (selected: string | null) => {\n      if (selected) {\n        setReviewerId(selected)\n      } else {\n        setReviewerId(undefined)\n      }\n    },\n    [setReviewerId],\n  )\n\n  return (\n    <div className=\"AccessRequirementDashboard\">\n      <EntityFinderModal\n        configuration={{\n          initialScope: FinderScope.ALL_PROJECTS,\n          initialContainer: null,\n          selectMultiple: false,\n          selectableTypes: [EntityType.project],\n          treeOnly: true,\n        }}\n        show={showEntityFinder}\n        onCancel={() => {\n          setShowEntityFinder(false)\n        }}\n        title={'Select Project to Filter Access Requirements'}\n        promptCopy={\n          'Select a project to find Access Requirements that are associated with that project. Access Requirements will be found if the Access Requirement is applied to the project, or if it is applied to any item inside the project.'\n        }\n        onConfirm={selected => {\n          setRelatedProjectId(selected[0].targetId)\n          setShowEntityFinder(false)\n        }}\n        confirmButtonCopy={'Select'}\n      />\n      <Grid component={'form'} container spacing={2} className=\"InputPanel\">\n        <Grid size={{ xs: 12, md: 4 }}>\n          <TextField\n            label=\"Filter by Access Requirement Name or ID\"\n            id=\"ar-name-filter\"\n            type=\"text\"\n            fullWidth\n            placeholder=\"Search for an Access Requirement Name or ID\"\n            onChange={e => {\n              setNameOrID(e.target.value)\n            }}\n            slotProps={{\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <SearchOutlined />\n                  </InputAdornment>\n                ),\n              },\n            }}\n          />\n        </Grid>\n        <Grid\n          size={{ xs: 12, md: 4 }}\n          sx={{\n            display: 'flex',\n            gap: '5px',\n            alignItems: 'stretch',\n          }}\n        >\n          <TextField\n            label=\"Filter by Project\"\n            id=\"project-id-filter\"\n            type=\"text\"\n            fullWidth\n            placeholder=\"Enter a project SynID\"\n            error={projectFilterFieldIsError}\n            helperText={\n              projectFilterFieldIsError\n                ? 'Value must be a Synapse ID, e.g. \"syn1234\"'\n                : undefined\n            }\n            onChange={e => {\n              const newValue = e.target.value\n              if (newValue === '') {\n                setRelatedProjectId(undefined)\n              } else {\n                setRelatedProjectId(newValue)\n              }\n            }}\n          />\n          <InputSizedButton\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={() => {\n              setShowEntityFinder(true)\n            }}\n          >\n            Browse\n          </InputSizedButton>\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"reviewer-filter\"\n          >\n            Filter by Reviewer\n          </Typography>\n          <UserSearchBox\n            inputId=\"reviewer-filter\"\n            placeholder=\"Search for a username or team name\"\n            defaultValue={reviewerId}\n            onChange={onReviewerChange}\n          />\n        </Grid>\n      </Grid>\n      <AccessRequirementTable\n        nameOrID={nameOrID}\n        relatedProjectId={relatedProjectId}\n        reviewerId={reviewerId}\n        onCreateNewAccessRequirementClicked={\n          onCreateNewAccessRequirementClicked\n        }\n        typeFilter={typeFilter}\n        onTypeFilterChange={setTypeFilter}\n      />\n    </div>\n  )\n}\n\nexport default AccessRequirementDashboard\n"],"mappings":"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"}
+{"version":3,"file":"AccessRequirementDashboard.js","names":[],"sources":["../../../src/components/dataaccess/AccessRequirementDashboard.tsx"],"sourcesContent":["import { InputSizedButton } from '@/components/styled/InputSizedButton'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { SearchOutlined } from '@mui/icons-material'\nimport { Grid, InputAdornment, TextField, Typography } from '@mui/material'\nimport { useDebouncedState } from '@react-hookz/web'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport { EntityFinderModal } from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport { AccessRequirementTable } from './AccessRequirementTable'\n\nexport const AR_NAME_OR_ID_SEARCH_PARAM_KEY = 'nameOrID'\nexport const RELATED_PROJECT_ID_SEARCH_PARAM_KEY = 'relatedProjectId'\nexport const REVIEWER_ID_SEARCH_PARAM_KEY = 'reviewerId'\nexport const AR_TYPE_SEARCH_PARAM_KEY = 'type'\n\nexport type AccessRequirementDashboardProps = {\n  onCreateNewAccessRequirementClicked?: () => void\n}\n\nexport function AccessRequirementDashboard(\n  props: AccessRequirementDashboardProps,\n) {\n  // Amount of time to wait after an input value changes before sending a new request\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const { onCreateNewAccessRequirementClicked } = props\n\n  const location = useLocation()\n  const urlSearchParams = useMemo(\n    () => new URLSearchParams(location.search),\n    [location.search],\n  )\n  const navigate = useNavigate()\n\n  /**\n   * When an input changes, update the props passed to the table and update the search params.\n   *\n   * Debounced to prevent firing many queries while the user is entering text.\n   */\n  const [nameOrID, setNameOrID] = useDebouncedState<string>(\n    urlSearchParams.get(AR_NAME_OR_ID_SEARCH_PARAM_KEY) ?? '',\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [relatedProjectId, setRelatedProjectId] = useDebouncedState<\n    string | undefined\n  >(\n    urlSearchParams.get(RELATED_PROJECT_ID_SEARCH_PARAM_KEY) ?? undefined,\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [reviewerId, setReviewerId] = useDebouncedState<string | undefined>(\n    urlSearchParams.get(REVIEWER_ID_SEARCH_PARAM_KEY) ?? undefined,\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [typeFilter, setTypeFilter] = useState<string | undefined>(\n    urlSearchParams.get(AR_TYPE_SEARCH_PARAM_KEY) ?? undefined,\n  )\n\n  const projectFilterFieldIsError: boolean = useMemo(\n    () =>\n      !!(relatedProjectId && !SYNAPSE_ENTITY_ID_REGEX.exec(relatedProjectId)),\n    [relatedProjectId],\n  )\n\n  const [showEntityFinder, setShowEntityFinder] = useState(false)\n\n  // Update the QueryParams when the filter state changes\n  useEffect(() => {\n    // Don't include undefined/empty parameters\n    const params = omitBy(\n      {\n        // Sync the search params state with the debounced props\n        [AR_NAME_OR_ID_SEARCH_PARAM_KEY]: nameOrID,\n        [RELATED_PROJECT_ID_SEARCH_PARAM_KEY]: relatedProjectId,\n        [REVIEWER_ID_SEARCH_PARAM_KEY]: reviewerId,\n        [AR_TYPE_SEARCH_PARAM_KEY]: typeFilter, // typeFilter state is not debounced\n      },\n      item => item === undefined || item === '',\n    ) as Record<string, string>\n\n    // Add the new params to the URL\n    // Replace history because intuitively, the user has not navigated to a new page\n    const paramsObject = new URLSearchParams(params)\n    navigate(\n      {\n        pathname: location.pathname,\n        search: paramsObject.toString(),\n      },\n      { replace: true },\n    )\n  }, [\n    nameOrID,\n    relatedProjectId,\n    reviewerId,\n    typeFilter,\n    navigate,\n    location.pathname,\n  ])\n\n  const onReviewerChange = useCallback(\n    (selected: string | null) => {\n      if (selected) {\n        setReviewerId(selected)\n      } else {\n        setReviewerId(undefined)\n      }\n    },\n    [setReviewerId],\n  )\n\n  return (\n    <div className=\"AccessRequirementDashboard\">\n      <EntityFinderModal\n        configuration={{\n          initialScope: FinderScope.ALL_PROJECTS,\n          initialContainer: null,\n          selectMultiple: false,\n          selectableTypes: [EntityType.project],\n          treeOnly: true,\n        }}\n        show={showEntityFinder}\n        onCancel={() => {\n          setShowEntityFinder(false)\n        }}\n        title={'Select Project to Filter Access Requirements'}\n        promptCopy={\n          'Select a project to find Access Requirements that are associated with that project. Access Requirements will be found if the Access Requirement is applied to the project, or if it is applied to any item inside the project.'\n        }\n        onConfirm={selected => {\n          setRelatedProjectId(selected[0].targetId)\n          setShowEntityFinder(false)\n        }}\n        confirmButtonCopy={'Select'}\n      />\n      <Grid component={'form'} container spacing={2} className=\"InputPanel\">\n        <Grid size={{ xs: 12, md: 4 }}>\n          <TextField\n            label=\"Filter by Access Requirement Name or ID\"\n            id=\"ar-name-filter\"\n            type=\"text\"\n            fullWidth\n            placeholder=\"Search for an Access Requirement Name or ID\"\n            onChange={e => {\n              setNameOrID(e.target.value)\n            }}\n            slotProps={{\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <SearchOutlined />\n                  </InputAdornment>\n                ),\n              },\n            }}\n          />\n        </Grid>\n        <Grid\n          size={{ xs: 12, md: 4 }}\n          sx={{\n            display: 'flex',\n            gap: '5px',\n            alignItems: 'stretch',\n          }}\n        >\n          <TextField\n            label=\"Filter by Project\"\n            id=\"project-id-filter\"\n            type=\"text\"\n            fullWidth\n            placeholder=\"Enter a project SynID\"\n            error={projectFilterFieldIsError}\n            helperText={\n              projectFilterFieldIsError\n                ? 'Value must be a Synapse ID, e.g. \"syn1234\"'\n                : undefined\n            }\n            onChange={e => {\n              const newValue = e.target.value\n              if (newValue === '') {\n                setRelatedProjectId(undefined)\n              } else {\n                setRelatedProjectId(newValue)\n              }\n            }}\n          />\n          <InputSizedButton\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={() => {\n              setShowEntityFinder(true)\n            }}\n          >\n            Browse\n          </InputSizedButton>\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"reviewer-filter\"\n          >\n            Filter by Reviewer\n          </Typography>\n          <UserSearchBox\n            inputId=\"reviewer-filter\"\n            placeholder=\"Search for a username or team name\"\n            defaultValue={reviewerId}\n            onChange={onReviewerChange}\n          />\n        </Grid>\n      </Grid>\n      <AccessRequirementTable\n        nameOrID={nameOrID}\n        relatedProjectId={relatedProjectId}\n        reviewerId={reviewerId}\n        onCreateNewAccessRequirementClicked={\n          onCreateNewAccessRequirementClicked\n        }\n        typeFilter={typeFilter}\n        onTypeFilterChange={setTypeFilter}\n      />\n    </div>\n  )\n}\n\nexport default AccessRequirementDashboard\n"],"mappings":"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"}

package/dist/components/dataaccess/AccessRequirementSearchBox/AccessRequirementSearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementSearchBox.js","names":[],"sources":["../../../../src/components/dataaccess/AccessRequirementSearchBox/AccessRequirementSearchBox.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetAccessRequirements } from '@/synapse-queries/dataaccess/useAccessRequirements'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Skeleton, useTheme } from '@mui/material'\nimport AsyncSelect from 'react-select/async'\n\nexport type AccessRequirementSearchBoxProps = {\n  /* id for the input tag */\n  inputId?: string\n  initialId?: string | number\n  onChange: (accessRequirementId?: string) => void\n  placeholder?: string\n}\n\nexport function getOptionLabel(id: string | number, name: string) {\n  if (id.toString() === name) {\n    return name\n  } else {\n    return `${name} (${id})`\n  }\n}\n\nexport default function AccessRequirementSearchBox(\n  props: AccessRequirementSearchBoxProps,\n) {\n  const { inputId, initialId, onChange, placeholder } = props\n\n  const { palette } = useTheme()\n  const { accessToken } = useSynapseContext()\n  const { data: initialAccessRequirement, isLoading: isLoadingInitialAR } =\n    useGetAccessRequirements(initialId!, {\n      enabled: !!initialId,\n    })\n\n  async function loadOptions(inputValue: string) {\n    // Check to see if the entered text is an AR ID\n    const parsedId = parseInt(inputValue)\n    let data: Array<{ id: string | number; name: string }> | undefined =\n      undefined\n    if (parsedId) {\n      data = [\n        await SynapseClient.getAccessRequirementById(accessToken, parsedId),\n      ]\n    }\n\n    // If the input wasn't an integer, or didn't match an existing AR ID, then search ARs\n    if (!data) {\n      data = (\n        await SynapseClient.searchAccessRequirements(accessToken, {\n          nameContains: inputValue,\n        })\n      )?.results\n    }\n\n    // Map the AR(s) to options for the select input component\n    return (\n      data?.map(item => ({\n        id: item.id.toString(),\n        value: item.id.toString(),\n        label: getOptionLabel(item.id, item.name),\n      })) ?? []\n    )\n  }\n\n  if (initialId && isLoadingInitialAR) {\n    return <Skeleton width=\"100%\" />\n  }\n\n  return (\n    <AsyncSelect\n      className=\"AsyncSelect\"\n      defaultInputValue={\n        initialId\n          ? getOptionLabel(\n              initialId,\n              initialAccessRequirement?.name ?? initialId.toString(),\n            )\n          : undefined\n      }\n      defaultOptions={\n        initialId\n          ? [\n              {\n                id: initialId,\n                value: initialId,\n                label: getOptionLabel(\n                  initialId,\n                  initialAccessRequirement?.name ?? initialId.toString(),\n                ),\n              },\n            ]\n          : true\n      }\n      inputId={inputId}\n      cacheOptions\n      isClearable\n      styles={{\n        control: styles => ({ ...styles, backgroundColor: palette.grey[200] }),\n        input: provided => ({\n          ...provided,\n          // SWC-6327 - Adjust the input style so a right-click focuses on the input field\n          input: {\n            gridArea: '1 / 2 / 4 / 4 !important',\n          },\n        }),\n      }}\n      loadOptions={loadOptions}\n      onChange={option => {\n        onChange(option?.id.toString())\n      }}\n      placeholder={placeholder}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,EAAe,GAAqB,GAAc;AAI9D,QAHE,EAAG,UAAU,KAAK,IACb,IAEA,GAAG,EAAK,IAAI,EAAG;;AAI1B,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,YAAS,cAAW,aAAU,mBAAgB,GAEhD,EAAE,eAAY,GAAU,EACxB,EAAE,mBAAgB,GAAmB,EACrC,EAAE,MAAM,GAA0B,WAAW,MACjD,EAAyB,GAAY,EACnC,SAAS,CAAC,CAAC,GACZ,CAAC;CAEJ,eAAe,EAAY,GAAoB;EAE7C,IAAM,IAAW,SAAS,EAAW,EACjC;AAkBJ,SAhBI,MACF,IAAO,CACL,MAAM,EAAc,yBAAyB,GAAa,EAAS,CACpE,GAIH,AACE,OACE,MAAM,EAAc,yBAAyB,GAAa,EACxD,cAAc,GACf,CAAC,GACD,SAKH,GAAM,KAAI,OAAS;GACjB,IAAI,EAAK,GAAG,UAAU;GACtB,OAAO,EAAK,GAAG,UAAU;GACzB,OAAO,EAAe,EAAK,IAAI,EAAK,KAAK;GAC1C,EAAE,IAAI,EAAE;;AAQb,QAJI,KAAa,IACR,kBAAC,GAAD,EAAU,OAAM,QAAS,CAAA,GAIhC,kBAAC,GAAD;EACE,WAAU;EACV,mBACE,IACI,EACE,GACA,GAA0B,QAAQ,EAAU,UAAU,CACvD,GACD,KAAA;EAEN,gBACE,IACI,CACE;GACE,IAAI;GACJ,OAAO;GACP,OAAO,EACL,GACA,GAA0B,QAAQ,EAAU,UAAU,CACvD;GACF,CACF,GACD;EAEG;EACT,cAAA;EACA,aAAA;EACA,QAAQ;GACN,UAAS,OAAW;IAAE,GAAG;IAAQ,iBAAiB,EAAQ,KAAK;IAAM;GACrE,QAAO,OAAa;IAClB,GAAG;IAEH,OAAO,EACL,UAAU,4BACX;IACF;GACF;EACY;EACb,WAAU,MAAU;AAClB,KAAS,GAAQ,GAAG,UAAU,CAAC;;EAEpB;EACb,CAAA"}
+{"version":3,"file":"AccessRequirementSearchBox.js","names":[],"sources":["../../../../src/components/dataaccess/AccessRequirementSearchBox/AccessRequirementSearchBox.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetAccessRequirements } from '@/synapse-queries/dataaccess/useAccessRequirements'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Skeleton, useTheme } from '@mui/material'\nimport AsyncSelect from 'react-select/async'\n\nexport type AccessRequirementSearchBoxProps = {\n  /* id for the input tag */\n  inputId?: string\n  initialId?: string | number\n  onChange: (accessRequirementId?: string) => void\n  placeholder?: string\n}\n\nexport function getOptionLabel(id: string | number, name: string) {\n  if (id.toString() === name) {\n    return name\n  } else {\n    return `${name} (${id})`\n  }\n}\n\nexport default function AccessRequirementSearchBox(\n  props: AccessRequirementSearchBoxProps,\n) {\n  const { inputId, initialId, onChange, placeholder } = props\n\n  const { palette } = useTheme()\n  const { accessToken } = useSynapseContext()\n  const { data: initialAccessRequirement, isLoading: isLoadingInitialAR } =\n    useGetAccessRequirements(initialId!, {\n      enabled: !!initialId,\n    })\n\n  async function loadOptions(inputValue: string) {\n    // Check to see if the entered text is an AR ID\n    const parsedId = parseInt(inputValue)\n    let data: Array<{ id: string | number; name: string }> | undefined =\n      undefined\n    if (parsedId) {\n      data = [\n        await SynapseClient.getAccessRequirementById(accessToken, parsedId),\n      ]\n    }\n\n    // If the input wasn't an integer, or didn't match an existing AR ID, then search ARs\n    if (!data) {\n      data = (\n        await SynapseClient.searchAccessRequirements(accessToken, {\n          nameContains: inputValue,\n        })\n      )?.results\n    }\n\n    // Map the AR(s) to options for the select input component\n    return (\n      data?.map(item => ({\n        id: item.id.toString(),\n        value: item.id.toString(),\n        label: getOptionLabel(item.id, item.name),\n      })) ?? []\n    )\n  }\n\n  if (initialId && isLoadingInitialAR) {\n    return <Skeleton width=\"100%\" />\n  }\n\n  return (\n    <AsyncSelect\n      className=\"AsyncSelect\"\n      defaultInputValue={\n        initialId\n          ? getOptionLabel(\n              initialId,\n              initialAccessRequirement?.name ?? initialId.toString(),\n            )\n          : undefined\n      }\n      defaultOptions={\n        initialId\n          ? [\n              {\n                id: initialId,\n                value: initialId,\n                label: getOptionLabel(\n                  initialId,\n                  initialAccessRequirement?.name ?? initialId.toString(),\n                ),\n              },\n            ]\n          : true\n      }\n      inputId={inputId}\n      cacheOptions\n      isClearable\n      styles={{\n        control: styles => ({ ...styles, backgroundColor: palette.grey[200] }),\n        input: provided => ({\n          ...provided,\n          // SWC-6327 - Adjust the input style so a right-click focuses on the input field\n          input: {\n            gridArea: '1 / 2 / 4 / 4 !important',\n          },\n        }),\n      }}\n      loadOptions={loadOptions}\n      onChange={option => {\n        onChange(option?.id.toString())\n      }}\n      placeholder={placeholder}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,EAAe,GAAqB,GAAc;CAI9D,OAHE,EAAG,SAAS,MAAM,IACb,IAEA,GAAG,EAAK,IAAI,EAAG;AAE1B;AAEA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,YAAS,cAAW,aAAU,mBAAgB,GAEhD,EAAE,eAAY,EAAS,GACvB,EAAE,mBAAgB,EAAkB,GACpC,EAAE,MAAM,GAA0B,WAAW,MACjD,EAAyB,GAAY,EACnC,SAAS,CAAC,CAAC,EACb,CAAC;CAEH,eAAe,EAAY,GAAoB;EAE7C,IAAM,IAAW,SAAS,CAAU,GAChC;EAkBJ,OAhBI,MACF,IAAO,CACL,MAAM,EAAc,yBAAyB,GAAa,CAAQ,CACpE,IAIF,AACE,OACE,MAAM,EAAc,yBAAyB,GAAa,EACxD,cAAc,EAChB,CAAC,IACA,SAKH,GAAM,KAAI,OAAS;GACjB,IAAI,EAAK,GAAG,SAAS;GACrB,OAAO,EAAK,GAAG,SAAS;GACxB,OAAO,EAAe,EAAK,IAAI,EAAK,IAAI;EAC1C,EAAE,KAAK,CAAC;CAEZ;CAMA,OAJI,KAAa,IACR,kBAAC,GAAD,EAAU,OAAM,OAAQ,CAAA,IAI/B,kBAAC,GAAD;EACE,WAAU;EACV,mBACE,IACI,EACE,GACA,GAA0B,QAAQ,EAAU,SAAS,CACvD,IACA,KAAA;EAEN,gBACE,IACI,CACE;GACE,IAAI;GACJ,OAAO;GACP,OAAO,EACL,GACA,GAA0B,QAAQ,EAAU,SAAS,CACvD;EACF,CACF,IACA;EAEG;EACT,cAAA;EACA,aAAA;EACA,QAAQ;GACN,UAAS,OAAW;IAAE,GAAG;IAAQ,iBAAiB,EAAQ,KAAK;GAAK;GACpE,QAAO,OAAa;IAClB,GAAG;IAEH,OAAO,EACL,UAAU,2BACZ;GACF;EACF;EACa;EACb,WAAU,MAAU;GAClB,EAAS,GAAQ,GAAG,SAAS,CAAC;EAChC;EACa;CACd,CAAA;AAEL"}

package/dist/components/dataaccess/AccessRequirementTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementTable.js","names":[],"sources":["../../../src/components/dataaccess/AccessRequirementTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport { Button, Typography } from '@mui/material'\nimport { StarTwoTone } from '@mui/icons-material'\nimport { useAccessRequirementTable } from './UseAccessRequirementTable'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { noop } from 'lodash-es'\n\nexport type AccessRequirementTableProps = {\n  nameOrID?: string\n  relatedProjectId?: string\n  reviewerId?: string\n  accessType?: ACCESS_TYPE\n  onCreateNewAccessRequirementClicked?: () => void\n  typeFilter?: string\n  onTypeFilterChange?: (typeFilter: string | undefined) => void\n}\n\nexport function AccessRequirementTable(props: AccessRequirementTableProps) {\n  const {\n    nameOrID,\n    relatedProjectId,\n    reviewerId,\n    accessType,\n    onCreateNewAccessRequirementClicked,\n    typeFilter,\n    onTypeFilterChange = noop,\n  } = props\n\n  const { table, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useAccessRequirementTable({\n      nameOrID,\n      relatedProjectId,\n      reviewerId,\n      accessType,\n      typeFilter,\n      onTypeFilterChange,\n    })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div>\n      <div className=\"SRC-split\">\n        <Typography variant=\"headline3\" style={{ marginBottom: 0 }}>\n          Access Requirements\n        </Typography>\n        {onCreateNewAccessRequirementClicked && (\n          <Button\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={onCreateNewAccessRequirementClicked}\n            startIcon={<StarTwoTone />}\n          >\n            New Access Requirement\n          </Button>\n        )}\n      </div>\n      <InfiniteTableLayout\n        table={\n          <StyledTanStackTable\n            table={table}\n            styledTableContainerProps={{ sx: { my: 2 } }}\n          />\n        }\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,EACJ,aACA,qBACA,eACA,eACA,wCACA,eACA,wBAAqB,MACnB,GAEE,EAAE,UAAO,cAAW,gBAAa,kBAAe,0BACpD,EAA0B;EACxB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEE,IAAU,CAAC,KAAa,EAAM,aAAa,CAAC,KAAK,WAAW;AAElE,QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAY,OAAO,EAAE,cAAc,GAAG;aAAE;GAE/C,CAAA,EACZ,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,SAAS;GACT,WAAW,kBAAC,GAAD,EAAe,CAAA;aAC3B;GAEQ,CAAA,CAEP;KACN,kBAAC,GAAD;EACE,OACE,kBAAC,GAAD;GACS;GACP,2BAA2B,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE;GAC5C,CAAA;EAEO;EACF;EACI;EACb,8BAA8B;AAC5B,MAAe;;EAEG;EACpB,CAAA,CACE,EAAA,CAAA"}
+{"version":3,"file":"AccessRequirementTable.js","names":[],"sources":["../../../src/components/dataaccess/AccessRequirementTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport { Button, Typography } from '@mui/material'\nimport { StarTwoTone } from '@mui/icons-material'\nimport { useAccessRequirementTable } from './UseAccessRequirementTable'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { noop } from 'lodash-es'\n\nexport type AccessRequirementTableProps = {\n  nameOrID?: string\n  relatedProjectId?: string\n  reviewerId?: string\n  accessType?: ACCESS_TYPE\n  onCreateNewAccessRequirementClicked?: () => void\n  typeFilter?: string\n  onTypeFilterChange?: (typeFilter: string | undefined) => void\n}\n\nexport function AccessRequirementTable(props: AccessRequirementTableProps) {\n  const {\n    nameOrID,\n    relatedProjectId,\n    reviewerId,\n    accessType,\n    onCreateNewAccessRequirementClicked,\n    typeFilter,\n    onTypeFilterChange = noop,\n  } = props\n\n  const { table, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useAccessRequirementTable({\n      nameOrID,\n      relatedProjectId,\n      reviewerId,\n      accessType,\n      typeFilter,\n      onTypeFilterChange,\n    })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div>\n      <div className=\"SRC-split\">\n        <Typography variant=\"headline3\" style={{ marginBottom: 0 }}>\n          Access Requirements\n        </Typography>\n        {onCreateNewAccessRequirementClicked && (\n          <Button\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={onCreateNewAccessRequirementClicked}\n            startIcon={<StarTwoTone />}\n          >\n            New Access Requirement\n          </Button>\n        )}\n      </div>\n      <InfiniteTableLayout\n        table={\n          <StyledTanStackTable\n            table={table}\n            styledTableContainerProps={{ sx: { my: 2 } }}\n          />\n        }\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,EAAuB,GAAoC;CACzE,IAAM,EACJ,aACA,qBACA,eACA,eACA,wCACA,eACA,wBAAqB,MACnB,GAEE,EAAE,UAAO,cAAW,gBAAa,kBAAe,0BACpD,EAA0B;EACxB;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAEG,IAAU,CAAC,KAAa,EAAM,YAAY,EAAE,KAAK,WAAW;CAElE,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAY,OAAO,EAAE,cAAc,EAAE;aAAG;EAEhD,CAAA,GACX,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,SAAS;GACT,WAAW,kBAAC,GAAD,CAAc,CAAA;aAC1B;EAEO,CAAA,CAEP;KACL,kBAAC,GAAD;EACE,OACE,kBAAC,GAAD;GACS;GACP,2BAA2B,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;EAC5C,CAAA;EAEQ;EACF;EACI;EACb,8BAA8B;GAC5B,EAAc;EAChB;EACoB;CACrB,CAAA,CACE,EAAA,CAAA;AAET"}

package/dist/components/dataaccess/AccessSubmissionDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessSubmissionDashboard.js","names":[],"sources":["../../../src/components/dataaccess/AccessSubmissionDashboard.tsx"],"sourcesContent":["import React from 'react'\nimport { useIsCurrentUserACTMember } from '@/synapse-queries/index'\nimport { useDebouncedEffect } from '@/utils/hooks/useDebouncedEffect'\nimport { ACT_TEAM_ID } from '@/utils/SynapseConstants'\nimport {\n  Checkbox,\n  FormControlLabel,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  SubmissionReviewerFilterType,\n  SubmissionState,\n  TYPE_FILTER,\n} from '@sage-bionetworks/synapse-types'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport {\n  AccessRequestSubmissionTable,\n  AccessRequestSubmissionTableProps,\n} from './AccessRequestSubmissionTable'\nimport AccessRequirementSearchBox from './AccessRequirementSearchBox/AccessRequirementSearchBox'\n\nexport const getReviewerFilterID = (selected: string | null) => {\n  if (selected && selected !== ACT_TEAM_ID.toString()) {\n    return selected\n  } else {\n    return undefined\n  }\n}\n\nexport const DataAccessSubmissionDashboard = (): React.ReactNode => {\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >()\n  const [accessorId, setAccessorId] = useState<string | undefined>()\n  const [reviewerId, setReviewerId] = useState<string | undefined>()\n  const [reviewerFilterType, setReviewerFilterType] = useState<\n    SubmissionReviewerFilterType | undefined\n  >(SubmissionReviewerFilterType.ALL)\n  const [tableProps, setTableProps] =\n    useState<AccessRequestSubmissionTableProps>({\n      accessRequirementId,\n      accessorId,\n      reviewerId,\n      showRequesters: true,\n      submissionState: SubmissionState.SUBMITTED,\n    })\n\n  const location = useLocation()\n  const navigate = useNavigate()\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const { data: isACT } = useIsCurrentUserACTMember()\n\n  useEffect(() => {\n    const initializeFromSearchParam = () => {\n      const initialParams = new URLSearchParams(location.search)\n      setAccessRequirementId(\n        initialParams.get('accessRequirementId') ?? undefined,\n      )\n      setAccessorId(initialParams.get('accessorId') ?? undefined)\n      setReviewerId(initialParams.get('reviewerId') ?? undefined)\n      setReviewerFilterType(\n        (initialParams.get(\n          'reviewerFilterType',\n        ) as SubmissionReviewerFilterType) ?? undefined,\n      )\n    }\n    initializeFromSearchParam()\n  }, [location.search])\n\n  const onRequesterChange = useCallback((selected: string | null) => {\n    if (selected) {\n      setAccessorId(selected)\n    } else {\n      setAccessorId(undefined)\n    }\n  }, [])\n\n  const onReviewerChange = useCallback((selected: string | null) => {\n    setReviewerId(getReviewerFilterID(selected))\n  }, [])\n\n  useDebouncedEffect(\n    () => {\n      const updateQueryParams = (\n        accessRequirementId: string | undefined,\n        accessorId: string | undefined,\n        reviewerId: string | undefined,\n        reviewerFilterType: SubmissionReviewerFilterType | undefined,\n      ) => {\n        const params = new URLSearchParams(\n          omitBy(\n            {\n              accessRequirementId,\n              accessorId,\n              reviewerId,\n              reviewerFilterType,\n            },\n            item => item === undefined || item === '',\n          ) as Record<string, string>,\n        )\n        navigate(\n          {\n            pathname: location.pathname,\n            search: params.toString(),\n          },\n          { replace: true },\n        )\n      }\n\n      updateQueryParams(\n        accessRequirementId,\n        accessorId,\n        reviewerId,\n        reviewerFilterType,\n      )\n      setTableProps({\n        accessRequirementId,\n        accessorId,\n        reviewerId,\n        reviewerFilterType,\n        showRequesters: true,\n        submissionState: SubmissionState.SUBMITTED,\n      })\n    },\n    [\n      accessRequirementId,\n      accessorId,\n      reviewerId,\n      reviewerFilterType,\n      navigate,\n      location.pathname,\n    ],\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n\n  return (\n    <div className=\"AccessSubmissionDashboard\">\n      <Grid\n        container\n        spacing={2}\n        className=\"InputPanel\"\n        sx={{ alignItems: 'stretch' }}\n      >\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"arId-filter\"\n          >\n            Filter by Access Requirement Name\n          </Typography>\n          <AccessRequirementSearchBox\n            inputId=\"arId-filter\"\n            onChange={setAccessRequirementId}\n            placeholder=\"Search for an Access Requirement Name \"\n          />\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"requester-filter\"\n          >\n            Filter by Requester\n          </Typography>\n          <UserSearchBox\n            inputId=\"requester-filter\"\n            placeholder=\"Search for a user name\"\n            defaultValue={accessorId}\n            onChange={onRequesterChange}\n            typeFilter={TYPE_FILTER.USERS_ONLY}\n          />\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"reviewer-filter\"\n          >\n            Filter by Reviewer\n          </Typography>\n          <UserSearchBox\n            inputId=\"reviewer-filter\"\n            placeholder=\"Search for a user or team name\"\n            defaultValue={reviewerId}\n            onChange={onReviewerChange}\n          />\n        </Grid>\n        {isACT && (\n          <Grid size={12} sx={{ textAlign: 'right' }}>\n            <Tooltip\n              title={\n                'This will hide submissions that have a reviewer specifically assigned.'\n              }\n            >\n              <FormControlLabel\n                control={<Checkbox />}\n                value={\n                  reviewerFilterType === SubmissionReviewerFilterType.ACT_ONLY\n                }\n                label=\"Reviewed by ACT only\"\n                onChange={(_, checked) => {\n                  const newValue = checked\n                    ? SubmissionReviewerFilterType.ACT_ONLY\n                    : SubmissionReviewerFilterType.ALL\n                  setReviewerFilterType(newValue)\n                }}\n              />\n            </Tooltip>\n          </Grid>\n        )}\n      </Grid>\n\n      <Typography variant=\"headline3\">Access Request Submissions</Typography>\n      <AccessRequestSubmissionTable {...tableProps} />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccessSubmissionDashboard.js","names":[],"sources":["../../../src/components/dataaccess/AccessSubmissionDashboard.tsx"],"sourcesContent":["import React from 'react'\nimport { useIsCurrentUserACTMember } from '@/synapse-queries/index'\nimport { useDebouncedEffect } from '@/utils/hooks/useDebouncedEffect'\nimport { ACT_TEAM_ID } from '@/utils/SynapseConstants'\nimport {\n  Checkbox,\n  FormControlLabel,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  SubmissionReviewerFilterType,\n  SubmissionState,\n  TYPE_FILTER,\n} from '@sage-bionetworks/synapse-types'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport {\n  AccessRequestSubmissionTable,\n  AccessRequestSubmissionTableProps,\n} from './AccessRequestSubmissionTable'\nimport AccessRequirementSearchBox from './AccessRequirementSearchBox/AccessRequirementSearchBox'\n\nexport const getReviewerFilterID = (selected: string | null) => {\n  if (selected && selected !== ACT_TEAM_ID.toString()) {\n    return selected\n  } else {\n    return undefined\n  }\n}\n\nexport const DataAccessSubmissionDashboard = (): React.ReactNode => {\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >()\n  const [accessorId, setAccessorId] = useState<string | undefined>()\n  const [reviewerId, setReviewerId] = useState<string | undefined>()\n  const [reviewerFilterType, setReviewerFilterType] = useState<\n    SubmissionReviewerFilterType | undefined\n  >(SubmissionReviewerFilterType.ALL)\n  const [tableProps, setTableProps] =\n    useState<AccessRequestSubmissionTableProps>({\n      accessRequirementId,\n      accessorId,\n      reviewerId,\n      showRequesters: true,\n      submissionState: SubmissionState.SUBMITTED,\n    })\n\n  const location = useLocation()\n  const navigate = useNavigate()\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const { data: isACT } = useIsCurrentUserACTMember()\n\n  useEffect(() => {\n    const initializeFromSearchParam = () => {\n      const initialParams = new URLSearchParams(location.search)\n      setAccessRequirementId(\n        initialParams.get('accessRequirementId') ?? undefined,\n      )\n      setAccessorId(initialParams.get('accessorId') ?? undefined)\n      setReviewerId(initialParams.get('reviewerId') ?? undefined)\n      setReviewerFilterType(\n        (initialParams.get(\n          'reviewerFilterType',\n        ) as SubmissionReviewerFilterType) ?? undefined,\n      )\n    }\n    initializeFromSearchParam()\n  }, [location.search])\n\n  const onRequesterChange = useCallback((selected: string | null) => {\n    if (selected) {\n      setAccessorId(selected)\n    } else {\n      setAccessorId(undefined)\n    }\n  }, [])\n\n  const onReviewerChange = useCallback((selected: string | null) => {\n    setReviewerId(getReviewerFilterID(selected))\n  }, [])\n\n  useDebouncedEffect(\n    () => {\n      const updateQueryParams = (\n        accessRequirementId: string | undefined,\n        accessorId: string | undefined,\n        reviewerId: string | undefined,\n        reviewerFilterType: SubmissionReviewerFilterType | undefined,\n      ) => {\n        const params = new URLSearchParams(\n          omitBy(\n            {\n              accessRequirementId,\n              accessorId,\n              reviewerId,\n              reviewerFilterType,\n            },\n            item => item === undefined || item === '',\n          ) as Record<string, string>,\n        )\n        navigate(\n          {\n            pathname: location.pathname,\n            search: params.toString(),\n          },\n          { replace: true },\n        )\n      }\n\n      updateQueryParams(\n        accessRequirementId,\n        accessorId,\n        reviewerId,\n        reviewerFilterType,\n      )\n      setTableProps({\n        accessRequirementId,\n        accessorId,\n        reviewerId,\n        reviewerFilterType,\n        showRequesters: true,\n        submissionState: SubmissionState.SUBMITTED,\n      })\n    },\n    [\n      accessRequirementId,\n      accessorId,\n      reviewerId,\n      reviewerFilterType,\n      navigate,\n      location.pathname,\n    ],\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n\n  return (\n    <div className=\"AccessSubmissionDashboard\">\n      <Grid\n        container\n        spacing={2}\n        className=\"InputPanel\"\n        sx={{ alignItems: 'stretch' }}\n      >\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"arId-filter\"\n          >\n            Filter by Access Requirement Name\n          </Typography>\n          <AccessRequirementSearchBox\n            inputId=\"arId-filter\"\n            onChange={setAccessRequirementId}\n            placeholder=\"Search for an Access Requirement Name \"\n          />\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"requester-filter\"\n          >\n            Filter by Requester\n          </Typography>\n          <UserSearchBox\n            inputId=\"requester-filter\"\n            placeholder=\"Search for a user name\"\n            defaultValue={accessorId}\n            onChange={onRequesterChange}\n            typeFilter={TYPE_FILTER.USERS_ONLY}\n          />\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"reviewer-filter\"\n          >\n            Filter by Reviewer\n          </Typography>\n          <UserSearchBox\n            inputId=\"reviewer-filter\"\n            placeholder=\"Search for a user or team name\"\n            defaultValue={reviewerId}\n            onChange={onReviewerChange}\n          />\n        </Grid>\n        {isACT && (\n          <Grid size={12} sx={{ textAlign: 'right' }}>\n            <Tooltip\n              title={\n                'This will hide submissions that have a reviewer specifically assigned.'\n              }\n            >\n              <FormControlLabel\n                control={<Checkbox />}\n                value={\n                  reviewerFilterType === SubmissionReviewerFilterType.ACT_ONLY\n                }\n                label=\"Reviewed by ACT only\"\n                onChange={(_, checked) => {\n                  const newValue = checked\n                    ? SubmissionReviewerFilterType.ACT_ONLY\n                    : SubmissionReviewerFilterType.ALL\n                  setReviewerFilterType(newValue)\n                }}\n              />\n            </Tooltip>\n          </Grid>\n        )}\n      </Grid>\n\n      <Typography variant=\"headline3\">Access Request Submissions</Typography>\n      <AccessRequestSubmissionTable {...tableProps} />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/dataaccess/RejectDataAccessRequestModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"RejectDataAccessRequestModal.js","names":[],"sources":["../../../src/components/dataaccess/RejectDataAccessRequestModal.tsx"],"sourcesContent":["import { useUpdateDataAccessSubmissionState } from '@/synapse-queries'\nimport { REJECT_SUBMISSION_CANNED_RESPONSES_TABLE } from '@/utils/SynapseConstants'\nimport { SubmissionState } from '@sage-bionetworks/synapse-types'\nimport { CannedRejectionDialog } from '../CannedRejectionDialog/CannedRejectionDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\nexport const DEFAULT_MESSAGE_PREPEND =\n  'Thank you for submitting your data access request.\\n'\nexport const DEFAULT_MESSAGE_APPEND =\n  '\\nIf you have questions, do not respond to this email address. Instead, reply to:\\nact@sagebionetworks.org'\n\nexport const REJECTION_FORM_PROMPT_COPY =\n  \"You may wish to reject the user's data access request for a specific reason. The list below contains some common rejection reasons. You will have a chance to edit the response before submitting it, including adding any rejection reason(s) not listed here.\"\n\nexport type RejectDataAccessRequestModalProps = {\n  /* ID of the submission for which a rejection should be drafted/sent */\n  submissionId: string | number\n  /* SynID of the table which contains the email responses which should populate this modal. Defaults to syn50683097, which is in production Synapse */\n  tableId?: string\n  open: boolean\n  onClose: () => void\n}\n\n/**\n * Modal component presented to a data access submission reviewer when they decide to reject a request.\n * The modal contains a form for selecting rejection reasons and a text field for editing the rejection message.\n * After crafting a message, the user can reject the submission and send the message to the requester.\n */\nexport default function RejectDataAccessRequestModal(\n  props: RejectDataAccessRequestModalProps,\n) {\n  const {\n    submissionId,\n    tableId = REJECT_SUBMISSION_CANNED_RESPONSES_TABLE,\n    open,\n    onClose,\n  } = props\n\n  const { mutate, error } = useUpdateDataAccessSubmissionState()\n\n  function rejectSubmission(reason: string) {\n    mutate(\n      {\n        submissionId: submissionId.toString(),\n        newState: SubmissionState.REJECTED,\n        rejectedReason: reason,\n      },\n      {\n        onSuccess: () => {\n          displayToast(\n            'Submission rejected and message sent to requester',\n            'info',\n          )\n          onClose()\n        },\n      },\n    )\n  }\n\n  // If fetching/processing the table fails, gracefully fall back to just show the email template\n  return (\n    <CannedRejectionDialog\n      open={open}\n      tableId={tableId}\n      onConfirm={rejectSubmission}\n      onClose={onClose}\n      defaultMessagePrefix={DEFAULT_MESSAGE_PREPEND}\n      defaultMessageAppend={DEFAULT_MESSAGE_APPEND}\n      rejectionFormPromptCopy={REJECTION_FORM_PROMPT_COPY}\n      error={error}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAMA,IAAa,IACX,wDACW,IACX,8GAEW,IACX;AAgBF,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,iBACA,aAAU,GACV,SACA,eACE,GAEE,EAAE,WAAQ,aAAU,GAAoC;CAE9D,SAAS,EAAiB,GAAgB;AACxC,IACE;GACE,cAAc,EAAa,UAAU;GACrC,UAAU,EAAgB;GAC1B,gBAAgB;GACjB,EACD,EACE,iBAAiB;AAKf,GAJA,EACE,qDACA,OACD,EACD,GAAS;KAEZ,CACF;;AAIH,QACE,kBAAC,GAAD;EACQ;EACG;EACT,WAAW;EACF;EACT,sBAAsB;EACtB,sBAAsB;EACtB,yBAAyB;EAClB;EACP,CAAA"}
+{"version":3,"file":"RejectDataAccessRequestModal.js","names":[],"sources":["../../../src/components/dataaccess/RejectDataAccessRequestModal.tsx"],"sourcesContent":["import { useUpdateDataAccessSubmissionState } from '@/synapse-queries'\nimport { REJECT_SUBMISSION_CANNED_RESPONSES_TABLE } from '@/utils/SynapseConstants'\nimport { SubmissionState } from '@sage-bionetworks/synapse-types'\nimport { CannedRejectionDialog } from '../CannedRejectionDialog/CannedRejectionDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\nexport const DEFAULT_MESSAGE_PREPEND =\n  'Thank you for submitting your data access request.\\n'\nexport const DEFAULT_MESSAGE_APPEND =\n  '\\nIf you have questions, do not respond to this email address. Instead, reply to:\\nact@sagebionetworks.org'\n\nexport const REJECTION_FORM_PROMPT_COPY =\n  \"You may wish to reject the user's data access request for a specific reason. The list below contains some common rejection reasons. You will have a chance to edit the response before submitting it, including adding any rejection reason(s) not listed here.\"\n\nexport type RejectDataAccessRequestModalProps = {\n  /* ID of the submission for which a rejection should be drafted/sent */\n  submissionId: string | number\n  /* SynID of the table which contains the email responses which should populate this modal. Defaults to syn50683097, which is in production Synapse */\n  tableId?: string\n  open: boolean\n  onClose: () => void\n}\n\n/**\n * Modal component presented to a data access submission reviewer when they decide to reject a request.\n * The modal contains a form for selecting rejection reasons and a text field for editing the rejection message.\n * After crafting a message, the user can reject the submission and send the message to the requester.\n */\nexport default function RejectDataAccessRequestModal(\n  props: RejectDataAccessRequestModalProps,\n) {\n  const {\n    submissionId,\n    tableId = REJECT_SUBMISSION_CANNED_RESPONSES_TABLE,\n    open,\n    onClose,\n  } = props\n\n  const { mutate, error } = useUpdateDataAccessSubmissionState()\n\n  function rejectSubmission(reason: string) {\n    mutate(\n      {\n        submissionId: submissionId.toString(),\n        newState: SubmissionState.REJECTED,\n        rejectedReason: reason,\n      },\n      {\n        onSuccess: () => {\n          displayToast(\n            'Submission rejected and message sent to requester',\n            'info',\n          )\n          onClose()\n        },\n      },\n    )\n  }\n\n  // If fetching/processing the table fails, gracefully fall back to just show the email template\n  return (\n    <CannedRejectionDialog\n      open={open}\n      tableId={tableId}\n      onConfirm={rejectSubmission}\n      onClose={onClose}\n      defaultMessagePrefix={DEFAULT_MESSAGE_PREPEND}\n      defaultMessageAppend={DEFAULT_MESSAGE_APPEND}\n      rejectionFormPromptCopy={REJECTION_FORM_PROMPT_COPY}\n      error={error}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAMA,IAAa,IACX,wDACW,IACX,8GAEW,IACX;AAgBF,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,iBACA,aAAU,GACV,SACA,eACE,GAEE,EAAE,WAAQ,aAAU,EAAmC;CAE7D,SAAS,EAAiB,GAAgB;EACxC,EACE;GACE,cAAc,EAAa,SAAS;GACpC,UAAU,EAAgB;GAC1B,gBAAgB;EAClB,GACA,EACE,iBAAiB;GAKf,AAJA,EACE,qDACA,MACF,GACA,EAAQ;EACV,EACF,CACF;CACF;CAGA,OACE,kBAAC,GAAD;EACQ;EACG;EACT,WAAW;EACF;EACT,sBAAsB;EACtB,sBAAsB;EACtB,yBAAyB;EAClB;CACR,CAAA;AAEL"}

package/dist/components/dataaccess/RejectProfileValidationRequestModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"RejectProfileValidationRequestModal.js","names":[],"sources":["../../../src/components/dataaccess/RejectProfileValidationRequestModal.tsx"],"sourcesContent":["import { useUpdateVerificationSubmission } from '@/synapse-queries/verificationSubmission/useVerificationSubmission'\nimport { REJECT_VALIDATION_CANNED_RESPONSES_TABLE } from '@/utils/SynapseConstants'\nimport { TextField } from '@mui/material'\nimport { VerificationStateEnum } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useState } from 'react'\nimport { CannedRejectionDialog } from '../CannedRejectionDialog/CannedRejectionDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\nexport const DEFAULT_MESSAGE_PREPEND =\n  'Thank you for submitting your Synapse profile for validation. Before we can accept your request:'\nexport const DEFAULT_MESSAGE_APPEND =\n  '\\nIf you have questions, do not respond to this email address. Instead, reply to:\\nact@sagebionetworks.org'\n\nexport const REJECTION_FORM_PROMPT_COPY =\n  \"You may wish to reject the user's profile validation request for a specific reason. The list below contains some common rejection reasons. You will have a chance to edit the response before submitting it, including adding any rejection reason(s) not listed here.\"\n\nexport type RejectProfileValidationRequestModalProps = {\n  /* ID of the verificationSubmission for which a rejection should be drafted/sent */\n  verificationSubmissionId: string\n  /* SynID of the table which contains the email responses which should populate this modal. Defaults to syn63119445, which is in production Synapse */\n  tableId?: string\n  open: boolean\n  onRejectionSubmittedSuccess?: () => void\n  currentState: VerificationStateEnum\n  onClose: () => void\n}\n\n/**\n * Modal component presented to an ACT profile validation reviewer when they decide to reject a validation request (a.k.a. a verificationSubmission).\n * The modal contains a form for selecting rejection reasons and a text field for editing the rejection message.\n * After crafting a message, the user can reject the request and send the message to the requester.\n */\nexport function RejectProfileValidationRequestModal(\n  props: RejectProfileValidationRequestModalProps,\n) {\n  const {\n    verificationSubmissionId: validationSubmissionId,\n    tableId = REJECT_VALIDATION_CANNED_RESPONSES_TABLE,\n    open,\n    onRejectionSubmittedSuccess = noop,\n    onClose,\n    currentState,\n  } = props\n\n  const [actInternalNotes, setActInternalNotes] = useState<string>('')\n\n  const { mutate, error } = useUpdateVerificationSubmission()\n\n  function rejectVerificationSubmission(reason: string, notes: string) {\n    let newState: VerificationStateEnum\n    switch (currentState) {\n      case VerificationStateEnum.SUBMITTED:\n        newState = VerificationStateEnum.REJECTED\n        break\n      case VerificationStateEnum.APPROVED:\n        newState = VerificationStateEnum.SUSPENDED\n        break\n      case VerificationStateEnum.REJECTED:\n      case VerificationStateEnum.SUSPENDED:\n        console.error(\n          'Cannot reject a request where the current state is already rejected or suspended',\n        )\n        onClose()\n        return\n    }\n    mutate(\n      {\n        id: validationSubmissionId,\n        verificationState: {\n          state: newState,\n          reason,\n          notes,\n        },\n      },\n      {\n        onSuccess: () => {\n          onRejectionSubmittedSuccess()\n          displayToast(\n            `Submission ${\n              newState === VerificationStateEnum.REJECTED\n                ? 'rejected'\n                : 'suspended'\n            } and message sent to requester`,\n            'info',\n          )\n          onClose()\n        },\n      },\n    )\n  }\n\n  return (\n    <CannedRejectionDialog\n      open={open}\n      tableId={tableId}\n      onConfirm={reason =>\n        rejectVerificationSubmission(reason, actInternalNotes)\n      }\n      onClose={onClose}\n      defaultMessagePrefix={DEFAULT_MESSAGE_PREPEND}\n      defaultMessageAppend={DEFAULT_MESSAGE_APPEND}\n      rejectionFormPromptCopy={REJECTION_FORM_PROMPT_COPY}\n      error={error}\n    >\n      <TextField\n        label=\"ACT Internal Notes\"\n        fullWidth\n        multiline\n        rows={3}\n        sx={{ mt: 2 }}\n        value={actInternalNotes}\n        onChange={event => setActInternalNotes(event.target.value)}\n      />\n    </CannedRejectionDialog>\n  )\n}\n\nexport default RejectProfileValidationRequestModal\n"],"mappings":";;;;;;;;;;AASA,IAAa,IACX,oGACW,IACX,8GAEW,IACX;AAkBF,SAAgB,EACd,GACA;CACA,IAAM,EACJ,0BAA0B,GAC1B,aAAU,GACV,SACA,iCAA8B,GAC9B,YACA,oBACE,GAEE,CAAC,GAAkB,KAAuB,EAAiB,GAAG,EAE9D,EAAE,WAAQ,aAAU,GAAiC;CAE3D,SAAS,EAA6B,GAAgB,GAAe;EACnE,IAAI;AACJ,UAAQ,GAAR;GACE,KAAK,EAAsB;AACzB,QAAW,EAAsB;AACjC;GACF,KAAK,EAAsB;AACzB,QAAW,EAAsB;AACjC;GACF,KAAK,EAAsB;GAC3B,KAAK,EAAsB;AAIzB,IAHA,QAAQ,MACN,mFACD,EACD,GAAS;AACT;;AAEJ,IACE;GACE,IAAI;GACJ,mBAAmB;IACjB,OAAO;IACP;IACA;IACD;GACF,EACD,EACE,iBAAiB;AAUf,GATA,GAA6B,EAC7B,EACE,cACE,MAAa,EAAsB,WAC/B,aACA,YACL,iCACD,OACD,EACD,GAAS;KAEZ,CACF;;AAGH,QACE,kBAAC,GAAD;EACQ;EACG;EACT,YAAW,MACT,EAA6B,GAAQ,EAAiB;EAE/C;EACT,sBAAsB;EACtB,sBAAsB;EACtB,yBAAyB;EAClB;YAEP,kBAAC,GAAD;GACE,OAAM;GACN,WAAA;GACA,WAAA;GACA,MAAM;GACN,IAAI,EAAE,IAAI,GAAG;GACb,OAAO;GACP,WAAU,MAAS,EAAoB,EAAM,OAAO,MAAM;GAC1D,CAAA;EACoB,CAAA"}
+{"version":3,"file":"RejectProfileValidationRequestModal.js","names":[],"sources":["../../../src/components/dataaccess/RejectProfileValidationRequestModal.tsx"],"sourcesContent":["import { useUpdateVerificationSubmission } from '@/synapse-queries/verificationSubmission/useVerificationSubmission'\nimport { REJECT_VALIDATION_CANNED_RESPONSES_TABLE } from '@/utils/SynapseConstants'\nimport { TextField } from '@mui/material'\nimport { VerificationStateEnum } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useState } from 'react'\nimport { CannedRejectionDialog } from '../CannedRejectionDialog/CannedRejectionDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\nexport const DEFAULT_MESSAGE_PREPEND =\n  'Thank you for submitting your Synapse profile for validation. Before we can accept your request:'\nexport const DEFAULT_MESSAGE_APPEND =\n  '\\nIf you have questions, do not respond to this email address. Instead, reply to:\\nact@sagebionetworks.org'\n\nexport const REJECTION_FORM_PROMPT_COPY =\n  \"You may wish to reject the user's profile validation request for a specific reason. The list below contains some common rejection reasons. You will have a chance to edit the response before submitting it, including adding any rejection reason(s) not listed here.\"\n\nexport type RejectProfileValidationRequestModalProps = {\n  /* ID of the verificationSubmission for which a rejection should be drafted/sent */\n  verificationSubmissionId: string\n  /* SynID of the table which contains the email responses which should populate this modal. Defaults to syn63119445, which is in production Synapse */\n  tableId?: string\n  open: boolean\n  onRejectionSubmittedSuccess?: () => void\n  currentState: VerificationStateEnum\n  onClose: () => void\n}\n\n/**\n * Modal component presented to an ACT profile validation reviewer when they decide to reject a validation request (a.k.a. a verificationSubmission).\n * The modal contains a form for selecting rejection reasons and a text field for editing the rejection message.\n * After crafting a message, the user can reject the request and send the message to the requester.\n */\nexport function RejectProfileValidationRequestModal(\n  props: RejectProfileValidationRequestModalProps,\n) {\n  const {\n    verificationSubmissionId: validationSubmissionId,\n    tableId = REJECT_VALIDATION_CANNED_RESPONSES_TABLE,\n    open,\n    onRejectionSubmittedSuccess = noop,\n    onClose,\n    currentState,\n  } = props\n\n  const [actInternalNotes, setActInternalNotes] = useState<string>('')\n\n  const { mutate, error } = useUpdateVerificationSubmission()\n\n  function rejectVerificationSubmission(reason: string, notes: string) {\n    let newState: VerificationStateEnum\n    switch (currentState) {\n      case VerificationStateEnum.SUBMITTED:\n        newState = VerificationStateEnum.REJECTED\n        break\n      case VerificationStateEnum.APPROVED:\n        newState = VerificationStateEnum.SUSPENDED\n        break\n      case VerificationStateEnum.REJECTED:\n      case VerificationStateEnum.SUSPENDED:\n        console.error(\n          'Cannot reject a request where the current state is already rejected or suspended',\n        )\n        onClose()\n        return\n    }\n    mutate(\n      {\n        id: validationSubmissionId,\n        verificationState: {\n          state: newState,\n          reason,\n          notes,\n        },\n      },\n      {\n        onSuccess: () => {\n          onRejectionSubmittedSuccess()\n          displayToast(\n            `Submission ${\n              newState === VerificationStateEnum.REJECTED\n                ? 'rejected'\n                : 'suspended'\n            } and message sent to requester`,\n            'info',\n          )\n          onClose()\n        },\n      },\n    )\n  }\n\n  return (\n    <CannedRejectionDialog\n      open={open}\n      tableId={tableId}\n      onConfirm={reason =>\n        rejectVerificationSubmission(reason, actInternalNotes)\n      }\n      onClose={onClose}\n      defaultMessagePrefix={DEFAULT_MESSAGE_PREPEND}\n      defaultMessageAppend={DEFAULT_MESSAGE_APPEND}\n      rejectionFormPromptCopy={REJECTION_FORM_PROMPT_COPY}\n      error={error}\n    >\n      <TextField\n        label=\"ACT Internal Notes\"\n        fullWidth\n        multiline\n        rows={3}\n        sx={{ mt: 2 }}\n        value={actInternalNotes}\n        onChange={event => setActInternalNotes(event.target.value)}\n      />\n    </CannedRejectionDialog>\n  )\n}\n\nexport default RejectProfileValidationRequestModal\n"],"mappings":";;;;;;;;;;AASA,IAAa,IACX,oGACW,IACX,8GAEW,IACX;AAkBF,SAAgB,EACd,GACA;CACA,IAAM,EACJ,0BAA0B,GAC1B,aAAU,GACV,SACA,iCAA8B,GAC9B,YACA,oBACE,GAEE,CAAC,GAAkB,KAAuB,EAAiB,EAAE,GAE7D,EAAE,WAAQ,aAAU,EAAgC;CAE1D,SAAS,EAA6B,GAAgB,GAAe;EACnE,IAAI;EACJ,QAAQ,GAAR;GACE,KAAK,EAAsB;IACzB,IAAW,EAAsB;IACjC;GACF,KAAK,EAAsB;IACzB,IAAW,EAAsB;IACjC;GACF,KAAK,EAAsB;GAC3B,KAAK,EAAsB;IAIzB,AAHA,QAAQ,MACN,kFACF,GACA,EAAQ;IACR;EACJ;EACA,EACE;GACE,IAAI;GACJ,mBAAmB;IACjB,OAAO;IACP;IACA;GACF;EACF,GACA,EACE,iBAAiB;GAUf,AATA,EAA4B,GAC5B,EACE,cACE,MAAa,EAAsB,WAC/B,aACA,YACL,iCACD,MACF,GACA,EAAQ;EACV,EACF,CACF;CACF;CAEA,OACE,kBAAC,GAAD;EACQ;EACG;EACT,YAAW,MACT,EAA6B,GAAQ,CAAgB;EAE9C;EACT,sBAAsB;EACtB,sBAAsB;EACtB,yBAAyB;EAClB;YAEP,kBAAC,GAAD;GACE,OAAM;GACN,WAAA;GACA,WAAA;GACA,MAAM;GACN,IAAI,EAAE,IAAI,EAAE;GACZ,OAAO;GACP,WAAU,MAAS,EAAoB,EAAM,OAAO,KAAK;EAC1D,CAAA;CACoB,CAAA;AAE3B"}

package/dist/components/dataaccess/ReviewerDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewerDashboard.js","names":[],"sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"sourcesContent":["import { useGetCurrentUserBundle } from '@/synapse-queries/user/useUserBundle'\nimport { Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  Navigate,\n  NavLink,\n  Outlet,\n  RouteObject,\n  RouterProvider,\n  useParams,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport OrientationBanner from '../OrientationBanner'\nimport { UserHistoryDashboard } from './AccessHistoryDashboard'\nimport { AccessRequirementDashboard } from './AccessRequirementDashboard'\nimport { DataAccessSubmissionDashboard } from './AccessSubmissionDashboard'\nimport SubmissionPage from './SubmissionPage/SubmissionPage'\n\nfunction LinkTab(props: { href: string; children: ReactNode; icon: IconName }) {\n  const { href, children, icon } = props\n  return (\n    <NavLink className=\"Tab\" role=\"tab\" to={href}>\n      <IconSvg\n        icon={icon}\n        sx={{\n          paddingRight: '0.2rem',\n        }}\n      />\n      <Typography variant=\"buttonLink\">{children}</Typography>\n    </NavLink>\n  )\n}\n\ntype ReviewerDashboardProps = {\n  /** Used to determine the base path for the component. Default is DataAccessManagement:default */\n  routerBaseName?: string\n  /** If true use a MemoryRouter, which prevents the browser URL from updating. For demo purposes only. */\n  useMemoryRouter?: boolean\n}\n\nexport function ReviewerDashboard(props: ReviewerDashboardProps) {\n  const {\n    routerBaseName = '/DataAccessManagement:default',\n    useMemoryRouter = false,\n  } = props\n\n  const { data: userBundle, isLoading } = useGetCurrentUserBundle()\n\n  const hasActPermissions = userBundle?.isACTMember\n  const hasReviewerPermissions =\n    userBundle?.isACTMember || userBundle?.isARReviewer\n\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        element: (\n          <div className=\"ReviewerDashboard\">\n            <div className=\"Tabs\" role=\"tablist\">\n              {hasActPermissions && (\n                <LinkTab href=\"/AccessRequirements\" icon=\"accessClosed\">\n                  Access Requirements\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab href=\"/Submissions\" icon=\"discussion\">\n                  Submissions\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab href=\"/UserAccessHistory\" icon=\"history\">\n                  User Access History\n                </LinkTab>\n              )}\n            </div>\n            <div className=\"TabContentContainer\">\n              <SynapseErrorBoundary>\n                <Outlet />\n              </SynapseErrorBoundary>\n            </div>\n          </div>\n        ),\n        children: [\n          {\n            path: 'AccessRequirements',\n            element: hasActPermissions ? <AccessRequirementDashboard /> : null,\n          },\n          {\n            path: 'Submissions',\n            element: hasReviewerPermissions ? (\n              <>\n                {!hasActPermissions && (\n                  <OrientationBanner\n                    name=\"DataAccessManagement\"\n                    title=\"Getting Started With Data Access Management\"\n                    text=\"When someone requests access to data, that request will show up here. Clicking on the Request ID will take you to a page where you can review the request.\"\n                    sx={{\n                      margin: '-20px -30px 20px -30px',\n                      width: 'auto',\n                    }}\n                  />\n                )}\n                <DataAccessSubmissionDashboard />\n              </>\n            ) : null,\n          },\n          {\n            path: 'Submissions/:id',\n            element: hasReviewerPermissions ? (\n              <SubmissionPageRouteRenderer />\n            ) : null,\n          },\n          {\n            path: 'UserAccessHistory',\n            element: <UserHistoryDashboard />,\n          },\n        ],\n      },\n    ],\n    [hasActPermissions, hasReviewerPermissions],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (isLoading) {\n    return <SynapseSpinner size={50} />\n  }\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n\nfunction SubmissionPageRouteRenderer() {\n  const { id } = useParams<{ id: string }>()\n  if (!id) {\n    return <Navigate to=\"Submissions/\" />\n  }\n  return <SubmissionPage submissionId={id} isReviewer={true} />\n}\n\nexport default ReviewerDashboard\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,SAAS,EAAQ,GAA8D;CAC7E,IAAM,EAAE,SAAM,aAAU,YAAS;AACjC,QACE,kBAAC,GAAD;EAAS,WAAU;EAAM,MAAK;EAAM,IAAI;YAAxC,CACE,kBAAC,GAAD;GACQ;GACN,IAAI,EACF,cAAc,UACf;GACD,CAAA,EACF,kBAAC,GAAD;GAAY,SAAQ;GAAc;GAAsB,CAAA,CAChD;;;AAWd,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EACJ,oBAAiB,iCACjB,qBAAkB,OAChB,GAEE,EAAE,MAAM,GAAY,iBAAc,GAAyB,EAE3D,IAAoB,GAAY,aAChC,IACJ,GAAY,eAAe,GAAY,cAEnC,IAAwB,QACtB,CACJ;EACE,MAAM;EACN,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;IAAO,MAAK;cAA3B;KACG,KACC,kBAAC,GAAD;MAAS,MAAK;MAAsB,MAAK;gBAAe;MAE9C,CAAA;KAEX,KACC,kBAAC,GAAD;MAAS,MAAK;MAAe,MAAK;gBAAa;MAErC,CAAA;KAEX,KACC,kBAAC,GAAD;MAAS,MAAK;MAAqB,MAAK;gBAAU;MAExC,CAAA;KAER;OACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAU,CAAA,EACW,CAAA;IACnB,CAAA,CACF;;EAER,UAAU;GACR;IACE,MAAM;IACN,SAAS,IAAoB,kBAAC,GAAD,EAA8B,CAAA,GAAG;IAC/D;GACD;IACE,MAAM;IACN,SAAS,IACP,kBAAA,GAAA,EAAA,UAAA,CACG,CAAC,KACA,kBAAC,GAAD;KACE,MAAK;KACL,OAAM;KACN,MAAK;KACL,IAAI;MACF,QAAQ;MACR,OAAO;MACR;KACD,CAAA,EAEJ,kBAAC,GAAD,EAAiC,CAAA,CAChC,EAAA,CAAA,GACD;IACL;GACD;IACE,MAAM;IACN,SAAS,IACP,kBAAC,GAAD,EAA+B,CAAA,GAC7B;IACL;GACD;IACE,MAAM;IACN,SAAS,kBAAC,GAAD,EAAwB,CAAA;IAClC;GACF;EACF,CACF,EACD,CAAC,GAAmB,EAAuB,CAC5C,EAEK,IAAS,QACT,IACK,EAAmB,GAAQ,EAChC,UAAU,GACX,CAAC,GAEK,EAAoB,GAAQ,EACjC,UAAU,GACX,CAAC,EAEH;EAAC;EAAiB;EAAQ;EAAe,CAAC;AAU7C,QARI,IACK,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA,GAI5B,EADL,IACM,IAGF,GAHC,EAAwB,WAAU,CAAA;;AAM7C,SAAS,IAA8B;CACrC,IAAM,EAAE,UAAO,GAA2B;AAI1C,QAHK,IAGE,kBAAC,GAAD;EAAgB,cAAc;EAAI,YAAY;EAAQ,CAAA,GAFpD,kBAAC,GAAD,EAAU,IAAG,gBAAiB,CAAA"}
+{"version":3,"file":"ReviewerDashboard.js","names":[],"sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"sourcesContent":["import { useGetCurrentUserBundle } from '@/synapse-queries/user/useUserBundle'\nimport { Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  Navigate,\n  NavLink,\n  Outlet,\n  RouteObject,\n  RouterProvider,\n  useParams,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport OrientationBanner from '../OrientationBanner'\nimport { UserHistoryDashboard } from './AccessHistoryDashboard'\nimport { AccessRequirementDashboard } from './AccessRequirementDashboard'\nimport { DataAccessSubmissionDashboard } from './AccessSubmissionDashboard'\nimport SubmissionPage from './SubmissionPage/SubmissionPage'\n\nfunction LinkTab(props: { href: string; children: ReactNode; icon: IconName }) {\n  const { href, children, icon } = props\n  return (\n    <NavLink className=\"Tab\" role=\"tab\" to={href}>\n      <IconSvg\n        icon={icon}\n        sx={{\n          paddingRight: '0.2rem',\n        }}\n      />\n      <Typography variant=\"buttonLink\">{children}</Typography>\n    </NavLink>\n  )\n}\n\ntype ReviewerDashboardProps = {\n  /** Used to determine the base path for the component. Default is DataAccessManagement:default */\n  routerBaseName?: string\n  /** If true use a MemoryRouter, which prevents the browser URL from updating. For demo purposes only. */\n  useMemoryRouter?: boolean\n}\n\nexport function ReviewerDashboard(props: ReviewerDashboardProps) {\n  const {\n    routerBaseName = '/DataAccessManagement:default',\n    useMemoryRouter = false,\n  } = props\n\n  const { data: userBundle, isLoading } = useGetCurrentUserBundle()\n\n  const hasActPermissions = userBundle?.isACTMember\n  const hasReviewerPermissions =\n    userBundle?.isACTMember || userBundle?.isARReviewer\n\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        element: (\n          <div className=\"ReviewerDashboard\">\n            <div className=\"Tabs\" role=\"tablist\">\n              {hasActPermissions && (\n                <LinkTab href=\"/AccessRequirements\" icon=\"accessClosed\">\n                  Access Requirements\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab href=\"/Submissions\" icon=\"discussion\">\n                  Submissions\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab href=\"/UserAccessHistory\" icon=\"history\">\n                  User Access History\n                </LinkTab>\n              )}\n            </div>\n            <div className=\"TabContentContainer\">\n              <SynapseErrorBoundary>\n                <Outlet />\n              </SynapseErrorBoundary>\n            </div>\n          </div>\n        ),\n        children: [\n          {\n            path: 'AccessRequirements',\n            element: hasActPermissions ? <AccessRequirementDashboard /> : null,\n          },\n          {\n            path: 'Submissions',\n            element: hasReviewerPermissions ? (\n              <>\n                {!hasActPermissions && (\n                  <OrientationBanner\n                    name=\"DataAccessManagement\"\n                    title=\"Getting Started With Data Access Management\"\n                    text=\"When someone requests access to data, that request will show up here. Clicking on the Request ID will take you to a page where you can review the request.\"\n                    sx={{\n                      margin: '-20px -30px 20px -30px',\n                      width: 'auto',\n                    }}\n                  />\n                )}\n                <DataAccessSubmissionDashboard />\n              </>\n            ) : null,\n          },\n          {\n            path: 'Submissions/:id',\n            element: hasReviewerPermissions ? (\n              <SubmissionPageRouteRenderer />\n            ) : null,\n          },\n          {\n            path: 'UserAccessHistory',\n            element: <UserHistoryDashboard />,\n          },\n        ],\n      },\n    ],\n    [hasActPermissions, hasReviewerPermissions],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (isLoading) {\n    return <SynapseSpinner size={50} />\n  }\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n\nfunction SubmissionPageRouteRenderer() {\n  const { id } = useParams<{ id: string }>()\n  if (!id) {\n    return <Navigate to=\"Submissions/\" />\n  }\n  return <SubmissionPage submissionId={id} isReviewer={true} />\n}\n\nexport default ReviewerDashboard\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,SAAS,EAAQ,GAA8D;CAC7E,IAAM,EAAE,SAAM,aAAU,YAAS;CACjC,OACE,kBAAC,GAAD;EAAS,WAAU;EAAM,MAAK;EAAM,IAAI;YAAxC,CACE,kBAAC,GAAD;GACQ;GACN,IAAI,EACF,cAAc,SAChB;EACD,CAAA,GACD,kBAAC,GAAD;GAAY,SAAQ;GAAc;EAAqB,CAAA,CAChD;;AAEb;AASA,SAAgB,EAAkB,GAA+B;CAC/D,IAAM,EACJ,oBAAiB,iCACjB,qBAAkB,OAChB,GAEE,EAAE,MAAM,GAAY,iBAAc,EAAwB,GAE1D,IAAoB,GAAY,aAChC,IACJ,GAAY,eAAe,GAAY,cAEnC,IAAwB,QACtB,CACJ;EACE,MAAM;EACN,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;IAAO,MAAK;cAA3B;KACG,KACC,kBAAC,GAAD;MAAS,MAAK;MAAsB,MAAK;gBAAe;KAE/C,CAAA;KAEV,KACC,kBAAC,GAAD;MAAS,MAAK;MAAe,MAAK;gBAAa;KAEtC,CAAA;KAEV,KACC,kBAAC,GAAD;MAAS,MAAK;MAAqB,MAAK;gBAAU;KAEzC,CAAA;IAER;OACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAS,CAAA,EACW,CAAA;GACnB,CAAA,CACF;;EAEP,UAAU;GACR;IACE,MAAM;IACN,SAAS,IAAoB,kBAAC,GAAD,CAA6B,CAAA,IAAI;GAChE;GACA;IACE,MAAM;IACN,SAAS,IACP,kBAAA,GAAA,EAAA,UAAA,CACG,CAAC,KACA,kBAAC,GAAD;KACE,MAAK;KACL,OAAM;KACN,MAAK;KACL,IAAI;MACF,QAAQ;MACR,OAAO;KACT;IACD,CAAA,GAEH,kBAAC,GAAD,CAAgC,CAAA,CAChC,EAAA,CAAA,IACA;GACN;GACA;IACE,MAAM;IACN,SAAS,IACP,kBAAC,GAAD,CAA8B,CAAA,IAC5B;GACN;GACA;IACE,MAAM;IACN,SAAS,kBAAC,GAAD,CAAuB,CAAA;GAClC;EACF;CACF,CACF,GACA,CAAC,GAAmB,CAAsB,CAC5C,GAEM,IAAS,QACT,IACK,EAAmB,GAAQ,EAChC,UAAU,EACZ,CAAC,IAEM,EAAoB,GAAQ,EACjC,UAAU,EACZ,CAAC,GAEF;EAAC;EAAiB;EAAQ;CAAc,CAAC;CAU5C,OARI,IACK,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAI3B,EADL,IACM,IAGF,GAHC,EAAwB,UAAS,CAAA;AAI5C;AAEA,SAAS,IAA8B;CACrC,IAAM,EAAE,UAAO,EAA0B;CAIzC,OAHK,IAGE,kBAAC,GAAD;EAAgB,cAAc;EAAI,YAAY;CAAO,CAAA,IAFnD,kBAAC,GAAD,EAAU,IAAG,eAAgB,CAAA;AAGxC"}

package/dist/components/dataaccess/SubmissionPage/ApproveSubmissionConfirmationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApproveSubmissionConfirmationModal.js","names":[],"sources":["../../../../src/components/dataaccess/SubmissionPage/ApproveSubmissionConfirmationModal.tsx"],"sourcesContent":["import { DialogBase } from '@/components/DialogBase'\nimport { displayToast } from '@/components/ToastMessage'\nimport { useUpdateDataAccessSubmissionState } from '@/synapse-queries/index'\nimport { Alert, Button, Typography } from '@mui/material'\nimport { SubmissionState } from '@sage-bionetworks/synapse-types'\nimport { useCallback } from 'react'\n\ntype ApproveSubmissionConfirmationModalProps = {\n  open: boolean\n  submissionId: string\n  onClose: () => void\n}\n\n/**\n * Confirmation modal to approve a data access submission asa a reviewer/ACT member.\n */\nexport function ApproveSubmissionConfirmationModal(\n  props: ApproveSubmissionConfirmationModalProps,\n) {\n  const { open, submissionId, onClose } = props\n\n  const { mutate, isPending, error } = useUpdateDataAccessSubmissionState({\n    onSuccess: () => {\n      displayToast('Submission approved', 'success')\n      onClose()\n    },\n  })\n\n  const approveSubmission = useCallback(() => {\n    mutate({\n      submissionId: submissionId,\n      newState: SubmissionState.APPROVED,\n    })\n  }, [submissionId, mutate])\n\n  return (\n    <DialogBase\n      open={open}\n      title=\"Approve Request?\"\n      onCancel={() => {\n        onClose()\n      }}\n      content={\n        <>\n          <Typography variant=\"body1\" sx={{ marginBottom: '10px' }}>\n            Approving the request will grant access to controlled data.\n          </Typography>\n          <Typography variant=\"body1\">\n            In addition, the user will receive an email notification alerting\n            them that the request has been granted.\n          </Typography>\n          {error && (\n            <Alert severity=\"error\" sx={{ mt: 1 }}>\n              {error.message}\n            </Alert>\n          )}\n        </>\n      }\n      actions={\n        <>\n          <Button\n            variant={'outlined'}\n            onClick={() => onClose()}\n            disabled={isPending}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant={'contained'}\n            onClick={() => approveSubmission()}\n            disabled={isPending}\n          >\n            Approve Request\n          </Button>\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,iBAAc,eAAY,GAElC,EAAE,WAAQ,cAAW,aAAU,EAAmC,EACtE,iBAAiB;AAEf,EADA,EAAa,uBAAuB,UAAU,EAC9C,GAAS;IAEZ,CAAC,EAEI,IAAoB,QAAkB;AAC1C,IAAO;GACS;GACd,UAAU,EAAgB;GAC3B,CAAC;IACD,CAAC,GAAc,EAAO,CAAC;AAE1B,QACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,gBAAgB;AACd,MAAS;;EAEX,SACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI,EAAE,cAAc,QAAQ;cAAE;IAE7C,CAAA;GACb,kBAAC,GAAD;IAAY,SAAQ;cAAQ;IAGf,CAAA;GACZ,KACC,kBAAC,GAAD;IAAO,UAAS;IAAQ,IAAI,EAAE,IAAI,GAAG;cAClC,EAAM;IACD,CAAA;GAET,EAAA,CAAA;EAEL,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAS;GACT,eAAe,GAAS;GACxB,UAAU;aACX;GAEQ,CAAA,EACT,kBAAC,GAAD;GACE,SAAS;GACT,eAAe,GAAmB;GAClC,UAAU;aACX;GAEQ,CAAA,CACR,EAAA,CAAA;EAEL,CAAA"}
+{"version":3,"file":"ApproveSubmissionConfirmationModal.js","names":[],"sources":["../../../../src/components/dataaccess/SubmissionPage/ApproveSubmissionConfirmationModal.tsx"],"sourcesContent":["import { DialogBase } from '@/components/DialogBase'\nimport { displayToast } from '@/components/ToastMessage'\nimport { useUpdateDataAccessSubmissionState } from '@/synapse-queries/index'\nimport { Alert, Button, Typography } from '@mui/material'\nimport { SubmissionState } from '@sage-bionetworks/synapse-types'\nimport { useCallback } from 'react'\n\ntype ApproveSubmissionConfirmationModalProps = {\n  open: boolean\n  submissionId: string\n  onClose: () => void\n}\n\n/**\n * Confirmation modal to approve a data access submission asa a reviewer/ACT member.\n */\nexport function ApproveSubmissionConfirmationModal(\n  props: ApproveSubmissionConfirmationModalProps,\n) {\n  const { open, submissionId, onClose } = props\n\n  const { mutate, isPending, error } = useUpdateDataAccessSubmissionState({\n    onSuccess: () => {\n      displayToast('Submission approved', 'success')\n      onClose()\n    },\n  })\n\n  const approveSubmission = useCallback(() => {\n    mutate({\n      submissionId: submissionId,\n      newState: SubmissionState.APPROVED,\n    })\n  }, [submissionId, mutate])\n\n  return (\n    <DialogBase\n      open={open}\n      title=\"Approve Request?\"\n      onCancel={() => {\n        onClose()\n      }}\n      content={\n        <>\n          <Typography variant=\"body1\" sx={{ marginBottom: '10px' }}>\n            Approving the request will grant access to controlled data.\n          </Typography>\n          <Typography variant=\"body1\">\n            In addition, the user will receive an email notification alerting\n            them that the request has been granted.\n          </Typography>\n          {error && (\n            <Alert severity=\"error\" sx={{ mt: 1 }}>\n              {error.message}\n            </Alert>\n          )}\n        </>\n      }\n      actions={\n        <>\n          <Button\n            variant={'outlined'}\n            onClick={() => onClose()}\n            disabled={isPending}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant={'contained'}\n            onClick={() => approveSubmission()}\n            disabled={isPending}\n          >\n            Approve Request\n          </Button>\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,iBAAc,eAAY,GAElC,EAAE,WAAQ,cAAW,aAAU,EAAmC,EACtE,iBAAiB;EAEf,AADA,EAAa,uBAAuB,SAAS,GAC7C,EAAQ;CACV,EACF,CAAC,GAEK,IAAoB,QAAkB;EAC1C,EAAO;GACS;GACd,UAAU,EAAgB;EAC5B,CAAC;CACH,GAAG,CAAC,GAAc,CAAM,CAAC;CAEzB,OACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,gBAAgB;GACd,EAAQ;EACV;EACA,SACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI,EAAE,cAAc,OAAO;cAAG;GAE9C,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAQ;cAAQ;GAGhB,CAAA;GACX,KACC,kBAAC,GAAD;IAAO,UAAS;IAAQ,IAAI,EAAE,IAAI,EAAE;cACjC,EAAM;GACF,CAAA;EAET,EAAA,CAAA;EAEJ,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAS;GACT,eAAe,EAAQ;GACvB,UAAU;aACX;EAEO,CAAA,GACR,kBAAC,GAAD;GACE,SAAS;GACT,eAAe,EAAkB;GACjC,UAAU;aACX;EAEO,CAAA,CACR,EAAA,CAAA;CAEL,CAAA;AAEL"}

package/dist/components/dataaccess/SubmissionPage/CancelDataAccessRequestConfirmationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelDataAccessRequestConfirmationModal.js","names":[],"sources":["../../../../src/components/dataaccess/SubmissionPage/CancelDataAccessRequestConfirmationModal.tsx"],"sourcesContent":["import { DialogBase } from '@/components/DialogBase'\nimport { displayToast } from '@/components/ToastMessage'\nimport { useCancelDataAccessRequest } from '@/synapse-queries/index'\nimport { Alert, Button, Typography } from '@mui/material'\nimport noop from 'lodash-es/noop'\nimport { useCallback } from 'react'\n\nexport type CancelDataAccessRequestConfirmationModalProps = {\n  open: boolean\n  submissionId: string\n  accessRequirementId: string\n  onClose?: () => void\n}\n\n/**\n * Confirmation modal that allows a requestor to cancel a submitted data access request.\n */\nexport function CancelDataAccessRequestConfirmationModal(\n  props: CancelDataAccessRequestConfirmationModalProps,\n) {\n  const { open, onClose = noop, submissionId, accessRequirementId } = props\n  const {\n    mutate: cancelRequest,\n    isPending: cancelRequestIsPending,\n    error: cancelRequestError,\n  } = useCancelDataAccessRequest({\n    onSuccess: () => {\n      displayToast('Access request cancelled', 'success')\n      onClose()\n    },\n  })\n  const onCancelRequest = useCallback(() => {\n    cancelRequest({\n      submissionId: submissionId,\n      accessRequirementId: accessRequirementId,\n    })\n  }, [accessRequirementId, cancelRequest, submissionId])\n\n  return (\n    <DialogBase\n      title={'Cancel Access Request?'}\n      onCancel={() => {\n        onClose()\n      }}\n      open={open}\n      content={\n        <>\n          <Typography variant=\"body1\">\n            Are you sure you want to cancel your request for access? If you want\n            to make changes to the information included in your request, you can\n            modify and resubmit your request after cancelling it.\n          </Typography>\n          {cancelRequestError && (\n            <Alert severity={'error'} sx={{ mt: 2 }}>\n              <Typography variant=\"body1\">\n                {cancelRequestError.reason}\n              </Typography>\n            </Alert>\n          )}\n        </>\n      }\n      actions={\n        <>\n          <Button\n            variant={'outlined'}\n            onClick={() => onClose()}\n            disabled={cancelRequestIsPending}\n          >\n            Back\n          </Button>\n          <Button\n            variant={'contained'}\n            color=\"error\"\n            onClick={() => onCancelRequest()}\n            disabled={cancelRequestIsPending}\n          >\n            Cancel Request\n          </Button>\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,aAAU,GAAM,iBAAc,2BAAwB,GAC9D,EACJ,QAAQ,GACR,WAAW,GACX,OAAO,MACL,EAA2B,EAC7B,iBAAiB;AAEf,EADA,EAAa,4BAA4B,UAAU,EACnD,GAAS;IAEZ,CAAC,EACI,IAAkB,QAAkB;AACxC,IAAc;GACE;GACO;GACtB,CAAC;IACD;EAAC;EAAqB;EAAe;EAAa,CAAC;AAEtD,QACE,kBAAC,GAAD;EACE,OAAO;EACP,gBAAgB;AACd,MAAS;;EAEL;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAY,SAAQ;aAAQ;GAIf,CAAA,EACZ,KACC,kBAAC,GAAD;GAAO,UAAU;GAAS,IAAI,EAAE,IAAI,GAAG;aACrC,kBAAC,GAAD;IAAY,SAAQ;cACjB,EAAmB;IACT,CAAA;GACP,CAAA,CAET,EAAA,CAAA;EAEL,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAS;GACT,eAAe,GAAS;GACxB,UAAU;aACX;GAEQ,CAAA,EACT,kBAAC,GAAD;GACE,SAAS;GACT,OAAM;GACN,eAAe,GAAiB;GAChC,UAAU;aACX;GAEQ,CAAA,CACR,EAAA,CAAA;EAEL,CAAA"}
+{"version":3,"file":"CancelDataAccessRequestConfirmationModal.js","names":[],"sources":["../../../../src/components/dataaccess/SubmissionPage/CancelDataAccessRequestConfirmationModal.tsx"],"sourcesContent":["import { DialogBase } from '@/components/DialogBase'\nimport { displayToast } from '@/components/ToastMessage'\nimport { useCancelDataAccessRequest } from '@/synapse-queries/index'\nimport { Alert, Button, Typography } from '@mui/material'\nimport noop from 'lodash-es/noop'\nimport { useCallback } from 'react'\n\nexport type CancelDataAccessRequestConfirmationModalProps = {\n  open: boolean\n  submissionId: string\n  accessRequirementId: string\n  onClose?: () => void\n}\n\n/**\n * Confirmation modal that allows a requestor to cancel a submitted data access request.\n */\nexport function CancelDataAccessRequestConfirmationModal(\n  props: CancelDataAccessRequestConfirmationModalProps,\n) {\n  const { open, onClose = noop, submissionId, accessRequirementId } = props\n  const {\n    mutate: cancelRequest,\n    isPending: cancelRequestIsPending,\n    error: cancelRequestError,\n  } = useCancelDataAccessRequest({\n    onSuccess: () => {\n      displayToast('Access request cancelled', 'success')\n      onClose()\n    },\n  })\n  const onCancelRequest = useCallback(() => {\n    cancelRequest({\n      submissionId: submissionId,\n      accessRequirementId: accessRequirementId,\n    })\n  }, [accessRequirementId, cancelRequest, submissionId])\n\n  return (\n    <DialogBase\n      title={'Cancel Access Request?'}\n      onCancel={() => {\n        onClose()\n      }}\n      open={open}\n      content={\n        <>\n          <Typography variant=\"body1\">\n            Are you sure you want to cancel your request for access? If you want\n            to make changes to the information included in your request, you can\n            modify and resubmit your request after cancelling it.\n          </Typography>\n          {cancelRequestError && (\n            <Alert severity={'error'} sx={{ mt: 2 }}>\n              <Typography variant=\"body1\">\n                {cancelRequestError.reason}\n              </Typography>\n            </Alert>\n          )}\n        </>\n      }\n      actions={\n        <>\n          <Button\n            variant={'outlined'}\n            onClick={() => onClose()}\n            disabled={cancelRequestIsPending}\n          >\n            Back\n          </Button>\n          <Button\n            variant={'contained'}\n            color=\"error\"\n            onClick={() => onCancelRequest()}\n            disabled={cancelRequestIsPending}\n          >\n            Cancel Request\n          </Button>\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,aAAU,GAAM,iBAAc,2BAAwB,GAC9D,EACJ,QAAQ,GACR,WAAW,GACX,OAAO,MACL,EAA2B,EAC7B,iBAAiB;EAEf,AADA,EAAa,4BAA4B,SAAS,GAClD,EAAQ;CACV,EACF,CAAC,GACK,IAAkB,QAAkB;EACxC,EAAc;GACE;GACO;EACvB,CAAC;CACH,GAAG;EAAC;EAAqB;EAAe;CAAY,CAAC;CAErD,OACE,kBAAC,GAAD;EACE,OAAO;EACP,gBAAgB;GACd,EAAQ;EACV;EACM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAY,SAAQ;aAAQ;EAIhB,CAAA,GACX,KACC,kBAAC,GAAD;GAAO,UAAU;GAAS,IAAI,EAAE,IAAI,EAAE;aACpC,kBAAC,GAAD;IAAY,SAAQ;cACjB,EAAmB;GACV,CAAA;EACP,CAAA,CAET,EAAA,CAAA;EAEJ,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAS;GACT,eAAe,EAAQ;GACvB,UAAU;aACX;EAEO,CAAA,GACR,kBAAC,GAAD;GACE,SAAS;GACT,OAAM;GACN,eAAe,EAAgB;GAC/B,UAAU;aACX;EAEO,CAAA,CACR,EAAA,CAAA;CAEL,CAAA;AAEL"}