synapse-react-client 4.0.33 → 4.0.35

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewCollaboratorsAndSigningOfficialAccordion.js

@@ -0,0 +1,122 @@
+import { UserBadge as e } from "../../UserCard/UserBadge.js";
+import { longFieldLabelSx as t } from "./styles.js";
+import { Accordion as n, AccordionDetails as r, AccordionSummary as i, Box as a, Stack as o, Typography as s } from "@mui/material";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { ExpandMore as u } from "@mui/icons-material";
+//#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewCollaboratorsAndSigningOfficialAccordion.tsx
+function d(d) {
+	let { accessorChanges: f, principalInvestigator: p, signingOfficial: m, isLoading: h = !1 } = d;
+	return /* @__PURE__ */ l(n, {
+		defaultExpanded: !1,
+		disableGutters: !0,
+		sx: {
+			boxShadow: "none",
+			border: "1px solid",
+			borderColor: "grey.300",
+			"&:before": { display: "none" }
+		},
+		children: [/* @__PURE__ */ c(i, {
+			expandIcon: /* @__PURE__ */ c(u, {}),
+			"aria-controls": "review-collaborators-so-content",
+			id: "review-collaborators-so-header",
+			children: /* @__PURE__ */ c(s, {
+				variant: "headline3",
+				children: "Review your collaborators & signing official"
+			})
+		}), /* @__PURE__ */ l(r, { children: [
+			/* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: {
+					...t,
+					fontWeight: 700,
+					mb: 1
+				},
+				children: "Your collaborators:"
+			}),
+			/* @__PURE__ */ l(o, {
+				sx: {
+					mb: 3,
+					gap: 1
+				},
+				children: [f.length === 0 && !h && /* @__PURE__ */ c(s, {
+					variant: "body1",
+					sx: t,
+					children: "No collaborators added."
+				}), f.map((t) => /* @__PURE__ */ c(e, {
+					userId: t.userId,
+					showAccountLevelIcon: !0,
+					disableLink: !0,
+					showFullName: !0
+				}, t.userId))]
+			}),
+			/* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: {
+					...t,
+					fontWeight: 700,
+					mb: 1
+				},
+				children: "Your Project Lead or PI:"
+			}),
+			/* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: {
+					...t,
+					mb: 1
+				},
+				children: "Your Project Lead or PI will also receive access to the requested data."
+			}),
+			/* @__PURE__ */ l(a, {
+				sx: { mb: 3 },
+				children: [
+					p?.userId && /* @__PURE__ */ c(e, {
+						userId: p.userId,
+						showAccountLevelIcon: !0,
+						disableLink: !0,
+						showFullName: !0
+					}),
+					p?.name && /* @__PURE__ */ c(s, {
+						variant: "body1",
+						sx: t,
+						children: p.name
+					}),
+					p?.institutionalEmail && /* @__PURE__ */ c(s, {
+						variant: "body1",
+						sx: t,
+						children: p.institutionalEmail
+					})
+				]
+			}),
+			/* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: {
+					...t,
+					fontWeight: 700,
+					mb: 1
+				},
+				children: "Your signing official:"
+			}),
+			/* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: {
+					...t,
+					mb: 1
+				},
+				children: "A member of your institution who is NOT part of the study team (i.e., not the Project Lead, not a Data Requester or Collaborator, and not the Project Lead or PI)."
+			}),
+			/* @__PURE__ */ l(a, { children: [m?.name && /* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: t,
+				children: m.name
+			}), m?.institutionalEmail && /* @__PURE__ */ c(s, {
+				variant: "body1",
+				sx: t,
+				children: m.institutionalEmail
+			})] })
+		] })]
+	});
+}
+//#endregion
+export { d as ReviewCollaboratorsAndSigningOfficialAccordion };
+
+//# sourceMappingURL=ReviewCollaboratorsAndSigningOfficialAccordion.js.map

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewCollaboratorsAndSigningOfficialAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewCollaboratorsAndSigningOfficialAccordion.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewCollaboratorsAndSigningOfficialAccordion.tsx"],"sourcesContent":["import { ExpandMore } from '@mui/icons-material'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Box,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  AccessorChange,\n  PrincipalInvestigator,\n  SigningOfficial,\n} from '@sage-bionetworks/synapse-types'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport { longFieldLabelSx } from './styles'\n\nexport type ReviewCollaboratorsAndSigningOfficialAccordionProps = {\n  accessorChanges: AccessorChange[]\n  principalInvestigator?: PrincipalInvestigator\n  signingOfficial?: SigningOfficial\n  isLoading?: boolean\n}\n\n/**\n * Collapsible summary of the DAR's collaborators, PI, and signing official.\n * Shared by ReviewDucStep and ManualUploadDucStep.\n */\nexport function ReviewCollaboratorsAndSigningOfficialAccordion(\n  props: ReviewCollaboratorsAndSigningOfficialAccordionProps,\n) {\n  const {\n    accessorChanges,\n    principalInvestigator: pi,\n    signingOfficial: so,\n    isLoading = false,\n  } = props\n\n  return (\n    <Accordion\n      defaultExpanded={false}\n      disableGutters\n      sx={{\n        boxShadow: 'none',\n        border: '1px solid',\n        borderColor: 'grey.300',\n        '&:before': { display: 'none' },\n      }}\n    >\n      <AccordionSummary\n        expandIcon={<ExpandMore />}\n        aria-controls=\"review-collaborators-so-content\"\n        id=\"review-collaborators-so-header\"\n      >\n        <Typography variant={'headline3'}>\n          Review your collaborators &amp; signing official\n        </Typography>\n      </AccordionSummary>\n      <AccordionDetails>\n        <Typography\n          variant={'body1'}\n          sx={{ ...longFieldLabelSx, fontWeight: 700, mb: 1 }}\n        >\n          Your collaborators:\n        </Typography>\n        <Stack sx={{ mb: 3, gap: 1 }}>\n          {accessorChanges.length === 0 && !isLoading && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              No collaborators added.\n            </Typography>\n          )}\n          {accessorChanges.map(ac => (\n            <UserBadge\n              key={ac.userId}\n              userId={ac.userId}\n              showAccountLevelIcon={true}\n              disableLink={true}\n              showFullName={true}\n            />\n          ))}\n        </Stack>\n\n        <Typography\n          variant={'body1'}\n          sx={{ ...longFieldLabelSx, fontWeight: 700, mb: 1 }}\n        >\n          Your Project Lead or PI:\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 1 }}>\n          Your Project Lead or PI will also receive access to the requested\n          data.\n        </Typography>\n        <Box sx={{ mb: 3 }}>\n          {pi?.userId && (\n            <UserBadge\n              userId={pi.userId}\n              showAccountLevelIcon={true}\n              disableLink={true}\n              showFullName={true}\n            />\n          )}\n          {pi?.name && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              {pi.name}\n            </Typography>\n          )}\n          {pi?.institutionalEmail && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              {pi.institutionalEmail}\n            </Typography>\n          )}\n        </Box>\n\n        <Typography\n          variant={'body1'}\n          sx={{ ...longFieldLabelSx, fontWeight: 700, mb: 1 }}\n        >\n          Your signing official:\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 1 }}>\n          A member of your institution who is NOT part of the study team (i.e.,\n          not the Project Lead, not a Data Requester or Collaborator, and not\n          the Project Lead or PI).\n        </Typography>\n        <Box>\n          {so?.name && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              {so.name}\n            </Typography>\n          )}\n          {so?.institutionalEmail && (\n            <Typography variant={'body1'} sx={longFieldLabelSx}>\n              {so.institutionalEmail}\n            </Typography>\n          )}\n        </Box>\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n"],"mappings":";;;;;;AA4BA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,oBACA,uBAAuB,GACvB,iBAAiB,GACjB,eAAY,OACV;CAEJ,OACE,kBAAC,GAAD;EACE,iBAAiB;EACjB,gBAAA;EACA,IAAI;GACF,WAAW;GACX,QAAQ;GACR,aAAa;GACb,YAAY,EAAE,SAAS,OAAO;EAChC;YARF,CAUE,kBAAC,GAAD;GACE,YAAY,kBAAC,GAAD,CAAa,CAAA;GACzB,iBAAc;GACd,IAAG;aAEH,kBAAC,GAAD;IAAY,SAAS;cAAa;GAEtB,CAAA;EACI,CAAA,GAClB,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAkB,YAAY;KAAK,IAAI;IAAE;cACnD;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAO,IAAI;KAAE,IAAI;KAAG,KAAK;IAAE;cAA3B,CACG,EAAgB,WAAW,KAAK,CAAC,KAChC,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;eAAkB;IAExC,CAAA,GAEb,EAAgB,KAAI,MACnB,kBAAC,GAAD;KAEE,QAAQ,EAAG;KACX,sBAAsB;KACtB,aAAa;KACb,cAAc;IACf,GALM,EAAG,MAKT,CACF,CACI;;GAEP,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAkB,YAAY;KAAK,IAAI;IAAE;cACnD;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,GAAG;KAAkB,IAAI;IAAE;cAAG;GAGtD,CAAA;GACZ,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,EAAE;cAAjB;KACG,GAAI,UACH,kBAAC,GAAD;MACE,QAAQ,EAAG;MACX,sBAAsB;MACtB,aAAa;MACb,cAAc;KACf,CAAA;KAEF,GAAI,QACH,kBAAC,GAAD;MAAY,SAAS;MAAS,IAAI;gBAC/B,EAAG;KACM,CAAA;KAEb,GAAI,sBACH,kBAAC,GAAD;MAAY,SAAS;MAAS,IAAI;gBAC/B,EAAG;KACM,CAAA;IAEX;;GAEL,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAkB,YAAY;KAAK,IAAI;IAAE;cACnD;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;KAAE,GAAG;KAAkB,IAAI;IAAE;cAAG;GAItD,CAAA;GACZ,kBAAC,GAAD,EAAA,UAAA,CACG,GAAI,QACH,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;cAC/B,EAAG;GACM,CAAA,GAEb,GAAI,sBACH,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI;cAC/B,EAAG;GACM,CAAA,CAEX,EAAA,CAAA;EACW,EAAA,CAAA,CACT;;AAEf"}

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.d.ts

