synapse-react-client 4.0.42 → 4.0.44

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

@@ -1,48 +1,31 @@
 import { useGetDataAccessRequestForUpdate as e } from "../../../../synapse-queries/dataaccess/useAccessRequirements.js";
 import "../../../../synapse-queries/index.js";
-import t from "../../../IconSvg/IconSvg.js";
+import { DialogBaseTitle as t } from "../../../DialogBase.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";
+import { Box as a, Button as o, DialogActions as s, DialogContent as c, Typography as l } from "@mui/material";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/ReviewDucStep/ReviewDucStep.tsx
-function g(g) {
-	let { managedACTAccessRequirement: _, onHide: v, onBackClicked: y, onCreateDuc: b, hideWiki: x } = g, { data: S, isLoading: C } = e(String(_.id), {
+function p(p) {
+	let { managedACTAccessRequirement: m, onHide: h, onBackClicked: g, onCreateDuc: _ } = p, { data: v, isLoading: y } = e(String(m.id), {
 		staleTime: Infinity,
 		throwOnError: !0
-	}), w = S?.accessorChanges ?? [], T = S?.principalInvestigator, E = S?.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),
-			hideWiki: x,
-			children: /* @__PURE__ */ h(a, { children: [
-				/* @__PURE__ */ m(f, {
+	}), b = v?.accessorChanges ?? [], x = v?.principalInvestigator, S = v?.signingOfficial;
+	return /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ d(t, {
+			title: "Request Access",
+			onCancel: h
+		}),
+		/* @__PURE__ */ d(c, { children: /* @__PURE__ */ d(r, {
+			accessRequirement: m,
+			children: /* @__PURE__ */ f(a, { children: [
+				/* @__PURE__ */ d(l, {
 					variant: "headline3",
 					sx: { mb: 2 },
 					children: "Sign a Data Use Certificate (DUC)"
 				}),
-				/* @__PURE__ */ m(f, {
+				/* @__PURE__ */ d(l, {
 					variant: "body1",
 					sx: {
 						...n,
@@ -50,7 +33,7 @@ function g(g) {
 					},
 					children: "The DUC may be signed electronically."
 				}),
-				/* @__PURE__ */ m(f, {
+				/* @__PURE__ */ d(l, {
 					variant: "body1",
 					sx: {
 						...n,
@@ -58,7 +41,7 @@ function g(g) {
 					},
 					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, {
+				/* @__PURE__ */ d(l, {
 					variant: "body1",
 					sx: {
 						...n,
@@ -66,7 +49,7 @@ function g(g) {
 					},
 					children: "If any information is incorrect, the request will be rejected."
 				}),
-				/* @__PURE__ */ h(f, {
+				/* @__PURE__ */ f(l, {
 					variant: "body1",
 					sx: {
 						...n,
@@ -74,40 +57,40 @@ function g(g) {
 					},
 					children: [
 						"Click ",
-						/* @__PURE__ */ m("strong", { children: "Create a DUC" }),
+						/* @__PURE__ */ d("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: w,
-					principalInvestigator: T,
-					signingOfficial: E,
-					isLoading: C
+				/* @__PURE__ */ d(i, {
+					accessorChanges: b,
+					principalInvestigator: x,
+					signingOfficial: S,
+					isLoading: y
 				})
 			] })
 		}) }),
-		/* @__PURE__ */ h(s, { children: [
-			/* @__PURE__ */ m(o, {
+		/* @__PURE__ */ f(s, { children: [
+			/* @__PURE__ */ d(o, {
 				variant: "outlined",
-				onClick: y,
+				onClick: g,
 				children: "Back"
 			}),
-			/* @__PURE__ */ m(a, { sx: { flexGrow: 1 } }),
-			/* @__PURE__ */ m(o, {
+			/* @__PURE__ */ d(a, { sx: { flexGrow: 1 } }),
+			/* @__PURE__ */ d(o, {
 				variant: "outlined",
-				onClick: v,
+				onClick: h,
 				children: "Cancel"
 			}),
-			/* @__PURE__ */ m(o, {
+			/* @__PURE__ */ d(o, {
 				variant: "contained",
-				disabled: C,
-				onClick: b,
+				disabled: y,
+				onClick: _,
 				children: "Create a DUC"
 			})
 		] })
 	] });
 }
 //#endregion
-export { g as default };
+export { p as default };
 
 //# sourceMappingURL=ReviewDucStep.js.map

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

@@ -1 +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 IconSvg from '../../../IconSvg/IconSvg'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport { ReviewCollaboratorsAndSigningOfficialAccordion } from '../ReviewCollaboratorsAndSigningOfficialAccordion'\nimport { longFieldLabelSx } from '../styles'\nimport { RequestFlowAccessRequirement } from '../requestFlowTypes'\n\nexport type ReviewDucStepProps = {\n  managedACTAccessRequirement: RequestFlowAccessRequirement\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  /** Hides the access requirement wiki that is otherwise shown beside the step. */\n  hideWiki?: boolean\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 {\n    managedACTAccessRequirement,\n    onHide,\n    onBackClicked,\n    onCreateDuc,\n    hideWiki,\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          hideWiki={hideWiki}\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":";;;;;;;;;AAkCA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EACJ,gCACA,WACA,kBACA,gBACA,gBACE,GAEE,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;GAC1D;aAEV,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"}
+{"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  Typography,\n} from '@mui/material'\nimport { DialogBaseTitle } from '../../../DialogBase'\nimport ManagedACTAccessRequirementFormWikiWrapper from '../ManagedACTAccessRequirementFormWikiWrapper'\nimport { ReviewCollaboratorsAndSigningOfficialAccordion } from '../ReviewCollaboratorsAndSigningOfficialAccordion'\nimport { longFieldLabelSx } from '../styles'\nimport { RequestFlowAccessRequirement } from '../requestFlowTypes'\n\nexport type ReviewDucStepProps = {\n  managedACTAccessRequirement: RequestFlowAccessRequirement\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      <DialogBaseTitle title={'Request Access'} onCancel={onHide} />\n      <DialogContent>\n        <ManagedACTAccessRequirementFormWikiWrapper\n          accessRequirement={managedACTAccessRequirement}\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":";;;;;;;;;AA6BA,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;GAAiB,OAAO;GAAkB,UAAU;EAAS,CAAA;EAC7D,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,mBAAmB;aAEnB,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.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureStatusStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx"],"names":[],"mappings":"AAoCA,OAAO,EAEL,sBAAsB,EACvB,MAAM,iCAAiC,CAAA;AAKxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAA;AAYlE,MAAM,MAAM,wBAAwB,GAAG;IACrC,2BAA2B,EAAE,4BAA4B,CAAA;IACzD,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,2CAkQ1E"}
+{"version":3,"file":"SignatureStatusStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAEL,sBAAsB,EACvB,MAAM,iCAAiC,CAAA;AAKxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAA;AAYlE,MAAM,MAAM,wBAAwB,GAAG;IACrC,2BAA2B,EAAE,4BAA4B,CAAA;IACzD,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,2CA0P1E"}

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

@@ -2,20 +2,20 @@ import { PRODUCTION_ENDPOINT_CONFIG as e } from "../../../../utils/functions/get
 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 ee, useGetDataAccessRequestSignatureUpdatable as te, useGetDataAccessRequestSignedFileHandleId as ne } from "../../../../synapse-queries/dataaccess/useEDuc.js";
+import { useGetDataAccessRequestPreview as ee, useGetDataAccessRequestSignatureStatus as te, useGetDataAccessRequestSignatureUpdatable as ne, useGetDataAccessRequestSignedFileHandleId as a } from "../../../../synapse-queries/dataaccess/useEDuc.js";
 import "../../../../synapse-queries/index.js";
-import o from "../../../IconSvg/IconSvg.js";
+import { DialogBaseTitle as o } from "../../../DialogBase.js";
 import { formatDate as s } from "../../../../utils/functions/DateFormatter.js";
 import { longFieldLabelSx as c } from "../styles.js";
 import { useState as l } from "react";
-import { Alert as u, Box as d, Button as f, DialogActions as re, DialogContent as p, DialogTitle as m, 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 { EDucSignerStatusStatusEnum as w } from "@sage-bionetworks/synapse-client";
-import { CheckCircleOutline as T, HourglassEmpty as ie, OpenInNew as E, Refresh as D } from "@mui/icons-material";
-import O from "dayjs";
+import { Alert as u, Box as d, Button as f, DialogActions as p, DialogContent as m, Link as h, Skeleton as g, Stack as re, Typography as _ } from "@mui/material";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { FileHandleAssociateType as x } from "@sage-bionetworks/synapse-types";
+import { EDucSignerStatusStatusEnum as S } from "@sage-bionetworks/synapse-client";
+import { CheckCircleOutline as C, HourglassEmpty as w, OpenInNew as T, Refresh as E } from "@mui/icons-material";
+import D from "dayjs";
 //#region src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx
-var k = {
+var O = {
 	mx: 0,
 	my: .5,
 	pl: 1.5,
@@ -23,58 +23,42 @@ var k = {
 	borderColor: "grey.300",
 	color: "grey.700"
 };
-function A(e) {
-	let { managedACTAccessRequirement: s, subjectId: w, subjectType: O, onHide: k, onBackClicked: A, onSubmissionCreated: j, viewDucHrefOverride: M } = e, { data: N, isLoading: oe } = r(String(s.id), {
+function k(e) {
+	let { managedACTAccessRequirement: s, subjectId: S, subjectType: D, onHide: O, onBackClicked: k, onSubmissionCreated: A, viewDucHrefOverride: j } = e, { data: M, isLoading: ae } = r(String(s.id), {
 		staleTime: Infinity,
 		throwOnError: !0
-	}), P = N?.id ?? "", { data: F, isLoading: I, isRefetching: L, error: R, refetch: z } = ee(P, { enabled: !!P }), B = F?.signerStatus ?? [], V = B.filter((e) => e.status === "done").length, H = B.length, U = H > 0 && V === H, W = B.filter((e) => e.status !== "done"), { data: G } = te(P, { enabled: !!P && !U }), { data: K } = a(P, { enabled: !!P && !M }), q = M ?? (K?.fileHandleId && P ? t.getPortalFileHandleServletUrl(K.fileHandleId, P, C.DataAccessRequestAttachment) : void 0), { data: J } = ne(P, { enabled: !!P && U }), [Y, X] = l(), [Z, Q] = l(), { mutateAsync: se, isPending: ce } = i({ onError: (e) => X(e.reason) }), { mutate: le, isPending: $ } = n({
-		onSuccess: (e) => j(e.submissionId),
-		onError: (e) => Q(e.reason)
-	}), ue = oe || I || L || !N || !U || !J?.fileHandleId || ce || $, de = async () => {
-		if (!N || !J?.fileHandleId) return;
-		X(void 0), Q(void 0);
-		let e = await se({
-			...N,
-			ducFileHandleId: J.fileHandleId
+	}), N = M?.id ?? "", { data: P, isLoading: F, isRefetching: I, error: L, refetch: R } = te(N, { enabled: !!N }), z = P?.signerStatus ?? [], B = z.filter((e) => e.status === "done").length, V = z.length, H = V > 0 && B === V, U = z.filter((e) => e.status !== "done"), { data: W } = ne(N, { enabled: !!N && !H }), { data: G } = ee(N, { enabled: !!N && !j }), K = j ?? (G?.fileHandleId && N ? t.getPortalFileHandleServletUrl(G.fileHandleId, N, x.DataAccessRequestAttachment) : void 0), { data: q } = a(N, { enabled: !!N && H }), [J, Y] = l(), [X, Z] = l(), { mutateAsync: oe, isPending: se } = i({ onError: (e) => Y(e.reason) }), { mutate: ce, isPending: Q } = n({
+		onSuccess: (e) => A(e.submissionId),
+		onError: (e) => Z(e.reason)
+	}), le = ae || F || I || !M || !H || !q?.fileHandleId || se || Q, $ = async () => {
+		if (!M || !q?.fileHandleId) return;
+		Y(void 0), Z(void 0);
+		let e = await oe({
+			...M,
+			ducFileHandleId: q.fileHandleId
 		}).catch(() => null);
-		e && le({
+		e && ce({
 			request: {
 				requestId: e.id,
 				requestEtag: e.etag,
-				subjectId: w,
-				subjectType: O
+				subjectId: S,
+				subjectType: D
 			},
 			accessRequirementId: String(s.id)
 		});
 	};
-	return /* @__PURE__ */ S(b, { children: [
-		/* @__PURE__ */ x(m, { children: /* @__PURE__ */ S(v, {
-			direction: "row",
-			sx: {
-				alignItems: "center",
-				gap: "5px"
-			},
-			children: [
-				"Request Access",
-				/* @__PURE__ */ x(d, { sx: { flexGrow: 1 } }),
-				/* @__PURE__ */ x(h, {
-					"aria-label": "Close",
-					onClick: k,
-					children: /* @__PURE__ */ x(o, {
-						icon: "close",
-						wrap: !1,
-						sx: { color: "grey.700" }
-					})
-				})
-			]
-		}) }),
-		/* @__PURE__ */ S(p, { children: [
-			/* @__PURE__ */ x(y, {
+	return /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(o, {
+			title: "Request Access",
+			onCancel: O
+		}),
+		/* @__PURE__ */ b(m, { children: [
+			/* @__PURE__ */ y(_, {
 				variant: "headline3",
 				sx: { mb: 2 },
 				children: "Sign a Data Use Certificate (DUC)"
 			}),
-			/* @__PURE__ */ x(y, {
+			/* @__PURE__ */ y(_, {
 				variant: "body1",
 				sx: {
 					...c,
@@ -82,7 +66,7 @@ function A(e) {
 				},
 				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."
 			}),
-			A && F && !U && G && /* @__PURE__ */ S(y, {
+			k && P && !H && W && /* @__PURE__ */ b(_, {
 				variant: "body1",
 				sx: {
 					...c,
@@ -91,26 +75,26 @@ function A(e) {
 				children: [
 					"You can update the list of Collaborators by pressing",
 					" ",
-					/* @__PURE__ */ x("strong", { children: "Back" }),
+					/* @__PURE__ */ y("strong", { children: "Back" }),
 					". Your changes will be applied to this signature request, so anyone who has already signed will not need to sign again."
 				]
 			}),
-			I && /* @__PURE__ */ x(_, {
+			F && /* @__PURE__ */ y(g, {
 				variant: "rectangular",
 				width: "100%",
 				height: 120,
 				"data-testid": "SignatureStatusStep-loading"
 			}),
-			R && /* @__PURE__ */ S(u, {
+			L && /* @__PURE__ */ b(u, {
 				severity: "error",
 				children: [
-					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't load the current signature status." }),
-					/* @__PURE__ */ x("br", {}),
-					R.reason
+					/* @__PURE__ */ y("strong", { children: "Sorry, we couldn't load the current signature status." }),
+					/* @__PURE__ */ y("br", {}),
+					L.reason
 				]
 			}),
-			!I && !R && F && /* @__PURE__ */ S(b, { children: [
-				/* @__PURE__ */ S(v, {
+			!F && !L && P && /* @__PURE__ */ b(v, { children: [
+				/* @__PURE__ */ b(re, {
 					direction: "row",
 					sx: {
 						alignItems: "center",
@@ -118,15 +102,15 @@ function A(e) {
 						mb: 1
 					},
 					children: [
-						U ? /* @__PURE__ */ x(T, { color: "success" }) : /* @__PURE__ */ x(ie, { sx: { color: "grey.700" } }),
-						/* @__PURE__ */ x(y, {
+						H ? /* @__PURE__ */ y(C, { color: "success" }) : /* @__PURE__ */ y(w, { sx: { color: "grey.700" } }),
+						/* @__PURE__ */ y(_, {
 							variant: "body1",
 							sx: { fontWeight: 700 },
-							children: U ? "All signatures collected." : `${V} out of ${H} signatures collected.`
+							children: H ? "All signatures collected." : `${B} out of ${V} signatures collected.`
 						}),
-						/* @__PURE__ */ x(d, { sx: { flexGrow: 1 } }),
-						q && /* @__PURE__ */ S(g, {
-							href: q,
+						/* @__PURE__ */ y(d, { sx: { flexGrow: 1 } }),
+						K && /* @__PURE__ */ b(h, {
+							href: K,
 							target: "_blank",
 							rel: "noopener",
 							sx: {
@@ -134,93 +118,93 @@ function A(e) {
 								alignItems: "center",
 								gap: .5
 							},
-							children: ["View DUC", /* @__PURE__ */ x(E, { fontSize: "small" })]
+							children: ["View DUC", /* @__PURE__ */ y(T, { fontSize: "small" })]
 						})
 					]
 				}),
-				W.length > 0 && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(y, {
+				U.length > 0 && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(_, {
 					variant: "body1",
 					sx: { mb: 1 },
 					children: "You're still waiting for signatures from"
-				}), /* @__PURE__ */ x(d, {
+				}), /* @__PURE__ */ y(d, {
 					component: "ul",
 					sx: {
 						mt: 0,
 						mb: 2,
 						pl: 3
 					},
-					children: W.map((e, t) => /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x(ae, { signer: e }) }, e.userId ?? `${e.name}-${t}`))
+					children: U.map((e, t) => /* @__PURE__ */ y("li", { children: /* @__PURE__ */ y(ie, { signer: e }) }, e.userId ?? `${e.name}-${t}`))
 				})] }),
-				/* @__PURE__ */ x(f, {
+				/* @__PURE__ */ y(f, {
 					variant: "outlined",
-					startIcon: /* @__PURE__ */ x(D, {}),
-					loading: L,
+					startIcon: /* @__PURE__ */ y(E, {}),
+					loading: I,
 					onClick: () => {
-						z();
+						R();
 					},
 					children: "Refresh"
 				})
 			] }),
-			Y && /* @__PURE__ */ S(u, {
+			J && /* @__PURE__ */ b(u, {
 				severity: "error",
 				sx: { mt: 2 },
 				children: [
-					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't save your change." }),
-					/* @__PURE__ */ x("br", {}),
-					Y
+					/* @__PURE__ */ y("strong", { children: "Sorry, we couldn't save your change." }),
+					/* @__PURE__ */ y("br", {}),
+					J
 				]
 			}),
-			Z && /* @__PURE__ */ S(u, {
+			X && /* @__PURE__ */ b(u, {
 				severity: "error",
 				sx: { mt: 2 },
 				children: [
-					/* @__PURE__ */ x("strong", { children: "Sorry, we couldn't submit your request." }),
-					/* @__PURE__ */ x("br", {}),
-					Z
+					/* @__PURE__ */ y("strong", { children: "Sorry, we couldn't submit your request." }),
+					/* @__PURE__ */ y("br", {}),
+					X
 				]
 			})
 		] }),
-		/* @__PURE__ */ S(re, { children: [
-			A && /* @__PURE__ */ x(f, {
+		/* @__PURE__ */ b(p, { children: [
+			k && /* @__PURE__ */ y(f, {
 				variant: "outlined",
-				onClick: A,
+				onClick: k,
 				children: "Back"
 			}),
-			/* @__PURE__ */ x(d, { sx: { flexGrow: 1 } }),
-			/* @__PURE__ */ x(f, {
+			/* @__PURE__ */ y(d, { sx: { flexGrow: 1 } }),
+			/* @__PURE__ */ y(f, {
 				variant: "contained",
-				disabled: ue,
-				loading: $,
+				disabled: le,
+				loading: Q,
 				onClick: () => {
-					de();
+					$();
 				},
 				children: "Submit"
 			})
 		] })
 	] });
 }
-function j(e) {
-	return !e.status || e.status === w.pending || e.status === w.done ? "" : e.status === w.declined && e.declinedOn ? ` (declined ${s(O(e.declinedOn))})` : ` (${e.status})`;
+function A(e) {
+	return !e.status || e.status === S.pending || e.status === S.done ? "" : e.status === S.declined && e.declinedOn ? ` (declined ${s(D(e.declinedOn))})` : ` (${e.status})`;
 }
-function ae(t) {
+function ie(t) {
 	let { signer: n } = t, r = n.name ?? "Unnamed signer";
-	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S(y, {
+	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(_, {
 		variant: "body1",
 		component: "span",
-		children: [n.userId ? /* @__PURE__ */ x(g, {
+		children: [n.userId ? /* @__PURE__ */ y(h, {
 			href: `${e.PORTAL}Profile:${n.userId}`,
 			target: "_blank",
 			rel: "noopener",
 			children: r
-		}) : /* @__PURE__ */ x(b, { children: r }), j(n)]
-	}), n.declinedReason && /* @__PURE__ */ x(y, {
+		}) : /* @__PURE__ */ y(v, { children: r }), A(n)]
+	}), n.declinedReason && /* @__PURE__ */ y(_, {
 		variant: "body1",
 		component: "blockquote",
-		sx: k,
+		sx: O,
 		children: n.declinedReason
 	})] });
 }
 //#endregion
-export { A as default };
+export { k as default };
 
 //# sourceMappingURL=SignatureStatusStep.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureStatusStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useGetDataAccessRequestSignatureStatus,\n  useGetDataAccessRequestSignatureUpdatable,\n  useGetDataAccessRequestSignedFileHandleId,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport { formatDate } from '@/utils/functions/DateFormatter'\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  SxProps,\n  Typography,\n} from '@mui/material'\nimport {\n  EDucSignerStatus,\n  EDucSignerStatusStatusEnum,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  FileHandleAssociateType,\n  RestrictableObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useState } from 'react'\nimport IconSvg from '../../../IconSvg/IconSvg'\nimport { longFieldLabelSx } from '../styles'\nimport { RequestFlowAccessRequirement } from '../requestFlowTypes'\n\n/** Browser defaults indent a blockquote far too much for a nested list item. */\nconst declinedReasonSx: SxProps = {\n  mx: 0,\n  my: 0.5,\n  pl: 1.5,\n  borderLeft: '3px solid',\n  borderColor: 'grey.300',\n  color: 'grey.700',\n}\n\nexport type SignatureStatusStepProps = {\n  managedACTAccessRequirement: RequestFlowAccessRequirement\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  // Whether going Back could still deliver edits to this envelope is the server's call -- it knows\n  // every state DocuSign will refuse to correct. Only the copy below depends on it, so a stale or\n  // failed answer simply withholds the guidance rather than blocking the step.\n  const { data: isEnvelopeUpdatable } =\n    useGetDataAccessRequestSignatureUpdatable(requestId, {\n      enabled: Boolean(requestId) && !allCollected,\n    })\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        {/* Editing is only worth offering while signatures are still outstanding -- once every\n            signer is done the user should simply submit. Withheld until both the status and the\n            precheck resolve, so the copy neither appears and then vanishes nor promises that\n            existing signatures carry over when the server has already ruled that out. */}\n        {onBackClicked &&\n          signatureStatus &&\n          !allCollected &&\n          isEnvelopeUpdatable && (\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n              You can update the list of Collaborators by pressing{' '}\n              <strong>Back</strong>. Your changes will be applied to this\n              signature request, so anyone who has already signed will not need\n              to sign again.\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\n/**\n * Only surface non-pending problem states inline; pending is implied by the section header. A\n * decline carries a timestamp, which folds into the label so the row doesn't read \"(declined)\"\n * and then repeat itself underneath.\n */\nfunction getSignerStatusLabel(signer: EDucSignerStatus): string {\n  if (\n    !signer.status ||\n    signer.status === EDucSignerStatusStatusEnum.pending ||\n    signer.status === EDucSignerStatusStatusEnum.done\n  ) {\n    return ''\n  }\n  if (\n    signer.status === EDucSignerStatusStatusEnum.declined &&\n    signer.declinedOn\n  ) {\n    return ` (declined ${formatDate(dayjs(signer.declinedOn))})`\n  }\n  return ` (${signer.status})`\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  return (\n    <>\n      <Typography variant={'body1'} component={'span'}>\n        {nameNode}\n        {getSignerStatusLabel(signer)}\n      </Typography>\n      {/* The reason is the signer's own words, so it is quoted rather than restated as UI copy. */}\n      {signer.declinedReason && (\n        <Typography\n          variant={'body1'}\n          component={'blockquote'}\n          sx={declinedReasonSx}\n        >\n          {signer.declinedReason}\n        </Typography>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SignatureStatusStep.js","names":[],"sources":["../../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/SignatureStatusStep/SignatureStatusStep.tsx"],"sourcesContent":["import {\n  useGetDataAccessRequestForUpdate,\n  useGetDataAccessRequestPreview,\n  useGetDataAccessRequestSignatureStatus,\n  useGetDataAccessRequestSignatureUpdatable,\n  useGetDataAccessRequestSignedFileHandleId,\n  useSubmitDataAccessRequest,\n  useUpdateDataAccessRequest,\n} from '@/synapse-queries'\nimport SynapseClient from '@/synapse-client'\nimport { formatDate } from '@/utils/functions/DateFormatter'\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  Link,\n  Skeleton,\n  Stack,\n  SxProps,\n  Typography,\n} from '@mui/material'\nimport {\n  EDucSignerStatus,\n  EDucSignerStatusStatusEnum,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  FileHandleAssociateType,\n  RestrictableObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useState } from 'react'\nimport { DialogBaseTitle } from '../../../DialogBase'\nimport { longFieldLabelSx } from '../styles'\nimport { RequestFlowAccessRequirement } from '../requestFlowTypes'\n\n/** Browser defaults indent a blockquote far too much for a nested list item. */\nconst declinedReasonSx: SxProps = {\n  mx: 0,\n  my: 0.5,\n  pl: 1.5,\n  borderLeft: '3px solid',\n  borderColor: 'grey.300',\n  color: 'grey.700',\n}\n\nexport type SignatureStatusStepProps = {\n  managedACTAccessRequirement: RequestFlowAccessRequirement\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  // Whether going Back could still deliver edits to this envelope is the server's call -- it knows\n  // every state DocuSign will refuse to correct. Only the copy below depends on it, so a stale or\n  // failed answer simply withholds the guidance rather than blocking the step.\n  const { data: isEnvelopeUpdatable } =\n    useGetDataAccessRequestSignatureUpdatable(requestId, {\n      enabled: Boolean(requestId) && !allCollected,\n    })\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      <DialogBaseTitle title={'Request Access'} onCancel={onHide} />\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        {/* Editing is only worth offering while signatures are still outstanding -- once every\n            signer is done the user should simply submit. Withheld until both the status and the\n            precheck resolve, so the copy neither appears and then vanishes nor promises that\n            existing signatures carry over when the server has already ruled that out. */}\n        {onBackClicked &&\n          signatureStatus &&\n          !allCollected &&\n          isEnvelopeUpdatable && (\n            <Typography variant={'body1'} sx={{ ...longFieldLabelSx, mb: 3 }}>\n              You can update the list of Collaborators by pressing{' '}\n              <strong>Back</strong>. Your changes will be applied to this\n              signature request, so anyone who has already signed will not need\n              to sign again.\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\n/**\n * Only surface non-pending problem states inline; pending is implied by the section header. A\n * decline carries a timestamp, which folds into the label so the row doesn't read \"(declined)\"\n * and then repeat itself underneath.\n */\nfunction getSignerStatusLabel(signer: EDucSignerStatus): string {\n  if (\n    !signer.status ||\n    signer.status === EDucSignerStatusStatusEnum.pending ||\n    signer.status === EDucSignerStatusStatusEnum.done\n  ) {\n    return ''\n  }\n  if (\n    signer.status === EDucSignerStatusStatusEnum.declined &&\n    signer.declinedOn\n  ) {\n    return ` (declined ${formatDate(dayjs(signer.declinedOn))})`\n  }\n  return ` (${signer.status})`\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  return (\n    <>\n      <Typography variant={'body1'} component={'span'}>\n        {nameNode}\n        {getSignerStatusLabel(signer)}\n      </Typography>\n      {/* The reason is the signer's own words, so it is quoted rather than restated as UI copy. */}\n      {signer.declinedReason && (\n        <Typography\n          variant={'body1'}\n          component={'blockquote'}\n          sx={declinedReasonSx}\n        >\n          {signer.declinedReason}\n        </Typography>\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,9 +1,10 @@
 import { ManagedACTAccessRequirement } from '@sage-bionetworks/synapse-types';
+import { RequestableAccessRequirement } from '../RequestDataStep';
 /**
  * The part of an access requirement that every data access request step needs. Satisfied by any access requirement
  * type that supports the data access request flow.
  */
-export type RequestFlowAccessRequirement = Pick<ManagedACTAccessRequirement, 'id'> & Partial<Pick<ManagedACTAccessRequirement, 'eDucTemplateId'>>;
+export type RequestFlowAccessRequirement = Pick<RequestableAccessRequirement, 'id' | 'concreteType'> & Partial<Pick<ManagedACTAccessRequirement, 'eDucTemplateId'>>;
 /**
  * The part of an access requirement that determines how accessors are collected and which documents are requested.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"requestFlowTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/requestFlowTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAA;AAE7E;;;GAGG;AACH,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,2BAA2B,EAC3B,IAAI,CACL,GACC,OAAO,CAAC,IAAI,CAAC,2BAA2B,EAAE,gBAAgB,CAAC,CAAC,CAAA;AAE9D;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG,4BAA4B,GACtE,OAAO,CACL,IAAI,CACF,2BAA2B,EACzB,yBAAyB,GACzB,4BAA4B,GAC5B,eAAe,GACf,yBAAyB,CAC5B,CACF,CAAA"}
+{"version":3,"file":"requestFlowTypes.d.ts","sourceRoot":"","sources":["../../../../src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/requestFlowTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAA;AAC7E,OAAO,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAA;AAEjE;;;GAGG;AACH,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,4BAA4B,EAC5B,IAAI,GAAG,cAAc,CACtB,GACC,OAAO,CAAC,IAAI,CAAC,2BAA2B,EAAE,gBAAgB,CAAC,CAAC,CAAA;AAE9D;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG,4BAA4B,GACtE,OAAO,CACL,IAAI,CACF,2BAA2B,EACzB,yBAAyB,GACzB,4BAA4B,GAC5B,eAAe,GACf,yBAAyB,CAC5B,CACF,CAAA"}