synapse-react-client 4.0.35 → 4.0.37

package/dist/components/Webhook/CreateWebhookModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateWebhookModal.js","names":[],"sources":["../../../src/components/Webhook/CreateWebhookModal.tsx"],"sourcesContent":["import {\n  useCreateWebhook,\n  useDeleteWebhook,\n  useUpdateWebhook,\n} from '@/synapse-queries/webhook/useWebhook'\nimport DeleteTwoToneIcon from '@mui/icons-material/DeleteTwoTone'\nimport SearchOutlined from '@mui/icons-material/SearchOutlined'\nimport {\n  Alert,\n  Box,\n  Button,\n  Checkbox,\n  FormControlLabel,\n  FormGroup,\n  Grid,\n  IconButton,\n  InputLabel,\n  Link,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport {\n  ErrorResponseCode,\n  SynapseEventType,\n  SynapseObjectType,\n  Webhook,\n  WebhookVerificationStatus,\n} from '@sage-bionetworks/synapse-client'\nimport { upperFirst } from 'lodash-es'\nimport { Fragment, PropsWithChildren, useEffect, useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { EntityFinderModal } from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\ntype CreateWebhookModalProps = {\n  initialData?: Webhook\n  open: boolean\n  onClose: () => void\n}\n\nconst NEW_ENDPOINT_DOMAIN_REQUEST_TITLE = encodeURIComponent(\n  'Request to add new domain for webhook verification',\n)\nconst NEW_ENDPOINT_DOMAIN_REQUEST_SUMMARY = encodeURIComponent(\n  '<Please provide the domain(s) you wish to use and any additional details related to your request.>',\n)\nconst NEW_ENDPOINT_CONTACT_FORM_URL = `https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/16/create/85?summary=${NEW_ENDPOINT_DOMAIN_REQUEST_TITLE}&description=${NEW_ENDPOINT_DOMAIN_REQUEST_SUMMARY}`\n\nfunction UpdateWarningWrapper(props: PropsWithChildren) {\n  return (\n    <Box\n      sx={{\n        mt: '10px',\n        py: 2,\n        px: 4,\n        backgroundColor: 'rgb(178, 36, 42, 0.03)',\n      }}\n    >\n      <Typography sx={{ my: 1 }} color=\"error\" variant=\"headline3\" gutterBottom>\n        DANGER ZONE\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        Editing the following information will require you to re-verify the\n        webhook.\n      </Typography>\n      {props.children}\n    </Box>\n  )\n}\n\nexport default function CreateWebhookModal(props: CreateWebhookModalProps) {\n  const { initialData, open, onClose } = props\n\n  // Form state\n  const objectType: SynapseObjectType = SynapseObjectType.ENTITY // Currently only entities can be selected\n  const [objectId, setObjectId] = useState<string>('')\n  const [eventTypes, setEventTypes] = useState<Set<SynapseEventType>>(new Set())\n  const [invokeEndpoint, setInvokeEndpoint] = useState<string>('')\n  const [enabled, setEnabled] = useState(true)\n\n  useEffect(() => {\n    setObjectId(initialData?.objectId || '')\n    setEventTypes(\n      new Set(initialData?.eventTypes || []) as Set<SynapseEventType>,\n    )\n    setInvokeEndpoint(initialData?.invokeEndpoint || '')\n    setEnabled(initialData?.isEnabled ?? true)\n  }, [initialData])\n\n  const [showEntityFinder, setShowEntityFinder] = useState(false)\n  const [showDeleteConfirmation, setShowDeleteConfirmation] = useState(false)\n\n  const {\n    mutate: createWebhook,\n    isPending: isCreatePending,\n    error: createError,\n  } = useCreateWebhook({\n    onSuccess: () => {\n      displayToast('Webhook created', 'success')\n      onClose()\n    },\n  })\n\n  const {\n    mutate: updateWebhook,\n    isPending: isUpdatePending,\n    error: updateError,\n  } = useUpdateWebhook({\n    onSuccess: () => {\n      displayToast('Webhook updated', 'success')\n      onClose()\n    },\n  })\n\n  const {\n    mutate: deleteWebhook,\n    isPending: isDeletePending,\n    error: deleteError,\n  } = useDeleteWebhook({\n    onSuccess: () => {\n      displayToast('Webhook deleted', 'info')\n      setShowDeleteConfirmation(false)\n      onClose()\n    },\n  })\n\n  const isPending = isCreatePending || isUpdatePending\n  const error = createError || updateError\n\n  function handleConfirm() {\n    if (initialData) {\n      updateWebhook({\n        webhookId: initialData.id!,\n        createOrUpdateWebhookRequest: {\n          objectType,\n          objectId,\n          eventTypes,\n          invokeEndpoint,\n          isEnabled: enabled,\n        },\n      })\n    } else {\n      createWebhook({\n        objectType,\n        objectId,\n        eventTypes,\n        invokeEndpoint,\n        isEnabled: enabled,\n      })\n    }\n  }\n\n  function handleDelete() {\n    if (initialData) {\n      deleteWebhook(initialData.id!)\n    }\n  }\n\n  // If the user attempts to use a domain that has not been added to the allowlist, link to a form to create a request.\n  const showRequestDomainForm =\n    error &&\n    error.errorResponse &&\n    'errorCode' in error.errorResponse &&\n    error.errorResponse.errorCode ===\n      ErrorResponseCode.UNSUPPORTED_WEBHOOK_DOMAIN\n\n  // Wrap certain fields in a wrapper if they will require re-verifying the webhook\n  const RevalidationFieldsWrapper =\n    initialData &&\n    initialData.verificationStatus === WebhookVerificationStatus.VERIFIED\n      ? UpdateWarningWrapper\n      : Fragment\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title={'Create New Webhook'}\n      maxWidth={'md'}\n      onCancel={onClose}\n      onConfirm={() => {\n        handleConfirm()\n      }}\n      confirmButtonProps={{\n        children: `${initialData ? 'Update' : 'Create'} Webhook`,\n        disabled: isPending,\n      }}\n      cancelButtonProps={{\n        disabled: isPending,\n      }}\n      content={\n        <>\n          <Grid container spacing={2}>\n            <Grid size={12}>\n              <Typography variant={'body1'} gutterBottom>\n                Specify the ID of the entity and the types of events you would\n                like to receive. Once you complete this step, Synapse will send\n                a verification code to the endpoint you specify. After you\n                verify your webhook, Synapse will send your chosen events to the\n                verified endpoint.\n              </Typography>\n            </Grid>\n            <Grid\n              size={{\n                xs: 12,\n                md: 6,\n              }}\n            >\n              <EntityFinderModal\n                configuration={{\n                  initialScope: FinderScope.ALL_PROJECTS,\n                  initialContainer: 'root',\n                  selectMultiple: false,\n                  treeOnly: false,\n                  versionSelection: VersionSelectionType.DISALLOWED,\n                }}\n                show={showEntityFinder}\n                onCancel={() => {\n                  setShowEntityFinder(false)\n                }}\n                title={'Select item for Webhook'}\n                promptCopy={\n                  'Select an item to associate with the webhook. The webhook can be used to receive programmatic alerts when the item is updated.'\n                }\n                onConfirm={selected => {\n                  setObjectId(selected[0].targetId)\n                  setShowEntityFinder(false)\n                }}\n                confirmButtonCopy={'Select'}\n              />\n              <TextField\n                required\n                label={\n                  <>\n                    Entity ID\n                    <HelpPopover\n                      containerSx={{\n                        position: 'fixed',\n                        ml: '15px',\n                        fontSize: '12px',\n                      }}\n                      markdownText={\n                        'The ID of a Synapse entity for which to receive events. For folders and projects, matching events are published to the webhook endpoint for any entity in their hierarchy.'\n                      }\n                    />\n                  </>\n                }\n                type=\"text\"\n                fullWidth\n                value={objectId}\n                onChange={e => {\n                  setObjectId(e.target.value)\n                }}\n                slotProps={{\n                  input: {\n                    endAdornment: (\n                      <IconButton onClick={() => setShowEntityFinder(true)}>\n                        <SearchOutlined />\n                      </IconButton>\n                    ),\n                  },\n                }}\n              />\n            </Grid>\n            <Grid size={6}>\n              <FormControlLabel\n                control={<Switch />}\n                labelPlacement={'top'}\n                label={<InputLabel>Enabled</InputLabel>}\n                checked={enabled}\n                onChange={(_e, checked) => {\n                  setEnabled(checked)\n                }}\n              />\n            </Grid>\n            <Grid\n              size={{\n                xs: 12,\n                md: 6,\n              }}\n            >\n              <FormGroup>\n                <InputLabel required>Events</InputLabel>\n                {Object.values(SynapseEventType).map(eventType => (\n                  <FormControlLabel\n                    control={<Checkbox />}\n                    label={upperFirst(eventType.toLowerCase())}\n                    key={eventType}\n                    checked={eventTypes.has(eventType)}\n                    onChange={(_e, checked) => {\n                      setEventTypes(curr => {\n                        if (checked) {\n                          const newSet = new Set(curr)\n                          newSet.add(eventType)\n                          return newSet\n                        } else {\n                          curr.delete(eventType)\n                          return new Set<SynapseEventType>(curr)\n                        }\n                      })\n                    }}\n                  />\n                ))}\n              </FormGroup>\n            </Grid>\n            <Grid size={12}>\n              <RevalidationFieldsWrapper>\n                <TextField\n                  label={'Endpoint'}\n                  fullWidth\n                  value={invokeEndpoint}\n                  onChange={e => setInvokeEndpoint(e.target.value)}\n                  required\n                  placeholder={'https://'}\n                />\n                {initialData && (\n                  <>\n                    <Button\n                      onClick={() => {\n                        setShowDeleteConfirmation(true)\n                      }}\n                      color=\"error\"\n                      variant={'outlined'}\n                      startIcon={<DeleteTwoToneIcon />}\n                      sx={{ my: 2 }}\n                    >\n                      Delete Webhook\n                    </Button>\n                    <ConfirmationDialog\n                      title={'Confirm Delete Webhook?'}\n                      onCancel={() => setShowDeleteConfirmation(false)}\n                      open={showDeleteConfirmation}\n                      content={\n                        <>\n                          <Typography variant={'body1'}>\n                            Are you sure you want to delete this webhook? This\n                            action cannot be undone.\n                          </Typography>\n                          {deleteError && (\n                            <Alert severity=\"error\" sx={{ mt: 2 }}>\n                              {deleteError.reason}\n                            </Alert>\n                          )}\n                        </>\n                      }\n                      onConfirm={() => {\n                        handleDelete()\n                      }}\n                      confirmButtonProps={{\n                        children: 'Delete',\n                        color: 'error',\n                        disabled: isDeletePending,\n                      }}\n                      cancelButtonProps={{ disabled: isDeletePending }}\n                    />\n                  </>\n                )}\n              </RevalidationFieldsWrapper>\n            </Grid>\n          </Grid>\n\n          {error && (\n            <Alert severity=\"error\" sx={{ my: 2 }}>\n              {showRequestDomainForm && (\n                <>\n                  Synapse only permits configuring webhooks on verified domains,\n                  which are specified in the{' '}\n                  <Link\n                    href={\n                      'https://rest-docs.synapse.org/rest/index.html#org.sagebionetworks.repo.web.controller.WebhookController'\n                    }\n                    target={'_blank'}\n                  >\n                    REST documentation\n                  </Link>\n                  . You have entered a domain that has not been verified.{' '}\n                  <Link href={NEW_ENDPOINT_CONTACT_FORM_URL} target={'_blank'}>\n                    Please fill out this form to request verification for your\n                    webhook domain\n                  </Link>\n                  .\n                </>\n              )}\n              {!showRequestDomainForm && error.reason}\n            </Alert>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateWebhookModal.js","names":[],"sources":["../../../src/components/Webhook/CreateWebhookModal.tsx"],"sourcesContent":["import {\n  useCreateWebhook,\n  useDeleteWebhook,\n  useUpdateWebhook,\n} from '@/synapse-queries/webhook/useWebhook'\nimport DeleteTwoToneIcon from '@mui/icons-material/DeleteTwoTone'\nimport SearchOutlined from '@mui/icons-material/SearchOutlined'\nimport {\n  Alert,\n  Box,\n  Button,\n  Checkbox,\n  FormControlLabel,\n  FormGroup,\n  Grid,\n  IconButton,\n  InputLabel,\n  Link,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport {\n  ErrorResponseCode,\n  SynapseEventType,\n  SynapseObjectType,\n  Webhook,\n  WebhookVerificationStatus,\n} from '@sage-bionetworks/synapse-client'\nimport { upperFirst } from 'lodash-es'\nimport { Fragment, PropsWithChildren, useEffect, useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { EntityFinderModal } from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\nimport { displayToast } from '../ToastMessage/ToastMessage'\n\ntype CreateWebhookModalProps = {\n  initialData?: Webhook\n  open: boolean\n  onClose: () => void\n}\n\nconst NEW_ENDPOINT_DOMAIN_REQUEST_TITLE = encodeURIComponent(\n  'Request to add new domain for webhook verification',\n)\nconst NEW_ENDPOINT_DOMAIN_REQUEST_SUMMARY = encodeURIComponent(\n  '<Please provide the domain(s) you wish to use and any additional details related to your request.>',\n)\nconst NEW_ENDPOINT_CONTACT_FORM_URL = `https://sagebionetworks.jira.com/servicedesk/customer/portal/9/group/16/create/85?summary=${NEW_ENDPOINT_DOMAIN_REQUEST_TITLE}&description=${NEW_ENDPOINT_DOMAIN_REQUEST_SUMMARY}`\n\nfunction UpdateWarningWrapper(props: PropsWithChildren) {\n  return (\n    <Box\n      sx={{\n        mt: '10px',\n        py: 2,\n        px: 4,\n        backgroundColor: 'rgb(178, 36, 42, 0.03)',\n      }}\n    >\n      <Typography sx={{ my: 1 }} color=\"error\" variant=\"headline3\" gutterBottom>\n        DANGER ZONE\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        Editing the following information will require you to re-verify the\n        webhook.\n      </Typography>\n      {props.children}\n    </Box>\n  )\n}\n\nexport default function CreateWebhookModal(props: CreateWebhookModalProps) {\n  const { initialData, open, onClose } = props\n\n  // Form state\n  const objectType: SynapseObjectType = SynapseObjectType.ENTITY // Currently only entities can be selected\n  const [objectId, setObjectId] = useState<string>('')\n  const [eventTypes, setEventTypes] = useState<Set<SynapseEventType>>(new Set())\n  const [invokeEndpoint, setInvokeEndpoint] = useState<string>('')\n  const [enabled, setEnabled] = useState(true)\n\n  useEffect(() => {\n    setObjectId(initialData?.objectId || '')\n    setEventTypes(\n      new Set(initialData?.eventTypes || []) as Set<SynapseEventType>,\n    )\n    setInvokeEndpoint(initialData?.invokeEndpoint || '')\n    setEnabled(initialData?.isEnabled ?? true)\n  }, [initialData])\n\n  const [showEntityFinder, setShowEntityFinder] = useState(false)\n  const [showDeleteConfirmation, setShowDeleteConfirmation] = useState(false)\n\n  const {\n    mutate: createWebhook,\n    isPending: isCreatePending,\n    error: createError,\n  } = useCreateWebhook({\n    onSuccess: () => {\n      displayToast('Webhook created', 'success')\n      onClose()\n    },\n  })\n\n  const {\n    mutate: updateWebhook,\n    isPending: isUpdatePending,\n    error: updateError,\n  } = useUpdateWebhook({\n    onSuccess: () => {\n      displayToast('Webhook updated', 'success')\n      onClose()\n    },\n  })\n\n  const {\n    mutate: deleteWebhook,\n    isPending: isDeletePending,\n    error: deleteError,\n  } = useDeleteWebhook({\n    onSuccess: () => {\n      displayToast('Webhook deleted', 'info')\n      setShowDeleteConfirmation(false)\n      onClose()\n    },\n  })\n\n  const isPending = isCreatePending || isUpdatePending\n  const error = createError || updateError\n\n  function handleConfirm() {\n    if (initialData) {\n      updateWebhook({\n        webhookId: initialData.id!,\n        createOrUpdateWebhookRequest: {\n          objectType,\n          objectId,\n          eventTypes,\n          invokeEndpoint,\n          isEnabled: enabled,\n        },\n      })\n    } else {\n      createWebhook({\n        objectType,\n        objectId,\n        eventTypes,\n        invokeEndpoint,\n        isEnabled: enabled,\n      })\n    }\n  }\n\n  function handleDelete() {\n    if (initialData) {\n      deleteWebhook(initialData.id!)\n    }\n  }\n\n  // If the user attempts to use a domain that has not been added to the allowlist, link to a form to create a request.\n  const showRequestDomainForm =\n    error?.errorResponse &&\n    'errorCode' in error.errorResponse &&\n    error.errorResponse.errorCode ===\n      ErrorResponseCode.UNSUPPORTED_WEBHOOK_DOMAIN\n\n  // Wrap certain fields in a wrapper if they will require re-verifying the webhook\n  const RevalidationFieldsWrapper =\n    initialData &&\n    initialData.verificationStatus === WebhookVerificationStatus.VERIFIED\n      ? UpdateWarningWrapper\n      : Fragment\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title={'Create New Webhook'}\n      maxWidth={'md'}\n      onCancel={onClose}\n      onConfirm={() => {\n        handleConfirm()\n      }}\n      confirmButtonProps={{\n        children: `${initialData ? 'Update' : 'Create'} Webhook`,\n        disabled: isPending,\n      }}\n      cancelButtonProps={{\n        disabled: isPending,\n      }}\n      content={\n        <>\n          <Grid container spacing={2}>\n            <Grid size={12}>\n              <Typography variant={'body1'} gutterBottom>\n                Specify the ID of the entity and the types of events you would\n                like to receive. Once you complete this step, Synapse will send\n                a verification code to the endpoint you specify. After you\n                verify your webhook, Synapse will send your chosen events to the\n                verified endpoint.\n              </Typography>\n            </Grid>\n            <Grid\n              size={{\n                xs: 12,\n                md: 6,\n              }}\n            >\n              <EntityFinderModal\n                configuration={{\n                  initialScope: FinderScope.ALL_PROJECTS,\n                  initialContainer: 'root',\n                  selectMultiple: false,\n                  treeOnly: false,\n                  versionSelection: VersionSelectionType.DISALLOWED,\n                }}\n                show={showEntityFinder}\n                onCancel={() => {\n                  setShowEntityFinder(false)\n                }}\n                title={'Select item for Webhook'}\n                promptCopy={\n                  'Select an item to associate with the webhook. The webhook can be used to receive programmatic alerts when the item is updated.'\n                }\n                onConfirm={selected => {\n                  setObjectId(selected[0].targetId)\n                  setShowEntityFinder(false)\n                }}\n                confirmButtonCopy={'Select'}\n              />\n              <TextField\n                required\n                label={\n                  <>\n                    Entity ID\n                    <HelpPopover\n                      containerSx={{\n                        position: 'fixed',\n                        ml: '15px',\n                        fontSize: '12px',\n                      }}\n                      markdownText={\n                        'The ID of a Synapse entity for which to receive events. For folders and projects, matching events are published to the webhook endpoint for any entity in their hierarchy.'\n                      }\n                    />\n                  </>\n                }\n                type=\"text\"\n                fullWidth\n                value={objectId}\n                onChange={e => {\n                  setObjectId(e.target.value)\n                }}\n                slotProps={{\n                  input: {\n                    endAdornment: (\n                      <IconButton onClick={() => setShowEntityFinder(true)}>\n                        <SearchOutlined />\n                      </IconButton>\n                    ),\n                  },\n                }}\n              />\n            </Grid>\n            <Grid size={6}>\n              <FormControlLabel\n                control={<Switch />}\n                labelPlacement={'top'}\n                label={<InputLabel>Enabled</InputLabel>}\n                checked={enabled}\n                onChange={(_e, checked) => {\n                  setEnabled(checked)\n                }}\n              />\n            </Grid>\n            <Grid\n              size={{\n                xs: 12,\n                md: 6,\n              }}\n            >\n              <FormGroup>\n                <InputLabel required>Events</InputLabel>\n                {Object.values(SynapseEventType).map(eventType => (\n                  <FormControlLabel\n                    control={<Checkbox />}\n                    label={upperFirst(eventType.toLowerCase())}\n                    key={eventType}\n                    checked={eventTypes.has(eventType)}\n                    onChange={(_e, checked) => {\n                      setEventTypes(curr => {\n                        if (checked) {\n                          const newSet = new Set(curr)\n                          newSet.add(eventType)\n                          return newSet\n                        } else {\n                          curr.delete(eventType)\n                          return new Set<SynapseEventType>(curr)\n                        }\n                      })\n                    }}\n                  />\n                ))}\n              </FormGroup>\n            </Grid>\n            <Grid size={12}>\n              <RevalidationFieldsWrapper>\n                <TextField\n                  label={'Endpoint'}\n                  fullWidth\n                  value={invokeEndpoint}\n                  onChange={e => setInvokeEndpoint(e.target.value)}\n                  required\n                  placeholder={'https://'}\n                />\n                {initialData && (\n                  <>\n                    <Button\n                      onClick={() => {\n                        setShowDeleteConfirmation(true)\n                      }}\n                      color=\"error\"\n                      variant={'outlined'}\n                      startIcon={<DeleteTwoToneIcon />}\n                      sx={{ my: 2 }}\n                    >\n                      Delete Webhook\n                    </Button>\n                    <ConfirmationDialog\n                      title={'Confirm Delete Webhook?'}\n                      onCancel={() => setShowDeleteConfirmation(false)}\n                      open={showDeleteConfirmation}\n                      content={\n                        <>\n                          <Typography variant={'body1'}>\n                            Are you sure you want to delete this webhook? This\n                            action cannot be undone.\n                          </Typography>\n                          {deleteError && (\n                            <Alert severity=\"error\" sx={{ mt: 2 }}>\n                              {deleteError.reason}\n                            </Alert>\n                          )}\n                        </>\n                      }\n                      onConfirm={() => {\n                        handleDelete()\n                      }}\n                      confirmButtonProps={{\n                        children: 'Delete',\n                        color: 'error',\n                        disabled: isDeletePending,\n                      }}\n                      cancelButtonProps={{ disabled: isDeletePending }}\n                    />\n                  </>\n                )}\n              </RevalidationFieldsWrapper>\n            </Grid>\n          </Grid>\n\n          {error && (\n            <Alert severity=\"error\" sx={{ my: 2 }}>\n              {showRequestDomainForm && (\n                <>\n                  Synapse only permits configuring webhooks on verified domains,\n                  which are specified in the{' '}\n                  <Link\n                    href={\n                      'https://rest-docs.synapse.org/rest/index.html#org.sagebionetworks.repo.web.controller.WebhookController'\n                    }\n                    target={'_blank'}\n                  >\n                    REST documentation\n                  </Link>\n                  . You have entered a domain that has not been verified.{' '}\n                  <Link href={NEW_ENDPOINT_CONTACT_FORM_URL} target={'_blank'}>\n                    Please fill out this form to request verification for your\n                    webhook domain\n                  </Link>\n                  .\n                </>\n              )}\n              {!showRequestDomainForm && error.reason}\n            </Alert>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InFlightEDucSignaturesTable.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx"],"names":[],"mappings":"AA2DA;;;;;;;;;GASG;AACH,wBAAgB,2BAA2B,mDAqD1C"}
+{"version":3,"file":"InFlightEDucSignaturesTable.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx"],"names":[],"mappings":"AA8IA;;;;;;;;;GASG;AACH,wBAAgB,2BAA2B,mDA8J1C"}

package/dist/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.js

@@ -1,84 +1,195 @@
-import { useListAllUserDataAccessRequests as e } from "../../../synapse-queries/dataaccess/useEDuc.js";
+import { displayToast as e } from "../../ToastMessage/ToastMessage.js";
+import { useGetAccessRequirements as t } from "../../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useListAllUserDataAccessRequests as n, useVoidDataAccessRequestSignature as r } from "../../../synapse-queries/dataaccess/useEDuc.js";
 import "../../../synapse-queries/index.js";
-import { SkeletonTable as t } from "../../Skeleton/SkeletonTable.js";
+import { SkeletonTable as i } from "../../Skeleton/SkeletonTable.js";
 import "../../Skeleton/index.js";
-import n from "../../TanStackTable/StyledTanStackTable.js";
-import r from "../../TanStackTable/ColumnHeader.js";
-import { useMemo as i } from "react";
-import { Alert as a, Box as o, Typography as s } from "@mui/material";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { createColumnHelper as u, getCoreRowModel as d, useReactTable as f } from "@tanstack/react-table";
+import a, { RequestDataStep as o } from "../../AccessRequirementList/AccessRequirementList.js";
+import s from "../../TanStackTable/StyledTanStackTable.js";
+import c from "../../TanStackTable/ColumnHeader.js";
+import { USER_ACCESS_HISTORY_REQUEST_SIGNATURE_SUBPATH as l, USER_ACCESS_HISTORY_REQUEST_SUBPATH as u } from "./RouteConstants.js";
+import { useEffect as d, useMemo as f, useState as p } from "react";
+import { Alert as m, Box as h, Button as g, Dialog as _, DialogActions as v, DialogContent as y, DialogContentText as b, DialogTitle as x, Link as S, Stack as C, Typography as w } from "@mui/material";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Link as D } from "react-router";
+import { createColumnHelper as O, getCoreRowModel as k, useReactTable as A } from "@tanstack/react-table";
 //#region src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx
-var p = [
+var j = [
 	"sent",
 	"delivered",
 	"completed"
-], m = {
+], M = {
 	sent: "Signatures pending",
 	delivered: "Signatures pending",
 	completed: "Ready to submit"
-}, h = u(), g = [
-	h.accessor("accessRequirementName", {
-		header: (e) => /* @__PURE__ */ c(r, {
-			...e,
-			title: "Request type"
+}, N = (e) => `/${u}/${e}/${l}`, P = O();
+function F(e) {
+	return [
+		P.accessor("accessRequirementName", {
+			header: (e) => /* @__PURE__ */ T(c, {
+				...e,
+				title: "Request type"
+			}),
+			enableSorting: !1,
+			enableColumnFilter: !1
 		}),
-		enableSorting: !1,
-		enableColumnFilter: !1
-	}),
-	h.display({
-		id: "signatureProgress",
-		header: (e) => /* @__PURE__ */ c(r, {
-			...e,
-			title: "Signature progress"
+		P.display({
+			id: "signatureProgress",
+			header: (e) => /* @__PURE__ */ T(c, {
+				...e,
+				title: "Signature progress"
+			}),
+			enableSorting: !1,
+			cell: (e) => `${e.row.original.signaturesAcquired ?? 0} of ${e.row.original.signaturesRequested ?? 0}`,
+			enableColumnFilter: !1,
+			size: 150
 		}),
-		enableSorting: !1,
-		cell: (e) => `${e.row.original.signaturesAcquired ?? 0} of ${e.row.original.signaturesRequested ?? 0}`,
-		enableColumnFilter: !1,
-		size: 150
-	}),
-	h.accessor("status", {
-		header: (e) => /* @__PURE__ */ c(r, {
-			...e,
-			title: "Current status"
+		P.accessor("status", {
+			header: (e) => /* @__PURE__ */ T(c, {
+				...e,
+				title: "Current status"
+			}),
+			enableSorting: !1,
+			cell: (e) => {
+				let t = e.getValue();
+				return t ? M[t] ?? t : "";
+			},
+			enableColumnFilter: !1,
+			size: 150
 		}),
-		enableSorting: !1,
-		cell: (e) => {
-			let t = e.getValue();
-			return t ? m[t] ?? t : "";
+		P.display({
+			id: "actions",
+			header: (e) => /* @__PURE__ */ T(c, {
+				...e,
+				title: "Actions"
+			}),
+			enableSorting: !1,
+			enableColumnFilter: !1,
+			cell: (t) => {
+				let n = t.row.original, r = n.requestId;
+				if (!r) return null;
+				let i = e.modifyLoadingArId !== void 0 && e.modifyLoadingArId === n.accessRequirementId;
+				return /* @__PURE__ */ E(C, {
+					direction: "column",
+					sx: {
+						alignItems: "flex-start",
+						gap: .5
+					},
+					children: [
+						/* @__PURE__ */ T(S, {
+							component: D,
+							to: N(r),
+							children: "Review Signatures and Submit"
+						}),
+						/* @__PURE__ */ T(S, {
+							component: "button",
+							type: "button",
+							onClick: () => e.onModify(n),
+							disabled: !n.accessRequirementId || e.modifyLoadingArId !== void 0,
+							sx: { textAlign: "left" },
+							children: i ? "Loading…" : "Modify Request"
+						}),
+						/* @__PURE__ */ T(S, {
+							component: "button",
+							type: "button",
+							onClick: () => e.onCancel(n),
+							sx: { textAlign: "left" },
+							children: "Cancel Request"
+						})
+					]
+				});
+			},
+			size: 220
+		})
+	];
+}
+function I() {
+	let { data: c, isLoading: l, error: u } = n(), [S, D] = p(), [O, M] = p(), { data: N, isFetching: P, error: I } = t(S ?? "", {
+		enabled: !!S,
+		staleTime: Infinity
+	});
+	d(() => {
+		I && S && (e(`Sorry, we couldn't load your request. ${I.reason ?? ""}`.trim(), "danger"), D(void 0));
+	}, [I, S]);
+	let { mutate: L, isPending: R } = r({
+		onSuccess: () => {
+			e("Your access request has been cancelled.", "success"), M(void 0);
+		},
+		onError: (t) => {
+			e(`Sorry, we couldn't cancel your request. ${t.reason ?? ""}`.trim(), "danger");
+		}
+	}), z = P ? S : void 0, B = f(() => F({
+		onModify: (e) => {
+			e.accessRequirementId && D(e.accessRequirementId);
 		},
-		enableColumnFilter: !1,
-		size: 150
-	})
-];
-function _() {
-	let { data: r, isLoading: u, error: m } = e(), h = i(() => (r ?? []).filter((e) => e.isEDuc === !0 && e.status !== void 0 && p.includes(e.status)), [r]), _ = f({
-		data: h,
-		columns: g,
-		getCoreRowModel: d(),
+		onCancel: (e) => M(e),
+		modifyLoadingArId: z
+	}), [z]), V = f(() => (c ?? []).filter((e) => e.isEDuc === !0 && e.status !== void 0 && j.includes(e.status)), [c]), H = A({
+		data: V,
+		columns: B,
+		getCoreRowModel: k(),
 		columnResizeMode: "onChange"
 	});
-	return m ? /* @__PURE__ */ l(a, {
+	return u ? /* @__PURE__ */ E(m, {
 		severity: "error",
 		children: [
-			/* @__PURE__ */ c("strong", { children: "Sorry, we couldn't load your in-flight eDUC signatures." }),
-			/* @__PURE__ */ c("br", {}),
-			m.reason
+			/* @__PURE__ */ T("strong", { children: "Sorry, we couldn't load your in-flight eDUC signatures." }),
+			/* @__PURE__ */ T("br", {}),
+			u.reason
 		]
-	}) : u ? /* @__PURE__ */ c(t, {
-		numCols: g.length,
+	}) : l ? /* @__PURE__ */ T(i, {
+		numCols: B.length,
 		fullWidthCells: !0
-	}) : h.length === 0 ? null : /* @__PURE__ */ l(o, { children: [/* @__PURE__ */ c(s, {
-		variant: "headline2",
-		component: "h2",
-		gutterBottom: !0,
-		children: "In-flight eDUC signatures"
-	}), /* @__PURE__ */ c(n, {
-		table: _,
-		fullWidth: !0
-	})] });
+	}) : V.length === 0 ? null : /* @__PURE__ */ E(h, { children: [
+		/* @__PURE__ */ E(C, {
+			sx: { gap: 2 },
+			children: [/* @__PURE__ */ T(w, {
+				variant: "headline1",
+				gutterBottom: !0,
+				children: "In-flight eDUC signatures"
+			}), /* @__PURE__ */ T(s, {
+				table: H,
+				fullWidth: !0
+			})]
+		}),
+		N && /* @__PURE__ */ T(a, {
+			renderAsModal: !0,
+			onHide: () => D(void 0),
+			initialWizardEntry: {
+				step: o.UPDATE_RESEARCH_PROJECT,
+				managedACTAccessRequirement: N
+			}
+		}),
+		/* @__PURE__ */ E(_, {
+			open: !!O,
+			onClose: () => M(void 0),
+			children: [
+				/* @__PURE__ */ T(x, { children: "Cancel request?" }),
+				/* @__PURE__ */ T(y, { children: /* @__PURE__ */ E(b, { children: [
+					"Cancelling this request will void the electronic signature envelope for",
+					" ",
+					/* @__PURE__ */ T("strong", { children: O?.accessRequirementName ?? "this request" }),
+					". Any signatures already collected will be discarded. You can start a new request at any time. This action cannot be undone."
+				] }) }),
+				/* @__PURE__ */ E(v, { children: [/* @__PURE__ */ T(g, {
+					variant: "outlined",
+					onClick: () => M(void 0),
+					disabled: R,
+					children: "Keep Request"
+				}), /* @__PURE__ */ T(g, {
+					variant: "contained",
+					color: "error",
+					loading: R,
+					onClick: () => {
+						O?.requestId && L(O.requestId);
+					},
+					children: "Cancel Request"
+				})] })
+			]
+		})
+	] });
 }
 //#endregion
-export { _ as InFlightEDucSignaturesTable };
+export { I as InFlightEDucSignaturesTable };
 
 //# sourceMappingURL=InFlightEDucSignaturesTable.js.map

package/dist/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"InFlightEDucSignaturesTable.js","names":[],"sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx"],"sourcesContent":["import { SkeletonTable } from '@/components/Skeleton'\nimport ColumnHeader from '@/components/TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { useListAllUserDataAccessRequests } from '@/synapse-queries'\nimport { Alert, Box, Typography } from '@mui/material'\nimport {\n  AccessRequestSummary,\n  AccessRequestSummaryStatusEnum,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useMemo } from 'react'\n\nconst IN_FLIGHT_STATUSES: readonly AccessRequestSummaryStatusEnum[] = [\n  'sent',\n  'delivered',\n  'completed',\n] as const\n\nconst STATUS_DISPLAY: Record<string, string> = {\n  sent: 'Signatures pending',\n  delivered: 'Signatures pending',\n  completed: 'Ready to submit',\n}\n\nconst columnHelper = createColumnHelper<AccessRequestSummary>()\nconst columns = [\n  columnHelper.accessor('accessRequirementName', {\n    header: props => <ColumnHeader {...props} title={'Request type'} />,\n    enableSorting: false,\n    enableColumnFilter: false,\n  }),\n  columnHelper.display({\n    id: 'signatureProgress',\n    header: props => <ColumnHeader {...props} title={'Signature progress'} />,\n    enableSorting: false,\n    cell: ctx => {\n      const acquired = ctx.row.original.signaturesAcquired ?? 0\n      const requested = ctx.row.original.signaturesRequested ?? 0\n      return `${acquired} of ${requested}`\n    },\n    enableColumnFilter: false,\n    size: 150,\n  }),\n  columnHelper.accessor('status', {\n    header: props => <ColumnHeader {...props} title={'Current status'} />,\n    enableSorting: false,\n    cell: ctx => {\n      const status = ctx.getValue()\n      return status ? (STATUS_DISPLAY[status] ?? status) : ''\n    },\n    enableColumnFilter: false,\n    size: 150,\n  }),\n]\n\n/**\n * Lists the requester's active eDUC signatures (routed / signed but not yet submitted).\n *\n * The underlying query walks every page of `POST /dataAccessRequest/list` inside its `queryFn`\n * because filtering is done client-side pending PLFM-9907 (which will add an `isEDuc` server-side\n * filter). Once server-side filtering ships, callers can switch back to a per-page infinite query\n * with a \"Show More\" button.\n *\n * Renders nothing when the fully-loaded, filtered list is empty.\n */\nexport function InFlightEDucSignaturesTable() {\n  const {\n    data: summaries,\n    isLoading,\n    error,\n  } = useListAllUserDataAccessRequests()\n\n  const rows = useMemo(\n    () =>\n      (summaries ?? []).filter(\n        summary =>\n          summary.isEDuc === true &&\n          summary.status !== undefined &&\n          (IN_FLIGHT_STATUSES as readonly string[]).includes(summary.status),\n      ),\n    [summaries],\n  )\n\n  const table = useReactTable({\n    data: rows,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    columnResizeMode: 'onChange',\n  })\n\n  if (error) {\n    return (\n      <Alert severity={'error'}>\n        <strong>\n          Sorry, we couldn&apos;t load your in-flight eDUC signatures.\n        </strong>\n        <br />\n        {error.reason}\n      </Alert>\n    )\n  }\n\n  if (isLoading) {\n    return <SkeletonTable numCols={columns.length} fullWidthCells />\n  }\n\n  if (rows.length === 0) {\n    return null\n  }\n\n  return (\n    <Box>\n      <Typography variant={'headline2'} component={'h2'} gutterBottom>\n        In-flight eDUC signatures\n      </Typography>\n      <StyledTanStackTable table={table} fullWidth={true} />\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,IAAgE;CACpE;CACA;CACA;AACF,GAEM,IAAyC;CAC7C,MAAM;CACN,WAAW;CACX,WAAW;AACb,GAEM,IAAe,EAAyC,GACxD,IAAU;CACd,EAAa,SAAS,yBAAyB;EAC7C,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAiB,CAAA;EAClE,eAAe;EACf,oBAAoB;CACtB,CAAC;CACD,EAAa,QAAQ;EACnB,IAAI;EACJ,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAuB,CAAA;EACxE,eAAe;EACf,OAAM,MAGG,GAFU,EAAI,IAAI,SAAS,sBAAsB,EAErC,MADD,EAAI,IAAI,SAAS,uBAAuB;EAG5D,oBAAoB;EACpB,MAAM;CACR,CAAC;CACD,EAAa,SAAS,UAAU;EAC9B,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAmB,CAAA;EACpE,eAAe;EACf,OAAM,MAAO;GACX,IAAM,IAAS,EAAI,SAAS;GAC5B,OAAO,IAAU,EAAe,MAAW,IAAU;EACvD;EACA,oBAAoB;EACpB,MAAM;CACR,CAAC;AACH;AAYA,SAAgB,IAA8B;CAC5C,IAAM,EACJ,MAAM,GACN,cACA,aACE,EAAiC,GAE/B,IAAO,SAER,KAAa,CAAC,GAAG,QAChB,MACE,EAAQ,WAAW,MACnB,EAAQ,WAAW,KAAA,KAClB,EAAyC,SAAS,EAAQ,MAAM,CACrE,GACF,CAAC,CAAS,CACZ,GAEM,IAAQ,EAAc;EAC1B,MAAM;EACN;EACA,iBAAiB,EAAgB;EACjC,kBAAkB;CACpB,CAAC;CAsBD,OApBI,IAEA,kBAAC,GAAD;EAAO,UAAU;YAAjB;GACE,kBAAC,UAAD,EAAA,UAAQ,0DAEA,CAAA;GACR,kBAAC,MAAD,CAAK,CAAA;GACJ,EAAM;EACF;MAIP,IACK,kBAAC,GAAD;EAAe,SAAS,EAAQ;EAAQ,gBAAA;CAAgB,CAAA,IAG7D,EAAK,WAAW,IACX,OAIP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAS;EAAa,WAAW;EAAM,cAAA;YAAa;CAEpD,CAAA,GACZ,kBAAC,GAAD;EAA4B;EAAO,WAAW;CAAO,CAAA,CAClD,EAAA,CAAA;AAET"}
+{"version":3,"file":"InFlightEDucSignaturesTable.js","names":[],"sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/InFlightEDucSignaturesTable.tsx"],"sourcesContent":["import AccessRequirementList, {\n  RequestDataStep,\n} from '@/components/AccessRequirementList/AccessRequirementList'\nimport { SkeletonTable } from '@/components/Skeleton'\nimport ColumnHeader from '@/components/TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { displayToast } from '@/components/ToastMessage/ToastMessage'\nimport {\n  useListAllUserDataAccessRequests,\n  useVoidDataAccessRequestSignature,\n} from '@/synapse-queries'\nimport { useGetAccessRequirements } from '@/synapse-queries/dataaccess/useAccessRequirements'\nimport {\n  Alert,\n  Box,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  Link as MuiLink,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  AccessRequestSummary,\n  AccessRequestSummaryStatusEnum,\n} from '@sage-bionetworks/synapse-client'\nimport { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useEffect, useMemo, useState } from 'react'\nimport { Link as RouterLink } from 'react-router'\nimport {\n  USER_ACCESS_HISTORY_REQUEST_SIGNATURE_SUBPATH,\n  USER_ACCESS_HISTORY_REQUEST_SUBPATH,\n} from './RouteConstants'\n\nconst IN_FLIGHT_STATUSES: readonly AccessRequestSummaryStatusEnum[] = [\n  'sent',\n  'delivered',\n  'completed',\n] as const\n\nconst STATUS_DISPLAY: Record<string, string> = {\n  sent: 'Signatures pending',\n  delivered: 'Signatures pending',\n  completed: 'Ready to submit',\n}\n\nconst signatureDeepLink = (requestId: string) =>\n  `/${USER_ACCESS_HISTORY_REQUEST_SUBPATH}/${requestId}/${USER_ACCESS_HISTORY_REQUEST_SIGNATURE_SUBPATH}`\n\nconst columnHelper = createColumnHelper<AccessRequestSummary>()\n\ntype ActionCallbacks = {\n  onModify: (summary: AccessRequestSummary) => void\n  onCancel: (summary: AccessRequestSummary) => void\n  modifyLoadingArId: string | undefined\n}\n\nfunction buildColumns(actions: ActionCallbacks) {\n  return [\n    columnHelper.accessor('accessRequirementName', {\n      header: props => <ColumnHeader {...props} title={'Request type'} />,\n      enableSorting: false,\n      enableColumnFilter: false,\n    }),\n    columnHelper.display({\n      id: 'signatureProgress',\n      header: props => <ColumnHeader {...props} title={'Signature progress'} />,\n      enableSorting: false,\n      cell: ctx => {\n        const acquired = ctx.row.original.signaturesAcquired ?? 0\n        const requested = ctx.row.original.signaturesRequested ?? 0\n        return `${acquired} of ${requested}`\n      },\n      enableColumnFilter: false,\n      size: 150,\n    }),\n    columnHelper.accessor('status', {\n      header: props => <ColumnHeader {...props} title={'Current status'} />,\n      enableSorting: false,\n      cell: ctx => {\n        const status = ctx.getValue()\n        return status ? (STATUS_DISPLAY[status] ?? status) : ''\n      },\n      enableColumnFilter: false,\n      size: 150,\n    }),\n    columnHelper.display({\n      id: 'actions',\n      header: props => <ColumnHeader {...props} title={'Actions'} />,\n      enableSorting: false,\n      enableColumnFilter: false,\n      cell: ctx => {\n        const summary = ctx.row.original\n        const requestId = summary.requestId\n        if (!requestId) return null\n        const isModifyLoading =\n          actions.modifyLoadingArId !== undefined &&\n          actions.modifyLoadingArId === summary.accessRequirementId\n        return (\n          <Stack\n            direction={'column'}\n            sx={{ alignItems: 'flex-start', gap: 0.5 }}\n          >\n            <MuiLink component={RouterLink} to={signatureDeepLink(requestId)}>\n              Review Signatures and Submit\n            </MuiLink>\n            <MuiLink\n              component={'button'}\n              type={'button'}\n              onClick={() => actions.onModify(summary)}\n              disabled={\n                !summary.accessRequirementId ||\n                actions.modifyLoadingArId !== undefined\n              }\n              sx={{ textAlign: 'left' }}\n            >\n              {isModifyLoading ? 'Loading…' : 'Modify Request'}\n            </MuiLink>\n            <MuiLink\n              component={'button'}\n              type={'button'}\n              onClick={() => actions.onCancel(summary)}\n              sx={{ textAlign: 'left' }}\n            >\n              Cancel Request\n            </MuiLink>\n          </Stack>\n        )\n      },\n      size: 220,\n    }),\n  ]\n}\n\n/**\n * Lists the requester's active eDUC signatures (routed / signed but not yet submitted).\n *\n * The underlying query walks every page of `POST /dataAccessRequest/list` inside its `queryFn`\n * because filtering is done client-side pending PLFM-9907 (which will add an `isEDuc` server-side\n * filter). Once server-side filtering ships, callers can switch back to a per-page infinite query\n * with a \"Show More\" button.\n *\n * Renders nothing when the fully-loaded, filtered list is empty.\n */\nexport function InFlightEDucSignaturesTable() {\n  const {\n    data: summaries,\n    isLoading,\n    error,\n  } = useListAllUserDataAccessRequests()\n\n  const [modifyingArId, setModifyingArId] = useState<string | undefined>()\n  const [cancellingSummary, setCancellingSummary] = useState<\n    AccessRequestSummary | undefined\n  >()\n\n  const {\n    data: modifyAccessRequirement,\n    isFetching: isFetchingModifyAr,\n    error: modifyArError,\n  } = useGetAccessRequirements<ManagedACTAccessRequirement>(\n    modifyingArId ?? '',\n    { enabled: Boolean(modifyingArId), staleTime: Infinity },\n  )\n\n  // Bail out of the Modify flow if the AR fetch fails so the user isn't stuck on a disabled button.\n  useEffect(() => {\n    if (modifyArError && modifyingArId) {\n      displayToast(\n        `Sorry, we couldn't load your request. ${modifyArError.reason ?? ''}`.trim(),\n        'danger',\n      )\n      setModifyingArId(undefined)\n    }\n  }, [modifyArError, modifyingArId])\n\n  const { mutate: voidSignature, isPending: isVoiding } =\n    useVoidDataAccessRequestSignature({\n      onSuccess: () => {\n        displayToast('Your access request has been cancelled.', 'success')\n        setCancellingSummary(undefined)\n      },\n      onError: e => {\n        displayToast(\n          `Sorry, we couldn't cancel your request. ${e.reason ?? ''}`.trim(),\n          'danger',\n        )\n      },\n    })\n\n  const modifyLoadingArId = isFetchingModifyAr ? modifyingArId : undefined\n\n  const columns = useMemo(\n    () =>\n      buildColumns({\n        onModify: summary => {\n          if (summary.accessRequirementId) {\n            setModifyingArId(summary.accessRequirementId)\n          }\n        },\n        onCancel: summary => setCancellingSummary(summary),\n        modifyLoadingArId,\n      }),\n    [modifyLoadingArId],\n  )\n\n  const rows = useMemo(\n    () =>\n      (summaries ?? []).filter(\n        summary =>\n          summary.isEDuc === true &&\n          summary.status !== undefined &&\n          (IN_FLIGHT_STATUSES as readonly string[]).includes(summary.status),\n      ),\n    [summaries],\n  )\n\n  const table = useReactTable({\n    data: rows,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    columnResizeMode: 'onChange',\n  })\n\n  if (error) {\n    return (\n      <Alert severity={'error'}>\n        <strong>\n          Sorry, we couldn&apos;t load your in-flight eDUC signatures.\n        </strong>\n        <br />\n        {error.reason}\n      </Alert>\n    )\n  }\n\n  if (isLoading) {\n    return <SkeletonTable numCols={columns.length} fullWidthCells />\n  }\n\n  if (rows.length === 0) {\n    return null\n  }\n\n  return (\n    <Box>\n      <Stack sx={{ gap: 2 }}>\n        <Typography variant=\"headline1\" gutterBottom>\n          In-flight eDUC signatures\n        </Typography>\n        <StyledTanStackTable table={table} fullWidth={true} />\n      </Stack>\n      {modifyAccessRequirement && (\n        <AccessRequirementList\n          renderAsModal\n          onHide={() => setModifyingArId(undefined)}\n          initialWizardEntry={{\n            step: RequestDataStep.UPDATE_RESEARCH_PROJECT,\n            managedACTAccessRequirement: modifyAccessRequirement,\n          }}\n        />\n      )}\n      <Dialog\n        open={Boolean(cancellingSummary)}\n        onClose={() => setCancellingSummary(undefined)}\n      >\n        <DialogTitle>Cancel request?</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            Cancelling this request will void the electronic signature envelope\n            for{' '}\n            <strong>\n              {cancellingSummary?.accessRequirementName ?? 'this request'}\n            </strong>\n            . Any signatures already collected will be discarded. You can start\n            a new request at any time. This action cannot be undone.\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button\n            variant={'outlined'}\n            onClick={() => setCancellingSummary(undefined)}\n            disabled={isVoiding}\n          >\n            Keep Request\n          </Button>\n          <Button\n            variant={'contained'}\n            color={'error'}\n            loading={isVoiding}\n            onClick={() => {\n              if (cancellingSummary?.requestId) {\n                voidSignature(cancellingSummary.requestId)\n              }\n            }}\n          >\n            Cancel Request\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA0CA,IAAM,IAAgE;CACpE;CACA;CACA;AACF,GAEM,IAAyC;CAC7C,MAAM;CACN,WAAW;CACX,WAAW;AACb,GAEM,KAAqB,MACzB,IAAI,EAAoC,GAAG,EAAU,GAAG,KAEpD,IAAe,EAAyC;AAQ9D,SAAS,EAAa,GAA0B;CAC9C,OAAO;EACL,EAAa,SAAS,yBAAyB;GAC7C,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAiB,CAAA;GAClE,eAAe;GACf,oBAAoB;EACtB,CAAC;EACD,EAAa,QAAQ;GACnB,IAAI;GACJ,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAuB,CAAA;GACxE,eAAe;GACf,OAAM,MAGG,GAFU,EAAI,IAAI,SAAS,sBAAsB,EAErC,MADD,EAAI,IAAI,SAAS,uBAAuB;GAG5D,oBAAoB;GACpB,MAAM;EACR,CAAC;EACD,EAAa,SAAS,UAAU;GAC9B,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAmB,CAAA;GACpE,eAAe;GACf,OAAM,MAAO;IACX,IAAM,IAAS,EAAI,SAAS;IAC5B,OAAO,IAAU,EAAe,MAAW,IAAU;GACvD;GACA,oBAAoB;GACpB,MAAM;EACR,CAAC;EACD,EAAa,QAAQ;GACnB,IAAI;GACJ,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAY,CAAA;GAC7D,eAAe;GACf,oBAAoB;GACpB,OAAM,MAAO;IACX,IAAM,IAAU,EAAI,IAAI,UAClB,IAAY,EAAQ;IAC1B,IAAI,CAAC,GAAW,OAAO;IACvB,IAAM,IACJ,EAAQ,sBAAsB,KAAA,KAC9B,EAAQ,sBAAsB,EAAQ;IACxC,OACE,kBAAC,GAAD;KACE,WAAW;KACX,IAAI;MAAE,YAAY;MAAc,KAAK;KAAI;eAF3C;MAIE,kBAAC,GAAD;OAAS,WAAW;OAAY,IAAI,EAAkB,CAAS;iBAAG;MAEzD,CAAA;MACT,kBAAC,GAAD;OACE,WAAW;OACX,MAAM;OACN,eAAe,EAAQ,SAAS,CAAO;OACvC,UACE,CAAC,EAAQ,uBACT,EAAQ,sBAAsB,KAAA;OAEhC,IAAI,EAAE,WAAW,OAAO;iBAEvB,IAAkB,aAAa;MACzB,CAAA;MACT,kBAAC,GAAD;OACE,WAAW;OACX,MAAM;OACN,eAAe,EAAQ,SAAS,CAAO;OACvC,IAAI,EAAE,WAAW,OAAO;iBACzB;MAEQ,CAAA;KACJ;;GAEX;GACA,MAAM;EACR,CAAC;CACH;AACF;AAYA,SAAgB,IAA8B;CAC5C,IAAM,EACJ,MAAM,GACN,cACA,aACE,EAAiC,GAE/B,CAAC,GAAe,KAAoB,EAA6B,GACjE,CAAC,GAAmB,KAAwB,EAEhD,GAEI,EACJ,MAAM,GACN,YAAY,GACZ,OAAO,MACL,EACF,KAAiB,IACjB;EAAE,SAAS,EAAQ;EAAgB,WAAW;CAAS,CACzD;CAGA,QAAgB;EACd,AAAI,KAAiB,MACnB,EACE,yCAAyC,EAAc,UAAU,KAAK,KAAK,GAC3E,QACF,GACA,EAAiB,KAAA,CAAS;CAE9B,GAAG,CAAC,GAAe,CAAa,CAAC;CAEjC,IAAM,EAAE,QAAQ,GAAe,WAAW,MACxC,EAAkC;EAChC,iBAAiB;GAEf,AADA,EAAa,2CAA2C,SAAS,GACjE,EAAqB,KAAA,CAAS;EAChC;EACA,UAAS,MAAK;GACZ,EACE,2CAA2C,EAAE,UAAU,KAAK,KAAK,GACjE,QACF;EACF;CACF,CAAC,GAEG,IAAoB,IAAqB,IAAgB,KAAA,GAEzD,IAAU,QAEZ,EAAa;EACX,WAAU,MAAW;GACnB,AAAI,EAAQ,uBACV,EAAiB,EAAQ,mBAAmB;EAEhD;EACA,WAAU,MAAW,EAAqB,CAAO;EACjD;CACF,CAAC,GACH,CAAC,CAAiB,CACpB,GAEM,IAAO,SAER,KAAa,CAAC,GAAG,QAChB,MACE,EAAQ,WAAW,MACnB,EAAQ,WAAW,KAAA,KAClB,EAAyC,SAAS,EAAQ,MAAM,CACrE,GACF,CAAC,CAAS,CACZ,GAEM,IAAQ,EAAc;EAC1B,MAAM;EACN;EACA,iBAAiB,EAAgB;EACjC,kBAAkB;CACpB,CAAC;CAsBD,OApBI,IAEA,kBAAC,GAAD;EAAO,UAAU;YAAjB;GACE,kBAAC,UAAD,EAAA,UAAQ,0DAEA,CAAA;GACR,kBAAC,MAAD,CAAK,CAAA;GACJ,EAAM;EACF;MAIP,IACK,kBAAC,GAAD;EAAe,SAAS,EAAQ;EAAQ,gBAAA;CAAgB,CAAA,IAG7D,EAAK,WAAW,IACX,OAIP,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GAAO,IAAI,EAAE,KAAK,EAAE;aAApB,CACE,kBAAC,GAAD;IAAY,SAAQ;IAAY,cAAA;cAAa;GAEjC,CAAA,GACZ,kBAAC,GAAD;IAA4B;IAAO,WAAW;GAAO,CAAA,CAChD;;EACN,KACC,kBAAC,GAAD;GACE,eAAA;GACA,cAAc,EAAiB,KAAA,CAAS;GACxC,oBAAoB;IAClB,MAAM,EAAgB;IACtB,6BAA6B;GAC/B;EACD,CAAA;EAEH,kBAAC,GAAD;GACE,MAAM,EAAQ;GACd,eAAe,EAAqB,KAAA,CAAS;aAF/C;IAIE,kBAAC,GAAD,EAAA,UAAa,kBAA4B,CAAA;IACzC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA;KAAmB;KAEb;KACJ,kBAAC,UAAD,EAAA,UACG,GAAmB,yBAAyB,eACvC,CAAA;KAAC;IAGQ,EAAA,CAAA,EACN,CAAA;IACf,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KACE,SAAS;KACT,eAAe,EAAqB,KAAA,CAAS;KAC7C,UAAU;eACX;IAEO,CAAA,GACR,kBAAC,GAAD;KACE,SAAS;KACT,OAAO;KACP,SAAS;KACT,eAAe;MACb,AAAI,GAAmB,aACrB,EAAc,EAAkB,SAAS;KAE7C;eACD;IAEO,CAAA,CACK,EAAA,CAAA;GACT;;CACL,EAAA,CAAA;AAET"}

package/dist/components/dataaccess/UserAccessRequestHistory/RouteConstants.d.ts

@@ -1,3 +1,6 @@
 export declare const USER_ACCESS_HISTORY_SUBMISSION_SUBPATH = "submissions";
 export declare const SUBMISSION_ID_PARAM = "submissionId";
+export declare const USER_ACCESS_HISTORY_REQUEST_SUBPATH = "request";
+export declare const REQUEST_ID_PARAM = "requestId";
+export declare const USER_ACCESS_HISTORY_REQUEST_SIGNATURE_SUBPATH = "signature";
 //# sourceMappingURL=RouteConstants.d.ts.map

package/dist/components/dataaccess/UserAccessRequestHistory/RouteConstants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteConstants.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/RouteConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sCAAsC,gBAAgB,CAAA;AACnE,eAAO,MAAM,mBAAmB,iBAAiB,CAAA"}
+{"version":3,"file":"RouteConstants.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/RouteConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sCAAsC,gBAAgB,CAAA;AACnE,eAAO,MAAM,mBAAmB,iBAAiB,CAAA;AAEjD,eAAO,MAAM,mCAAmC,YAAY,CAAA;AAC5D,eAAO,MAAM,gBAAgB,cAAc,CAAA;AAC3C,eAAO,MAAM,6CAA6C,cAAc,CAAA"}

package/dist/components/dataaccess/UserAccessRequestHistory/RouteConstants.js

@@ -1,6 +1,6 @@
 //#region src/components/dataaccess/UserAccessRequestHistory/RouteConstants.ts
-var e = "submissions", t = "submissionId";
+var e = "submissions", t = "submissionId", n = "request", r = "requestId", i = "signature";
 //#endregion
-export { t as SUBMISSION_ID_PARAM, e as USER_ACCESS_HISTORY_SUBMISSION_SUBPATH };
+export { r as REQUEST_ID_PARAM, t as SUBMISSION_ID_PARAM, i as USER_ACCESS_HISTORY_REQUEST_SIGNATURE_SUBPATH, n as USER_ACCESS_HISTORY_REQUEST_SUBPATH, e as USER_ACCESS_HISTORY_SUBMISSION_SUBPATH };
 
 //# sourceMappingURL=RouteConstants.js.map

package/dist/components/dataaccess/UserAccessRequestHistory/RouteConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteConstants.js","names":[],"sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/RouteConstants.ts"],"sourcesContent":["export const USER_ACCESS_HISTORY_SUBMISSION_SUBPATH = 'submissions'\nexport const SUBMISSION_ID_PARAM = 'submissionId'\n"],"mappings":";AAAA,IAAa,IAAyC,eACzC,IAAsB"}
+{"version":3,"file":"RouteConstants.js","names":[],"sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/RouteConstants.ts"],"sourcesContent":["export const USER_ACCESS_HISTORY_SUBMISSION_SUBPATH = 'submissions'\nexport const SUBMISSION_ID_PARAM = 'submissionId'\n\nexport const USER_ACCESS_HISTORY_REQUEST_SUBPATH = 'request'\nexport const REQUEST_ID_PARAM = 'requestId'\nexport const USER_ACCESS_HISTORY_REQUEST_SIGNATURE_SUBPATH = 'signature'\n"],"mappings":";AAAA,IAAa,IAAyC,eACzC,IAAsB,gBAEtB,IAAsC,WACtC,IAAmB,aACnB,IAAgD"}

package/dist/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserAccessRequestHistoryPage.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,4BAA4B,4CAwC3C"}
+{"version":3,"file":"UserAccessRequestHistoryPage.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,4BAA4B,4CA0C3C"}

package/dist/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.js

@@ -2,13 +2,15 @@ import { InFlightEDucSignaturesTable as e } from "./InFlightEDucSignaturesTable.
 import { UserAccessRequestHistoryTable as t } from "./UserAccessRequestHistoryTable.js";
 import { Accordion as n, AccordionDetails as r, AccordionSummary as i, Stack as a, Typography as o } from "@mui/material";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import u from "@mui/icons-material/ExpandMore";
+import { Outlet as u } from "react-router";
+import d from "@mui/icons-material/ExpandMore";
 //#region src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.tsx
-var d = [];
-function f() {
+var f = [];
+function p() {
 	return /* @__PURE__ */ l(a, {
 		sx: { gap: 2 },
 		children: [
+			/* @__PURE__ */ c(e, {}),
 			/* @__PURE__ */ c(o, {
 				variant: "headline1",
 				gutterBottom: !0,
@@ -24,26 +26,26 @@ function f() {
 				gutterBottom: !0,
 				children: "Note: Requests where your access has been revoked will appear as \"Approved\"."
 			}),
-			d.length > 0 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(o, {
+			f.length > 0 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(o, {
 				variant: "headline2",
 				gutterBottom: !0,
 				children: "Frequently Asked Questions"
-			}), /* @__PURE__ */ c("div", { children: d.map((e) => /* @__PURE__ */ l(n, {
+			}), /* @__PURE__ */ c("div", { children: f.map((e) => /* @__PURE__ */ l(n, {
 				sx: { p: 1 },
 				children: [/* @__PURE__ */ c(i, {
-					expandIcon: /* @__PURE__ */ c(u, {}),
+					expandIcon: /* @__PURE__ */ c(d, {}),
 					children: /* @__PURE__ */ c(o, {
 						variant: "headline3",
 						children: e.summary
 					})
 				}), /* @__PURE__ */ c(r, { children: e.details })]
 			}, e.summary)) })] }),
-			/* @__PURE__ */ c(e, {}),
-			/* @__PURE__ */ c(t, {})
+			/* @__PURE__ */ c(t, {}),
+			/* @__PURE__ */ c(u, {})
 		]
 	});
 }
 //#endregion
-export { f as UserAccessRequestHistoryPage };
+export { p as UserAccessRequestHistoryPage };
 
 //# sourceMappingURL=UserAccessRequestHistoryPage.js.map

package/dist/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserAccessRequestHistoryPage.js","names":[],"sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.tsx"],"sourcesContent":["import ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { InFlightEDucSignaturesTable } from './InFlightEDucSignaturesTable'\nimport { UserAccessRequestHistoryTable } from './UserAccessRequestHistoryTable'\n\ntype FaqItem = {\n  summary: string\n  details: string\n}\n\nconst faqContent: FaqItem[] = [\n  // {\n  //   summary:\n  //     'Why do I still have access to data when I have an expired, canceled, or rejected access request?',\n  //   details:\n  //     \"This table shows all the requests you've ever been part of, including requests that were canceled, rejected, or that have since expired. If an older request was canceled, rejected, or has expired, but a newer request was approved and is still active, you'll still have access to the data.\",\n  // },\n  // {\n  //   summary: 'Some other question?',\n  //   details: 'Here is another answer!',\n  // },\n]\n\nexport function UserAccessRequestHistoryPage() {\n  return (\n    <Stack\n      sx={{\n        gap: 2,\n      }}\n    >\n      <Typography variant=\"headline1\" gutterBottom>\n        History of your access requests\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        This list represents every access request you have been named in. It\n        includes requests you&apos;ve submitted yourself, and requests submitted\n        by others, which you were named as a requester on.\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        Note: Requests where your access has been revoked will appear as\n        &quot;Approved&quot;.\n      </Typography>\n      {faqContent.length > 0 && (\n        <>\n          <Typography variant=\"headline2\" gutterBottom>\n            Frequently Asked Questions\n          </Typography>\n          <div>\n            {faqContent.map(faq => (\n              <Accordion key={faq.summary} sx={{ p: 1 }}>\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography variant=\"headline3\">{faq.summary}</Typography>\n                </AccordionSummary>\n                <AccordionDetails>{faq.details}</AccordionDetails>\n              </Accordion>\n            ))}\n          </div>\n        </>\n      )}\n      <InFlightEDucSignaturesTable />\n      <UserAccessRequestHistoryTable />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;AAgBA,IAAM,IAAwB,CAW9B;AAEA,SAAgB,IAA+B;CAC7C,OACE,kBAAC,GAAD;EACE,IAAI,EACF,KAAK,EACP;YAHF;GAKE,kBAAC,GAAD;IAAY,SAAQ;IAAY,cAAA;cAAa;GAEjC,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAQ;IAAQ,cAAA;cAAa;GAI7B,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAQ;IAAQ,cAAA;cAAa;GAG7B,CAAA;GACX,EAAW,SAAS,KACnB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAQ;IAAY,cAAA;cAAa;GAEjC,CAAA,GACZ,kBAAC,OAAD,EAAA,UACG,EAAW,KAAI,MACd,kBAAC,GAAD;IAA6B,IAAI,EAAE,GAAG,EAAE;cAAxC,CACE,kBAAC,GAAD;KAAkB,YAAY,kBAAC,GAAD,CAAiB,CAAA;eAC7C,kBAAC,GAAD;MAAY,SAAQ;gBAAa,EAAI;KAAoB,CAAA;IACzC,CAAA,GAClB,kBAAC,GAAD,EAAA,UAAmB,EAAI,QAA0B,CAAA,CACxC;MALK,EAAI,OAKT,CACZ,EACE,CAAA,CACL,EAAA,CAAA;GAEJ,kBAAC,GAAD,CAA8B,CAAA;GAC9B,kBAAC,GAAD,CAAgC,CAAA;EAC3B;;AAEX"}
+{"version":3,"file":"UserAccessRequestHistoryPage.js","names":[],"sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPage.tsx"],"sourcesContent":["import ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { Outlet } from 'react-router'\nimport { InFlightEDucSignaturesTable } from './InFlightEDucSignaturesTable'\nimport { UserAccessRequestHistoryTable } from './UserAccessRequestHistoryTable'\n\ntype FaqItem = {\n  summary: string\n  details: string\n}\n\nconst faqContent: FaqItem[] = [\n  // {\n  //   summary:\n  //     'Why do I still have access to data when I have an expired, canceled, or rejected access request?',\n  //   details:\n  //     \"This table shows all the requests you've ever been part of, including requests that were canceled, rejected, or that have since expired. If an older request was canceled, rejected, or has expired, but a newer request was approved and is still active, you'll still have access to the data.\",\n  // },\n  // {\n  //   summary: 'Some other question?',\n  //   details: 'Here is another answer!',\n  // },\n]\n\nexport function UserAccessRequestHistoryPage() {\n  return (\n    <Stack\n      sx={{\n        gap: 2,\n      }}\n    >\n      <InFlightEDucSignaturesTable />\n      <Typography variant=\"headline1\" gutterBottom>\n        History of your access requests\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        This list represents every access request you have been named in. It\n        includes requests you&apos;ve submitted yourself, and requests submitted\n        by others, which you were named as a requester on.\n      </Typography>\n      <Typography variant=\"body1\" gutterBottom>\n        Note: Requests where your access has been revoked will appear as\n        &quot;Approved&quot;.\n      </Typography>\n      {faqContent.length > 0 && (\n        <>\n          <Typography variant=\"headline2\" gutterBottom>\n            Frequently Asked Questions\n          </Typography>\n          <div>\n            {faqContent.map(faq => (\n              <Accordion key={faq.summary} sx={{ p: 1 }}>\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography variant=\"headline3\">{faq.summary}</Typography>\n                </AccordionSummary>\n                <AccordionDetails>{faq.details}</AccordionDetails>\n              </Accordion>\n            ))}\n          </div>\n        </>\n      )}\n      <UserAccessRequestHistoryTable />\n      {/* Mount point for nested deep-link routes (e.g. the signature-status dialog). */}\n      <Outlet />\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;AAiBA,IAAM,IAAwB,CAW9B;AAEA,SAAgB,IAA+B;CAC7C,OACE,kBAAC,GAAD;EACE,IAAI,EACF,KAAK,EACP;YAHF;GAKE,kBAAC,GAAD,CAA8B,CAAA;GAC9B,kBAAC,GAAD;IAAY,SAAQ;IAAY,cAAA;cAAa;GAEjC,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAQ;IAAQ,cAAA;cAAa;GAI7B,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAQ;IAAQ,cAAA;cAAa;GAG7B,CAAA;GACX,EAAW,SAAS,KACnB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,SAAQ;IAAY,cAAA;cAAa;GAEjC,CAAA,GACZ,kBAAC,OAAD,EAAA,UACG,EAAW,KAAI,MACd,kBAAC,GAAD;IAA6B,IAAI,EAAE,GAAG,EAAE;cAAxC,CACE,kBAAC,GAAD;KAAkB,YAAY,kBAAC,GAAD,CAAiB,CAAA;eAC7C,kBAAC,GAAD;MAAY,SAAQ;gBAAa,EAAI;KAAoB,CAAA;IACzC,CAAA,GAClB,kBAAC,GAAD,EAAA,UAAmB,EAAI,QAA0B,CAAA,CACxC;MALK,EAAI,OAKT,CACZ,EACE,CAAA,CACL,EAAA,CAAA;GAEJ,kBAAC,GAAD,CAAgC,CAAA;GAEhC,kBAAC,GAAD,CAAS,CAAA;EACJ;;AAEX"}

package/dist/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPlace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserAccessRequestHistoryPlace.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPlace.tsx"],"names":[],"mappings":"AAwBA,KAAK,sBAAsB,GAAG;IAC5B,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,6GAA6G;IAC7G,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAyGD;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,sBAAsB,2CAuB1E;AAED,eAAe,6BAA6B,CAAA"}
+{"version":3,"file":"UserAccessRequestHistoryPlace.d.ts","sourceRoot":"","sources":["../../../../src/components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPlace.tsx"],"names":[],"mappings":"AAmCA,KAAK,sBAAsB,GAAG;IAC5B,2FAA2F;IAC3F,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,6GAA6G;IAC7G,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAsKD;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,sBAAsB,2CAuB1E;AAED,eAAe,6BAA6B,CAAA"}