@@ -0,0 +1,17 @@
+import { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types';
+export type ReviewDucStepProps = {
+    managedACTAccessRequirement: ManagedACTAccessRequirement;
+    onHide: () => void;
+    onBackClicked: () => void;
+    /**
+     * Called when the user clicks "Create a DUC". The parent advances to the eDUC preview step
+     * (PORTALS-4377), where the generated document is displayed for review before signing.
+     */
+    onCreateDuc: () => void;
+};
+/**
+ * Wizard step shown after accessors/files (PORTALS-4375) and before the eDUC preview (PORTALS-4377).
+ * Lets the user confirm their collaborators, PI, and Signing Official before generating the DUC.
+ */
+export default function ReviewDucStep(props: ReviewDucStepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReviewDucStep.d.ts.map

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewDucStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAA;AAM7E,MAAM,MAAM,kBAAkB,GAAG;IAC/B,2BAA2B,EAAE,2BAA2B,CAAA;IACxD,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB;;;OAGG;IACH,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA8E9D"}

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.js

@@ -0,0 +1,112 @@
+import { useGetDataAccessRequestForUpdate as e } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
+import "../../../../synapse-queries/index.js";
+import t from "../../../IconSvg/IconSvg.js";
+import { longFieldLabelSx as n } from "../styles.js";
+import r from "../ManagedACTAccessRequirementFormWikiWrapper.js";
+import { ReviewCollaboratorsAndSigningOfficialAccordion as i } from "../ReviewCollaboratorsAndSigningOfficialAccordion.js";
+import { Box as a, Button as o, DialogActions as s, DialogContent as c, DialogTitle as l, IconButton as u, Stack as d, Typography as f } from "@mui/material";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.tsx
+function g(g) {
+	let { managedACTAccessRequirement: _, onHide: v, onBackClicked: y, onCreateDuc: b } = g, { data: x, isLoading: S } = e(String(_.id), {
+		staleTime: Infinity,
+		throwOnError: !0
+	}), C = x?.accessorChanges ?? [], w = x?.principalInvestigator, T = x?.signingOfficial;
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ m(l, { children: /* @__PURE__ */ h(d, {
+			direction: "row",
+			sx: {
+				alignItems: "center",
+				gap: "5px"
+			},
+			children: [
+				"Request Access",
+				/* @__PURE__ */ m(a, { sx: { flexGrow: 1 } }),
+				/* @__PURE__ */ m(u, {
+					"aria-label": "Close",
+					onClick: v,
+					children: /* @__PURE__ */ m(t, {
+						icon: "close",
+						wrap: !1,
+						sx: { color: "grey.700" }
+					})
+				})
+			]
+		}) }),
+		/* @__PURE__ */ m(c, { children: /* @__PURE__ */ m(r, {
+			managedACTAccessRequirementId: String(_.id),
+			children: /* @__PURE__ */ h(a, { children: [
+				/* @__PURE__ */ m(f, {
+					variant: "headline3",
+					sx: { mb: 2 },
+					children: "Sign a Data Use Certificate (DUC)"
+				}),
+				/* @__PURE__ */ m(f, {
+					variant: "body1",
+					sx: {
+						...n,
+						mb: 2
+					},
+					children: "The DUC may be signed electronically."
+				}),
+				/* @__PURE__ */ m(f, {
+					variant: "body1",
+					sx: {
+						...n,
+						mb: 2
+					},
+					children: "Please verify the information of each data requester listed in the previous step. Ensure all email addresses are accurate. You can click the BACK button, below, to modify your list of collaborators and Signing Official if necessary."
+				}),
+				/* @__PURE__ */ m(f, {
+					variant: "body1",
+					sx: {
+						...n,
+						mb: 2
+					},
+					children: "If any information is incorrect, the request will be rejected."
+				}),
+				/* @__PURE__ */ h(f, {
+					variant: "body1",
+					sx: {
+						...n,
+						mb: 3
+					},
+					children: [
+						"Click ",
+						/* @__PURE__ */ m("strong", { children: "Create a DUC" }),
+						" to generate a document and review it before sending it to your collaborators, PI, and Signing Official."
+					]
+				}),
+				/* @__PURE__ */ m(i, {
+					accessorChanges: C,
+					principalInvestigator: w,
+					signingOfficial: T,
+					isLoading: S
+				})
+			] })
+		}) }),
+		/* @__PURE__ */ h(s, { children: [
+			/* @__PURE__ */ m(o, {
+				variant: "outlined",
+				onClick: y,
+				children: "Back"
+			}),
+			/* @__PURE__ */ m(a, { sx: { flexGrow: 1 } }),
+			/* @__PURE__ */ m(o, {
+				variant: "outlined",
+				onClick: v,
+				children: "Cancel"
+			}),
+			/* @__PURE__ */ m(o, {
+				variant: "contained",
+				disabled: S,
+				onClick: b,
+				children: "Create a DUC"
+			})
+		] })
+	] });
+}
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=ReviewDucStep.js.map

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewDucStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.tsx"],"sourcesContent":["import { useGetDataAccessRequestForUpdate } from '@/synapse-queries'\nimport {\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport { ReviewCollaboratorsAndSigningOfficialAccordion } from '../ReviewCollaboratorsAndSigningOfficialAccordion'\nimport { longFieldLabelSx } from '../styles'\n\nexport type ReviewDucStepProps = {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  onHide: () => void\n  onBackClicked: () => void\n  /**\n   * Called when the user clicks \"Create a DUC\". The parent advances to the eDUC preview step\n   * (PORTALS-4377), where the generated document is displayed for review before signing.\n   */\n  onCreateDuc: () => void\n}\n\n/**\n * Wizard step shown after accessors/files (PORTALS-4375) and before the eDUC preview (PORTALS-4377).\n * Lets the user confirm their collaborators, PI, and Signing Official before generating the DUC.\n */\nexport default function ReviewDucStep(props: ReviewDucStepProps) {\n  const { managedACTAccessRequirement, onHide, onBackClicked, onCreateDuc } =\n    props\n\n  const { data: dataAccessRequest, isLoading } =\n    useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n      staleTime: Infinity,\n      throwOnError: true,\n    })\n\n  const accessorChanges = dataAccessRequest?.accessorChanges ?? []\n  const pi = dataAccessRequest?.principalInvestigator\n  const so = dataAccessRequest?.signingOfficial\n\n  return (\n    <>\n      <DialogTitle>\n        <Stack direction=\"row\" sx={{ alignItems: 'center', gap: '5px' }}>\n          Request Access\n          <Box sx={{ flexGrow: 1 }} />\n          <IconButton aria-label={'Close'} onClick={onHide}>\n            <IconSvg icon={'close'} wrap={false} sx={{ color: 'grey.700' }} />\n          </IconButton>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        <ManagedACTAccessRequirementFormWikiWrapper\n          managedACTAccessRequirementId={String(managedACTAccessRequirement.id)}\n        >\n          <Box>\n            <Typography variant={'headline3'} sx={{ mb: 2 }}>\n              Sign a Data Use Certificate (DUC)\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n              The DUC may be signed electronically.\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n              Please verify the information of each data requester listed in the\n              previous step. Ensure all email addresses are accurate. You can\n              click the BACK button, below, to modify your list of collaborators\n              and Signing Official if necessary.\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n              If any information is incorrect, the request will be rejected.\n            </Typography>\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n              Click <strong>Create a DUC</strong> to generate a document and\n              review it before sending it to your collaborators, PI, and Signing\n              Official.\n            </Typography>\n\n            <ReviewCollaboratorsAndSigningOfficialAccordion\n              accessorChanges={accessorChanges}\n              principalInvestigator={pi}\n              signingOfficial={so}\n              isLoading={isLoading}\n            />\n          </Box>\n        </ManagedACTAccessRequirementFormWikiWrapper>\n      </DialogContent>\n      <DialogActions>\n        <Button variant={'outlined'} onClick={onBackClicked}>\n          Back\n        </Button>\n        <Box sx={{ flexGrow: 1 }} />\n        <Button variant={'outlined'} onClick={onHide}>\n          Cancel\n        </Button>\n        <Button\n          variant={'contained'}\n          disabled={isLoading}\n          onClick={onCreateDuc}\n        >\n          Create a DUC\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAgCA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EAAE,gCAA6B,WAAQ,kBAAe,mBAC1D,GAEI,EAAE,MAAM,GAAmB,iBAC/B,EAAiC,OAAO,EAA4B,EAAE,GAAG;EACvE,WAAW;EACX,cAAc;CAChB,CAAC,GAEG,IAAkB,GAAmB,mBAAmB,CAAC,GACzD,IAAK,GAAmB,uBACxB,IAAK,GAAmB;CAE9B,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAO,WAAU;GAAM,IAAI;IAAE,YAAY;IAAU,KAAK;GAAM;aAA9D;IAAiE;IAE/D,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;IAC3B,kBAAC,GAAD;KAAY,cAAY;KAAS,SAAS;eACxC,kBAAC,GAAD;MAAS,MAAM;MAAS,MAAM;MAAO,IAAI,EAAE,OAAO,WAAW;KAAI,CAAA;IACvD,CAAA;GACP;KACI,CAAA;EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,+BAA+B,OAAO,EAA4B,EAAE;aAEpE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAY,SAAS;KAAa,IAAI,EAAE,IAAI,EAAE;eAAG;IAErC,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAAG;IAEtD,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAAG;IAKtD,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAAG;IAEtD,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAS;KAAS,IAAI;MAAE,GAAG;MAAkB,IAAI;KAAE;eAA/D;MAAkE;MAC1D,kBAAC,UAAD,EAAA,UAAQ,eAAoB,CAAA;MAAC;KAGzB;;IAEZ,kBAAC,GAAD;KACmB;KACjB,uBAAuB;KACvB,iBAAiB;KACN;IACZ,CAAA;GACE,EAAA,CAAA;EACqC,CAAA,EAC/B,CAAA;EACf,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IAAQ,SAAS;IAAY,SAAS;cAAe;GAE7C,CAAA;GACR,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;GAC3B,kBAAC,GAAD;IAAQ,SAAS;IAAY,SAAS;cAAQ;GAEtC,CAAA;GACR,kBAAC,GAAD;IACE,SAAS;IACT,UAAU;IACV,SAAS;cACV;GAEO,CAAA;EACK,EAAA,CAAA;CACf,EAAA,CAAA;AAEN"}

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.d.ts

@@ -0,0 +1,27 @@
+import { ManagedACTAccessRequirement, RestrictableObjectType } from '@sage-bionetworks/synapse-types';
+export type SignatureStatusStepProps = {
+    managedACTAccessRequirement: ManagedACTAccessRequirement;
+    subjectId: string;
+    subjectType: RestrictableObjectType;
+    onHide: () => void;
+    /**
+     * Called when the user clicks the Back button. When omitted, the Back button is hidden —
+     * used when the step is reached via direct entry (e.g. a deep-link route) rather than
+     * through the wizard flow, so there is no meaningful previous step to return to.
+     */
+    onBackClicked?: () => void;
+    onSubmissionCreated: (submissionId: string) => void;
+    /**
+     * Optional href override for the "View DUC" link. When set, the preview file handle fetch
+     * is skipped and this URL is used directly. Used by stories and tests where the portal
+     * servlet is not available.
+     */
+    viewDucHrefOverride?: string;
+};
+/**
+ * Wizard step shown after the user has routed the eDUC for electronic signature
+ * (PORTALS-4380). Polls the DocuSign envelope status, lists the pending signers,
+ * and enables submission once every signer has signed.
+ */
+export default function SignatureStatusStep(props: SignatureStatusStepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SignatureStatusStep.d.ts.map

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignatureStatusStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAEL,2BAA2B,EAC3B,sBAAsB,EACvB,MAAM,iCAAiC,CAAA;AAKxC,MAAM,MAAM,wBAAwB,GAAG;IACrC,2BAA2B,EAAE,2BAA2B,CAAA;IACxD,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,sBAAsB,CAAA;IACnC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,mBAAmB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAiP1E"}

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.js

@@ -0,0 +1,194 @@
+import { PRODUCTION_ENDPOINT_CONFIG as e } from "../../../../utils/functions/getEndpoint.js";
+import t from "../../../../synapse-client/index.js";
+import { useSubmitDataAccessRequest as n } from "../../../../synapse-queries/dataaccess/useDataAccessSubmission.js";
+import { useGetDataAccessRequestForUpdate as r, useUpdateDataAccessRequest as i } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useGetDataAccessRequestPreview as a, useGetDataAccessRequestSignatureStatus as o, useGetDataAccessRequestSignedFileHandleId as s } from "../../../../synapse-queries/dataaccess/useEDuc.js";
+import "../../../../synapse-queries/index.js";
+import c from "../../../IconSvg/IconSvg.js";
+import { longFieldLabelSx as l } from "../styles.js";
+import { useState as u } from "react";
+import { Alert as d, Box as f, Button as p, DialogActions as m, DialogContent as ee, DialogTitle as te, IconButton as h, Link as g, Skeleton as _, Stack as v, Typography as y } from "@mui/material";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { FileHandleAssociateType as C } from "@sage-bionetworks/synapse-types";
+import { CheckCircleOutline as w, HourglassEmpty as T, OpenInNew as E, Refresh as D } from "@mui/icons-material";
+//#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx
+function O(e) {
+	let { managedACTAccessRequirement: O, subjectId: ne, subjectType: re, onHide: ie, onBackClicked: A, onSubmissionCreated: j, viewDucHrefOverride: M } = e, { data: N, isLoading: P } = r(String(O.id), {
+		staleTime: Infinity,
+		throwOnError: !0
+	}), F = N?.id ?? "", { data: I, isLoading: L, isRefetching: R, error: z, refetch: B } = o(F, { enabled: !!F }), V = I?.signerStatus ?? [], H = V.filter((e) => e.status === "done").length, U = V.length, W = U > 0 && H === U, G = V.filter((e) => e.status !== "done"), { data: K } = a(F, { enabled: !!F && !M }), q = M ?? (K?.fileHandleId && F ? t.getPortalFileHandleServletUrl(K.fileHandleId, F, C.DataAccessRequestAttachment) : void 0), { data: J } = s(F, { enabled: !!F && W }), [Y, X] = u(), [Z, Q] = u(), { mutateAsync: ae, isPending: oe } = i({ onError: (e) => X(e.reason) }), { mutate: se, isPending: $ } = n({
+		onSuccess: (e) => j(e.submissionId),
+		onError: (e) => Q(e.reason)
+	}), ce = P || L || R || !N || !W || !J?.fileHandleId || oe || $, le = async () => {
+		if (!N || !J?.fileHandleId) return;
+		X(void 0), Q(void 0);
+		let e = await ae({
+			...N,
+			ducFileHandleId: J.fileHandleId
+		}).catch(() => null);
+		e && se({
+			request: {
+				requestId: e.id,
+				requestEtag: e.etag,
+				subjectId: ne,
+				subjectType: re
+			},
+			accessRequirementId: String(O.id)
+		});
+	};
+	return /* @__PURE__ */ S(b, { children: [
+		/* @__PURE__ */ x(te, { children: /* @__PURE__ */ S(v, {
+			direction: "row",
+			sx: {
+				alignItems: "center",
+				gap: "5px"
+			},
+			children: [
+				"Request Access",
+				/* @__PURE__ */ x(f, { sx: { flexGrow: 1 } }),
+				/* @__PURE__ */ x(h, {
+					"aria-label": "Close",
+					onClick: ie,
+					children: /* @__PURE__ */ x(c, {
+						icon: "close",
+						wrap: !1,
+						sx: { color: "grey.700" }
+					})
+				})
+			]
+		}) }),
+		/* @__PURE__ */ S(ee, { children: [
+			/* @__PURE__ */ x(y, {
+				variant: "headline3",
+				sx: { mb: 2 },
+				children: "Sign a Data Use Certificate (DUC)"
+			}),
+			/* @__PURE__ */ x(y, {
+				variant: "body1",
+				sx: {
+					...l,
+					mb: 2
+				},
+				children: "Your DUC has been emailed to your Collaborators. Once all signatures (including the Signing Official) have been collected, you can submit the Data Access Request."
+			}),
+			L && /* @__PURE__ */ x(_, {
+				variant: "rectangular",
+				width: "100%",
+				height: 120,
+				"data-testid": "SignatureStatusStep-loading"
+			}),
+			z && /* @__PURE__ */ S(d, {
+				severity: "error",
+				children: [
+					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't load the current signature status." }),
+					/* @__PURE__ */ x("br", {}),
+					z.reason
+				]
+			}),
+			!L && !z && I && /* @__PURE__ */ S(b, { children: [
+				/* @__PURE__ */ S(v, {
+					direction: "row",
+					sx: {
+						alignItems: "center",
+						gap: 1,
+						mb: 1
+					},
+					children: [
+						W ? /* @__PURE__ */ x(w, { color: "success" }) : /* @__PURE__ */ x(T, { sx: { color: "grey.700" } }),
+						/* @__PURE__ */ x(y, {
+							variant: "body1",
+							sx: { fontWeight: 700 },
+							children: W ? "All signatures collected." : `${H} out of ${U} signatures collected.`
+						}),
+						/* @__PURE__ */ x(f, { sx: { flexGrow: 1 } }),
+						q && /* @__PURE__ */ S(g, {
+							href: q,
+							target: "_blank",
+							rel: "noopener",
+							sx: {
+								display: "inline-flex",
+								alignItems: "center",
+								gap: .5
+							},
+							children: ["View DUC", /* @__PURE__ */ x(E, { fontSize: "small" })]
+						})
+					]
+				}),
+				G.length > 0 && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(y, {
+					variant: "body1",
+					sx: { mb: 1 },
+					children: "You're still waiting for signatures from"
+				}), /* @__PURE__ */ x(f, {
+					component: "ul",
+					sx: {
+						mt: 0,
+						mb: 2,
+						pl: 3
+					},
+					children: G.map((e, t) => /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(k, { signer: e }) }, e.userId ?? `${e.name}-${t}`))
+				})] }),
+				/* @__PURE__ */ x(p, {
+					variant: "outlined",
+					startIcon: /* @__PURE__ */ x(D, {}),
+					loading: R,
+					onClick: () => {
+						B();
+					},
+					children: "Refresh"
+				})
+			] }),
+			Y && /* @__PURE__ */ S(d, {
+				severity: "error",
+				sx: { mt: 2 },
+				children: [
+					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't save your change." }),
+					/* @__PURE__ */ x("br", {}),
+					Y
+				]
+			}),
+			Z && /* @__PURE__ */ S(d, {
+				severity: "error",
+				sx: { mt: 2 },
+				children: [
+					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't submit your request." }),
+					/* @__PURE__ */ x("br", {}),
+					Z
+				]
+			})
+		] }),
+		/* @__PURE__ */ S(m, { children: [
+			A && /* @__PURE__ */ x(p, {
+				variant: "outlined",
+				onClick: A,
+				children: "Back"
+			}),
+			/* @__PURE__ */ x(f, { sx: { flexGrow: 1 } }),
+			/* @__PURE__ */ x(p, {
+				variant: "contained",
+				disabled: ce,
+				loading: $,
+				onClick: () => {
+					le();
+				},
+				children: "Submit"
+			})
+		] })
+	] });
+}
+function k(t) {
+	let { signer: n } = t, r = n.name ?? "Unnamed signer";
+	return /* @__PURE__ */ S(y, {
+		variant: "body1",
+		component: "span",
+		children: [n.userId ? /* @__PURE__ */ x(g, {
+			href: `${e.PORTAL}Profile:${n.userId}`,
+			target: "_blank",
+			rel: "noopener",
+			children: r
+		}) : /* @__PURE__ */ x(b, { children: r }), n.status && n.status !== "pending" && n.status !== "done" ? ` (${n.status})` : ""]
+	});
+}
+//#endregion
+export { O as default };
+
+//# sourceMappingURL=SignatureStatusStep.js.map

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignatureStatusStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useGetDataAccessRequestSignatureStatus,\n  useGetDataAccessRequestSignedFileHandleId,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport {\n  CheckCircleOutline,\n  HourglassEmpty,\n  OpenInNew,\n  Refresh,\n} from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Button,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Link,\n  Skeleton,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport { EDucSignerStatus } from '@sage-bionetworks/synapse-client'\nimport {\n  FileHandleAssociateType,\n  ManagedACTAccessRequirement,\n  RestrictableObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { longFieldLabelSx } from '../styles'\n\nexport type SignatureStatusStepProps = {\n  managedACTAccessRequirement: ManagedACTAccessRequirement\n  subjectId: string\n  subjectType: RestrictableObjectType\n  onHide: () => void\n  /**\n   * Called when the user clicks the Back button. When omitted, the Back button is hidden —\n   * used when the step is reached via direct entry (e.g. a deep-link route) rather than\n   * through the wizard flow, so there is no meaningful previous step to return to.\n   */\n  onBackClicked?: () => void\n  onSubmissionCreated: (submissionId: string) => void\n  /**\n   * Optional href override for the \"View DUC\" link. When set, the preview file handle fetch\n   * is skipped and this URL is used directly. Used by stories and tests where the portal\n   * servlet is not available.\n   */\n  viewDucHrefOverride?: string\n}\n\n/**\n * Wizard step shown after the user has routed the eDUC for electronic signature\n * (PORTALS-4380). Polls the DocuSign envelope status, lists the pending signers,\n * and enables submission once every signer has signed.\n */\nexport default function SignatureStatusStep(props: SignatureStatusStepProps) {\n  const {\n    managedACTAccessRequirement,\n    subjectId,\n    subjectType,\n    onHide,\n    onBackClicked,\n    onSubmissionCreated,\n    viewDucHrefOverride,\n  } = props\n\n  const { data: dataAccessRequest, isLoading: isLoadingDar } =\n    useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {\n      staleTime: Infinity,\n      throwOnError: true,\n    })\n\n  const requestId = dataAccessRequest?.id ?? ''\n\n  const {\n    data: signatureStatus,\n    isLoading: isLoadingStatus,\n    isRefetching: isRefetchingStatus,\n    error: statusError,\n    refetch: refetchStatus,\n  } = useGetDataAccessRequestSignatureStatus(requestId, {\n    enabled: Boolean(requestId),\n  })\n\n  const signers: EDucSignerStatus[] = signatureStatus?.signerStatus ?? []\n  const collectedCount = signers.filter(s => s.status === 'done').length\n  const totalCount = signers.length\n  const allCollected = totalCount > 0 && collectedCount === totalCount\n  const outstandingSigners = signers.filter(s => s.status !== 'done')\n\n  const { data: previewFileHandle } = useGetDataAccessRequestPreview(\n    requestId,\n    { enabled: Boolean(requestId) && !viewDucHrefOverride },\n  )\n  const viewDucHref =\n    viewDucHrefOverride ??\n    (previewFileHandle?.fileHandleId && requestId\n      ? SynapseClient.getPortalFileHandleServletUrl(\n          previewFileHandle.fileHandleId,\n          requestId,\n          FileHandleAssociateType.DataAccessRequestAttachment,\n        )\n      : undefined)\n\n  const { data: signedFileHandle } = useGetDataAccessRequestSignedFileHandleId(\n    requestId,\n    { enabled: Boolean(requestId) && allCollected },\n  )\n\n  const [updateDarError, setUpdateDarError] = useState<string | undefined>()\n  const [submitDarError, setSubmitDarError] = useState<string | undefined>()\n\n  const { mutateAsync: updateDarAsync, isPending: isUpdating } =\n    useUpdateDataAccessRequest({\n      onError: e => setUpdateDarError(e.reason),\n    })\n\n  const { mutate: submit, isPending: isSubmitting } =\n    useSubmitDataAccessRequest({\n      onSuccess: submission => onSubmissionCreated(submission.submissionId),\n      onError: e => setSubmitDarError(e.reason),\n    })\n\n  const isSubmitDisabled =\n    isLoadingDar ||\n    isLoadingStatus ||\n    isRefetchingStatus ||\n    !dataAccessRequest ||\n    !allCollected ||\n    !signedFileHandle?.fileHandleId ||\n    isUpdating ||\n    isSubmitting\n\n  const handleSubmit = async () => {\n    if (!dataAccessRequest || !signedFileHandle?.fileHandleId) return\n    setUpdateDarError(undefined)\n    setSubmitDarError(undefined)\n    const updated = await updateDarAsync({\n      ...dataAccessRequest,\n      ducFileHandleId: signedFileHandle.fileHandleId,\n    }).catch(() => null)\n    if (!updated) return\n    submit({\n      request: {\n        requestId: updated.id,\n        requestEtag: updated.etag,\n        subjectId,\n        subjectType,\n      },\n      accessRequirementId: String(managedACTAccessRequirement.id),\n    })\n  }\n\n  return (\n    <>\n      <DialogTitle>\n        <Stack direction=\"row\" sx={{ alignItems: 'center', gap: '5px' }}>\n          Request Access\n          <Box sx={{ flexGrow: 1 }} />\n          <IconButton aria-label={'Close'} onClick={onHide}>\n            <IconSvg icon={'close'} wrap={false} sx={{ color: 'grey.700' }} />\n          </IconButton>\n        </Stack>\n      </DialogTitle>\n      <DialogContent>\n        <Typography variant={'headline3'} sx={{ mb: 2 }}>\n          Sign a Data Use Certificate (DUC)\n        </Typography>\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 2 }}>\n          Your DUC has been emailed to your Collaborators. Once all signatures\n          (including the Signing Official) have been collected, you can submit\n          the Data Access Request.\n        </Typography>\n        {/* TODO: restore once the backend precheck allows editing collaborators mid-signature (PORTALS-4380 notes).\n        <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n          You can update the list of Collaborators by pressing{' '}\n          <strong>Back</strong>.\n        </Typography>\n        */}\n\n        {isLoadingStatus && (\n          <Skeleton\n            variant={'rectangular'}\n            width={'100%'}\n            height={120}\n            data-testid={'SignatureStatusStep-loading'}\n          />\n        )}\n\n        {statusError && (\n          <Alert severity={'error'}>\n            <strong>\n              Sorry, we couldn&apos;t load the current signature status.\n            </strong>\n            <br />\n            {statusError.reason}\n          </Alert>\n        )}\n\n        {!isLoadingStatus && !statusError && signatureStatus && (\n          <>\n            <Stack\n              direction={'row'}\n              sx={{ alignItems: 'center', gap: 1, mb: 1 }}\n            >\n              {allCollected ? (\n                <CheckCircleOutline color={'success'} />\n              ) : (\n                <HourglassEmpty sx={{ color: 'grey.700' }} />\n              )}\n              <Typography variant={'body1'} sx={{ fontWeight: 700 }}>\n                {allCollected\n                  ? 'All signatures collected.'\n                  : `${collectedCount} out of ${totalCount} signatures collected.`}\n              </Typography>\n              <Box sx={{ flexGrow: 1 }} />\n              {viewDucHref && (\n                <Link\n                  href={viewDucHref}\n                  target={'_blank'}\n                  rel={'noopener'}\n                  sx={{\n                    display: 'inline-flex',\n                    alignItems: 'center',\n                    gap: 0.5,\n                  }}\n                >\n                  View DUC\n                  <OpenInNew fontSize={'small'} />\n                </Link>\n              )}\n            </Stack>\n\n            {outstandingSigners.length > 0 && (\n              <>\n                <Typography variant={'body1'} sx={{ mb: 1 }}>\n                  You&apos;re still waiting for signatures from\n                </Typography>\n                <Box component={'ul'} sx={{ mt: 0, mb: 2, pl: 3 }}>\n                  {outstandingSigners.map((signer, index) => (\n                    <li key={signer.userId ?? `${signer.name}-${index}`}>\n                      <SignerLine signer={signer} />\n                    </li>\n                  ))}\n                </Box>\n              </>\n            )}\n\n            <Button\n              variant={'outlined'}\n              startIcon={<Refresh />}\n              loading={isRefetchingStatus}\n              onClick={() => {\n                refetchStatus()\n              }}\n            >\n              Refresh\n            </Button>\n          </>\n        )}\n\n        {updateDarError && (\n          <Alert severity={'error'} sx={{ mt: 2 }}>\n            <strong>Sorry, we couldn&apos;t save your change.</strong>\n            <br />\n            {updateDarError}\n          </Alert>\n        )}\n        {submitDarError && (\n          <Alert severity={'error'} sx={{ mt: 2 }}>\n            <strong>Sorry, we couldn&apos;t submit your request.</strong>\n            <br />\n            {submitDarError}\n          </Alert>\n        )}\n      </DialogContent>\n      <DialogActions>\n        {onBackClicked && (\n          <Button variant={'outlined'} onClick={onBackClicked}>\n            Back\n          </Button>\n        )}\n        <Box sx={{ flexGrow: 1 }} />\n        <Button\n          variant={'contained'}\n          disabled={isSubmitDisabled}\n          loading={isSubmitting}\n          onClick={() => {\n            handleSubmit()\n          }}\n        >\n          Submit\n        </Button>\n      </DialogActions>\n    </>\n  )\n}\n\nfunction SignerLine(props: { signer: EDucSignerStatus }) {\n  const { signer } = props\n  const displayName = signer.name ?? 'Unnamed signer'\n  const nameNode = signer.userId ? (\n    <Link\n      href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Profile:${signer.userId}`}\n      target={'_blank'}\n      rel={'noopener'}\n    >\n      {displayName}\n    </Link>\n  ) : (\n    <>{displayName}</>\n  )\n  // Only surface non-pending problem states inline; pending is implied by the section header.\n  const statusLabel =\n    signer.status && signer.status !== 'pending' && signer.status !== 'done'\n      ? ` (${signer.status})`\n      : ''\n  return (\n    <Typography variant={'body1'} component={'span'}>\n      {nameNode}\n      {statusLabel}\n    </Typography>\n  )\n}\n"],"mappings":"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"}

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.d.ts

@@ -8,6 +8,7 @@ type UploadDocumentFieldProps = {
     isMultiFileUpload?: boolean;
     onClearAttachment?: (fileHandleId: string) => void;
     isLoading?: boolean;
+    disabled?: boolean;
     uploadBtnVariant?: ButtonProps['variant'];
 };
 export declare function UploadDocumentField(props: UploadDocumentFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadDocumentField.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,WAAW,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,iCAAiC,CAAA;AAMxC,KAAK,wBAAwB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAElD,sBAAsB,CAAC,EAAE,qBAAqB,EAAE,CAAA;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,iBAAiB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CAC1C,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA2FlE"}
+{"version":3,"file":"UploadDocumentField.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,WAAW,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,iCAAiC,CAAA;AAMxC,KAAK,wBAAwB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAElD,sBAAsB,CAAC,EAAE,qBAAqB,EAAE,CAAA;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,iBAAiB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CAC1C,CAAA;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA4FlE"}

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.js

@@ -7,7 +7,7 @@ import { Box as a, Button as o } from "@mui/material";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.tsx
 function l(l) {
-	let { fileHandleAssociations: u = [], uploadCallback: d, id: f, documentName: p, isMultiFileUpload: m = !1, onClearAttachment: h, isLoading: g = !1, uploadBtnVariant: _ = "outlined" } = l, [v, y] = i(!1), { data: b } = e({
+	let { fileHandleAssociations: u = [], uploadCallback: d, id: f, documentName: p, isMultiFileUpload: m = !1, onClearAttachment: h, isLoading: g = !1, disabled: _ = !1, uploadBtnVariant: v = "outlined" } = l, [y, b] = i(!1), { data: x } = e({
 		includeFileHandles: !0,
 		includePreSignedURLs: !1,
 		includePreviewPreSignedURLs: !1,
@@ -26,14 +26,14 @@ function l(l) {
 		children: [
 			/* @__PURE__ */ s(r, {
 				id: `${f}-upload`,
-				onUploadStart: () => y(!0),
+				onUploadStart: () => b(!0),
 				onComplete: (e) => {
-					y(!1), d(e);
+					b(!1), d(e);
 				},
 				label: `Upload ${p}`,
 				buttonProps: {
-					disabled: g,
-					variant: _,
+					disabled: g || _,
+					variant: v,
 					endIcon: /* @__PURE__ */ s(t, {
 						icon: "upload",
 						wrap: !1
@@ -41,7 +41,7 @@ function l(l) {
 				}
 			}),
 			u.map((e, r) => {
-				let i = b?.requestedFiles.find((t) => t.fileHandleId === e.fileHandleId)?.fileHandle;
+				let i = x?.requestedFiles.find((t) => t.fileHandleId === e.fileHandleId)?.fileHandle;
 				return /* @__PURE__ */ c(a, { children: [/* @__PURE__ */ s(n, {
 					id: `${f}-download-${r}`,
 					variant: "text",
@@ -60,7 +60,7 @@ function l(l) {
 					children: /* @__PURE__ */ s(t, { icon: "clear" })
 				})] }, e.fileHandleId);
 			}),
-			v && /* @__PURE__ */ s(o, {
+			y && /* @__PURE__ */ s(o, {
 				disabled: !0,
 				variant: "text",
 				endIcon: /* @__PURE__ */ s(t, {

package/dist/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadDocumentField.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.tsx"],"sourcesContent":["import { useGetFileBatch } from '@/synapse-queries/file/useFiles'\nimport { Box, Button, ButtonProps } from '@mui/material'\nimport {\n  FileHandleAssociation,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport DirectDownloadButton from '../../DirectDownloadButton'\nimport FileUpload from '../../FileUpload/FileUpload'\nimport IconSvg from '../../IconSvg/IconSvg'\n\ntype UploadDocumentFieldProps = {\n  id: string\n  documentName: string\n  uploadCallback: (data: UploadCallbackResp) => void\n  /* The fileHandleAssociations corresponding to an existing upload */\n  fileHandleAssociations?: FileHandleAssociation[]\n  isMultiFileUpload?: boolean\n  onClearAttachment?: (fileHandleId: string) => void\n  isLoading?: boolean\n  uploadBtnVariant?: ButtonProps['variant']\n}\n\nexport function UploadDocumentField(props: UploadDocumentFieldProps) {\n  const {\n    fileHandleAssociations = [],\n    uploadCallback,\n    id,\n    documentName,\n    isMultiFileUpload = false,\n    onClearAttachment,\n    isLoading = false,\n    uploadBtnVariant = 'outlined',\n  } = props\n  const [isUploading, setIsUploading] = useState(false)\n\n  const { data: fileData } = useGetFileBatch(\n    {\n      includeFileHandles: true,\n      includePreSignedURLs: false,\n      includePreviewPreSignedURLs: false,\n      requestedFiles: fileHandleAssociations,\n    },\n    { enabled: fileHandleAssociations.length > 0 },\n  )\n\n  return (\n    <Box\n      id={id}\n      sx={{\n        display: 'flex',\n        flexDirection: isMultiFileUpload ? 'column' : 'row',\n        alignItems: isMultiFileUpload ? 'flex-start' : 'center',\n        justifyContent: 'flex-start',\n        gap: 2,\n        my: 2,\n      }}\n    >\n      <FileUpload\n        id={`${id}-upload`}\n        onUploadStart={() => setIsUploading(true)}\n        onComplete={res => {\n          setIsUploading(false)\n          uploadCallback(res)\n        }}\n        label={`Upload ${documentName}`}\n        buttonProps={{\n          disabled: isLoading,\n          variant: uploadBtnVariant,\n          endIcon: <IconSvg icon={'upload'} wrap={false} />,\n        }}\n      />\n      {fileHandleAssociations.map((fha, index) => {\n        const fileHandle = fileData?.requestedFiles.find(\n          result => result.fileHandleId === fha.fileHandleId,\n        )?.fileHandle\n        return (\n          <Box key={fha.fileHandleId}>\n            <DirectDownloadButton\n              key={index}\n              id={`${id}-download-${index}`}\n              variant={'text'}\n              endIcon={<IconSvg icon={'download'} wrap={false} />}\n              color={'primary'}\n              fileHandleAssociation={fha}\n              fileName={fileHandle?.fileName}\n              sx={{\n                /* Do not apply text-transform because the text is a raw filename */\n                textTransform: 'none',\n              }}\n            />\n            {onClearAttachment && (\n              <Button\n                className={'clear-x'}\n                variant={'text'}\n                onClick={() => onClearAttachment(fha.fileHandleId)}\n              >\n                <IconSvg icon=\"clear\" />\n              </Button>\n            )}\n          </Box>\n        )\n      })}\n      {isUploading && (\n        <Button\n          disabled={true}\n          variant={'text'}\n          endIcon={<IconSvg icon={'download'} wrap={false} />}\n        >\n          Uploading...\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAuBA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EACJ,4BAAyB,CAAC,GAC1B,mBACA,OACA,iBACA,uBAAoB,IACpB,sBACA,eAAY,IACZ,sBAAmB,eACjB,GACE,CAAC,GAAa,KAAkB,EAAS,EAAK,GAE9C,EAAE,MAAM,MAAa,EACzB;EACE,oBAAoB;EACpB,sBAAsB;EACtB,6BAA6B;EAC7B,gBAAgB;CAClB,GACA,EAAE,SAAS,EAAuB,SAAS,EAAE,CAC/C;CAEA,OACE,kBAAC,GAAD;EACM;EACJ,IAAI;GACF,SAAS;GACT,eAAe,IAAoB,WAAW;GAC9C,YAAY,IAAoB,eAAe;GAC/C,gBAAgB;GAChB,KAAK;GACL,IAAI;EACN;YATF;GAWE,kBAAC,GAAD;IACE,IAAI,GAAG,EAAG;IACV,qBAAqB,EAAe,EAAI;IACxC,aAAY,MAAO;KAEjB,AADA,EAAe,EAAK,GACpB,EAAe,CAAG;IACpB;IACA,OAAO,UAAU;IACjB,aAAa;KACX,UAAU;KACV,SAAS;KACT,SAAS,kBAAC,GAAD;MAAS,MAAM;MAAU,MAAM;KAAQ,CAAA;IAClD;GACD,CAAA;GACA,EAAuB,KAAK,GAAK,MAAU;IAC1C,IAAM,IAAa,GAAU,eAAe,MAC1C,MAAU,EAAO,iBAAiB,EAAI,YACxC,GAAG;IACH,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAEE,IAAI,GAAG,EAAG,YAAY;KACtB,SAAS;KACT,SAAS,kBAAC,GAAD;MAAS,MAAM;MAAY,MAAM;KAAQ,CAAA;KAClD,OAAO;KACP,uBAAuB;KACvB,UAAU,GAAY;KACtB,IAAI,EAEF,eAAe,OACjB;IACD,GAXM,CAWN,GACA,KACC,kBAAC,GAAD;KACE,WAAW;KACX,SAAS;KACT,eAAe,EAAkB,EAAI,YAAY;eAEjD,kBAAC,GAAD,EAAS,MAAK,QAAS,CAAA;IACjB,CAAA,CAEP,EAAA,GAvBK,EAAI,YAuBT;GAET,CAAC;GACA,KACC,kBAAC,GAAD;IACE,UAAU;IACV,SAAS;IACT,SAAS,kBAAC,GAAD;KAAS,MAAM;KAAY,MAAM;IAAQ,CAAA;cACnD;GAEO,CAAA;EAEP;;AAET"}
+{"version":3,"file":"UploadDocumentField.js","names":[],"sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.tsx"],"sourcesContent":["import { useGetFileBatch } from '@/synapse-queries/file/useFiles'\nimport { Box, Button, ButtonProps } from '@mui/material'\nimport {\n  FileHandleAssociation,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport DirectDownloadButton from '../../DirectDownloadButton'\nimport FileUpload from '../../FileUpload/FileUpload'\nimport IconSvg from '../../IconSvg/IconSvg'\n\ntype UploadDocumentFieldProps = {\n  id: string\n  documentName: string\n  uploadCallback: (data: UploadCallbackResp) => void\n  /* The fileHandleAssociations corresponding to an existing upload */\n  fileHandleAssociations?: FileHandleAssociation[]\n  isMultiFileUpload?: boolean\n  onClearAttachment?: (fileHandleId: string) => void\n  isLoading?: boolean\n  disabled?: boolean\n  uploadBtnVariant?: ButtonProps['variant']\n}\n\nexport function UploadDocumentField(props: UploadDocumentFieldProps) {\n  const {\n    fileHandleAssociations = [],\n    uploadCallback,\n    id,\n    documentName,\n    isMultiFileUpload = false,\n    onClearAttachment,\n    isLoading = false,\n    disabled = false,\n    uploadBtnVariant = 'outlined',\n  } = props\n  const [isUploading, setIsUploading] = useState(false)\n\n  const { data: fileData } = useGetFileBatch(\n    {\n      includeFileHandles: true,\n      includePreSignedURLs: false,\n      includePreviewPreSignedURLs: false,\n      requestedFiles: fileHandleAssociations,\n    },\n    { enabled: fileHandleAssociations.length > 0 },\n  )\n\n  return (\n    <Box\n      id={id}\n      sx={{\n        display: 'flex',\n        flexDirection: isMultiFileUpload ? 'column' : 'row',\n        alignItems: isMultiFileUpload ? 'flex-start' : 'center',\n        justifyContent: 'flex-start',\n        gap: 2,\n        my: 2,\n      }}\n    >\n      <FileUpload\n        id={`${id}-upload`}\n        onUploadStart={() => setIsUploading(true)}\n        onComplete={res => {\n          setIsUploading(false)\n          uploadCallback(res)\n        }}\n        label={`Upload ${documentName}`}\n        buttonProps={{\n          disabled: isLoading || disabled,\n          variant: uploadBtnVariant,\n          endIcon: <IconSvg icon={'upload'} wrap={false} />,\n        }}\n      />\n      {fileHandleAssociations.map((fha, index) => {\n        const fileHandle = fileData?.requestedFiles.find(\n          result => result.fileHandleId === fha.fileHandleId,\n        )?.fileHandle\n        return (\n          <Box key={fha.fileHandleId}>\n            <DirectDownloadButton\n              key={index}\n              id={`${id}-download-${index}`}\n              variant={'text'}\n              endIcon={<IconSvg icon={'download'} wrap={false} />}\n              color={'primary'}\n              fileHandleAssociation={fha}\n              fileName={fileHandle?.fileName}\n              sx={{\n                /* Do not apply text-transform because the text is a raw filename */\n                textTransform: 'none',\n              }}\n            />\n            {onClearAttachment && (\n              <Button\n                className={'clear-x'}\n                variant={'text'}\n                onClick={() => onClearAttachment(fha.fileHandleId)}\n              >\n                <IconSvg icon=\"clear\" />\n              </Button>\n            )}\n          </Box>\n        )\n      })}\n      {isUploading && (\n        <Button\n          disabled={true}\n          variant={'text'}\n          endIcon={<IconSvg icon={'download'} wrap={false} />}\n        >\n          Uploading...\n        </Button>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAwBA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EACJ,4BAAyB,CAAC,GAC1B,mBACA,OACA,iBACA,uBAAoB,IACpB,sBACA,eAAY,IACZ,cAAW,IACX,sBAAmB,eACjB,GACE,CAAC,GAAa,KAAkB,EAAS,EAAK,GAE9C,EAAE,MAAM,MAAa,EACzB;EACE,oBAAoB;EACpB,sBAAsB;EACtB,6BAA6B;EAC7B,gBAAgB;CAClB,GACA,EAAE,SAAS,EAAuB,SAAS,EAAE,CAC/C;CAEA,OACE,kBAAC,GAAD;EACM;EACJ,IAAI;GACF,SAAS;GACT,eAAe,IAAoB,WAAW;GAC9C,YAAY,IAAoB,eAAe;GAC/C,gBAAgB;GAChB,KAAK;GACL,IAAI;EACN;YATF;GAWE,kBAAC,GAAD;IACE,IAAI,GAAG,EAAG;IACV,qBAAqB,EAAe,EAAI;IACxC,aAAY,MAAO;KAEjB,AADA,EAAe,EAAK,GACpB,EAAe,CAAG;IACpB;IACA,OAAO,UAAU;IACjB,aAAa;KACX,UAAU,KAAa;KACvB,SAAS;KACT,SAAS,kBAAC,GAAD;MAAS,MAAM;MAAU,MAAM;KAAQ,CAAA;IAClD;GACD,CAAA;GACA,EAAuB,KAAK,GAAK,MAAU;IAC1C,IAAM,IAAa,GAAU,eAAe,MAC1C,MAAU,EAAO,iBAAiB,EAAI,YACxC,GAAG;IACH,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAEE,IAAI,GAAG,EAAG,YAAY;KACtB,SAAS;KACT,SAAS,kBAAC,GAAD;MAAS,MAAM;MAAY,MAAM;KAAQ,CAAA;KAClD,OAAO;KACP,uBAAuB;KACvB,UAAU,GAAY;KACtB,IAAI,EAEF,eAAe,OACjB;IACD,GAXM,CAWN,GACA,KACC,kBAAC,GAAD;KACE,WAAW;KACX,SAAS;KACT,eAAe,EAAkB,EAAI,YAAY;eAEjD,kBAAC,GAAD,EAAS,MAAK,QAAS,CAAA;IACjB,CAAA,CAEP,EAAA,GAvBK,EAAI,YAuBT;GAET,CAAC;GACA,KACC,kBAAC,GAAD;IACE,UAAU;IACV,SAAS;IACT,SAAS,kBAAC,GAAD;KAAS,MAAM;KAAY,MAAM;IAAQ,CAAA;cACnD;GAEO,CAAA;EAEP;;AAET"}