synapse-react-client 4.0.32 → 4.0.34

package/dist/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.js

@@ -2,17 +2,18 @@ import { DAY_IN_MS as e } from "../../utils/SynapseConstants.js";
 import { SynapseErrorBoundary as t } from "../error/ErrorBanner.js";
 import { SynapseSpinner as n } from "../LoadingScreen/LoadingScreen.js";
 import { useGetAccessRequirements as r, useUpdateAccessRequirement as i } from "../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useListEDucTemplates as a } from "../../synapse-queries/dataaccess/useEDuc.js";
 import "../../synapse-queries/index.js";
-import { UploadDocumentField as a } from "../AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.js";
-import { AccessRequirementWikiInstructions as o } from "../SetBasicAccessRequirementFields/AccessRequirementWikiInstructions.js";
-import { AccessorRequirements as s } from "../SetBasicAccessRequirementFields/AccessorRequirements.js";
+import { UploadDocumentField as o } from "../AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField.js";
+import { AccessRequirementWikiInstructions as s } from "../SetBasicAccessRequirementFields/AccessRequirementWikiInstructions.js";
+import { AccessorRequirements as c } from "../SetBasicAccessRequirementFields/AccessorRequirements.js";
 import "../SetBasicAccessRequirementFields/index.js";
-import { forwardRef as c, useEffect as l, useImperativeHandle as u, useMemo as d, useState as f } from "react";
-import { Alert as p, Box as m, Checkbox as h, FormControlLabel as g, TextField as _, Typography as v } from "@mui/material";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { FileHandleAssociateType as S } from "@sage-bionetworks/synapse-types";
+import { forwardRef as l, useEffect as u, useImperativeHandle as d, useMemo as f, useState as p } from "react";
+import { Alert as m, Autocomplete as h, Box as g, Checkbox as _, FormControlLabel as v, TextField as y, Typography as b } from "@mui/material";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { FileHandleAssociateType as w } from "@sage-bionetworks/synapse-types";
 //#region src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx
-var C = "There was an error uploading the DUC template. ", w = (t) => {
+var T = "There was an error uploading the DUC template. ", E = (t) => {
 	if (t === "") return 0;
 	let n = "Please enter a valid expiration period (in days): ";
 	if (/^[-]?\d+$/.test(t)) {
@@ -20,46 +21,51 @@ var C = "There was an error uploading the DUC template. ", w = (t) => {
 		return r < 0 ? `${n}If expiration period is set, then it must be greater than 0.` : r * e;
 	}
 	return `${n}For input string: "${t}"`;
-}, T = c(function(c, T) {
-	let { accessRequirementId: E, onSave: D, onError: O } = c, { data: k, error: A } = r(E, { staleTime: Infinity });
-	l(() => {
-		k && (I(k), R((k.expirationPeriod / e).toString()));
-	}, [k]);
-	let [j, M] = f(null), [N, P] = f(null), [F, I] = f(null), [L, R] = f(""), z = d(() => {
-		if (F?.ducTemplateFileHandleId) return {
-			fileHandleId: F.ducTemplateFileHandleId,
-			associateObjectType: S.AccessRequirementAttachment,
-			associateObjectId: F.id.toString()
+}, D = l(function(l, D) {
+	let { accessRequirementId: O, onSave: k, onError: A } = l, { data: j, error: M } = r(O, { staleTime: Infinity });
+	u(() => {
+		j && (R(j), B((j.expirationPeriod / e).toString()));
+	}, [j]);
+	let [N, P] = p(null), [F, I] = p(null), [L, R] = p(null), [z, B] = p(""), V = f(() => {
+		if (L?.ducTemplateFileHandleId) return {
+			fileHandleId: L.ducTemplateFileHandleId,
+			associateObjectType: w.AccessRequirementAttachment,
+			associateObjectId: L.id.toString()
 		};
-	}, [F?.ducTemplateFileHandleId, F?.id]), B = (e) => {
-		if (e.resp && e.success && F) {
-			M(null);
+	}, [L?.ducTemplateFileHandleId, L?.id]), { data: H, isLoading: U, hasNextPage: W, fetchNextPage: G } = a();
+	u(() => {
+		W && G();
+	}, [W, G]);
+	let K = f(() => H?.pages.flatMap((e) => e.results ?? []) ?? [], [H]), q = f(() => K.find((e) => e.templateId === L?.eDucTemplateId) ?? null, [K, L?.eDucTemplateId]), J = (e) => {
+		if (e.resp && e.success && L) {
+			P(null);
 			let t = e.resp;
-			I({
-				...F,
-				ducTemplateFileHandleId: t.fileHandleId
+			R({
+				...L,
+				ducTemplateFileHandleId: t.fileHandleId,
+				eDucTemplateId: void 0
 			});
-		} else !e.success && e.error && M(`${C} ${e.error.reason}`);
-	}, { mutate: V, isPending: H, error: U } = i({
-		onSuccess: () => D(),
-		onError: () => O()
+		} else !e.success && e.error && P(`${T} ${e.error.reason}`);
+	}, { mutate: Y, isPending: X, error: Z } = i({
+		onSuccess: () => k(),
+		onError: () => A()
 	});
-	return u(T, () => ({ save() {
-		if (F) {
-			let e = w(L);
-			typeof e == "string" ? (P(e), O()) : V({
-				...F,
+	return d(D, () => ({ save() {
+		if (L) {
+			let e = E(z);
+			typeof e == "string" ? (I(e), A()) : Y({
+				...L,
 				expirationPeriod: e
 			});
 		}
 	} }), [
+		z,
 		L,
-		F,
-		V,
-		O
-	]), F ? /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b(o, { accessRequirement: F }),
-		/* @__PURE__ */ x(m, { children: [/* @__PURE__ */ b(v, {
+		Y,
+		A
+	]), L ? /* @__PURE__ */ C(x, { children: [
+		/* @__PURE__ */ S(s, { accessRequirement: L }),
+		/* @__PURE__ */ C(g, { children: [/* @__PURE__ */ S(b, {
 			sx: {
 				bgcolor: "#f5f5f5",
 				borderBottom: "1px solid #ddd",
@@ -68,103 +74,125 @@ var C = "There was an error uploading the DUC template. ", w = (t) => {
 				py: 1
 			},
 			children: "Data Access Request Parameters"
-		}), /* @__PURE__ */ x(m, {
+		}), /* @__PURE__ */ C(g, {
 			sx: {
 				mt: 2,
 				mb: 4
 			},
-			children: [/* @__PURE__ */ b(s, {
-				accessRequirement: F,
-				onChange: (e) => I(e)
-			}), /* @__PURE__ */ x(m, {
+			children: [/* @__PURE__ */ S(c, {
+				accessRequirement: L,
+				onChange: (e) => R(e)
+			}), /* @__PURE__ */ C(g, {
 				sx: { mb: 2 },
 				children: [
-					/* @__PURE__ */ b(v, {
+					/* @__PURE__ */ S(b, {
 						variant: "body1",
 						sx: { fontWeight: 700 },
 						children: "DUC"
 					}),
-					/* @__PURE__ */ b(g, {
-						control: /* @__PURE__ */ b(h, {}),
+					/* @__PURE__ */ S(v, {
+						control: /* @__PURE__ */ S(_, {}),
 						label: "DUC is required.",
-						checked: F.isDUCRequired,
-						onChange: (e, t) => I({
-							...F,
+						checked: L.isDUCRequired,
+						onChange: (e, t) => R({
+							...L,
 							isDUCRequired: t
 						})
 					}),
-					/* @__PURE__ */ x(t, { children: [/* @__PURE__ */ b(a, {
+					/* @__PURE__ */ C(t, { children: [/* @__PURE__ */ S(o, {
 						id: "duc",
-						isLoading: H,
-						uploadCallback: (e) => B(e),
+						isLoading: X,
+						disabled: !L.isDUCRequired,
+						uploadCallback: (e) => J(e),
 						documentName: "Template DUC",
-						fileHandleAssociations: z ? [z] : void 0,
+						fileHandleAssociations: V ? [V] : void 0,
 						isMultiFileUpload: !1,
 						uploadBtnVariant: "contained"
-					}), j && /* @__PURE__ */ b(p, {
+					}), N && /* @__PURE__ */ S(m, {
 						severity: "error",
 						sx: { marginTop: 2 },
-						children: j
+						children: N
 					})] }),
-					/* @__PURE__ */ b(g, {
+					/* @__PURE__ */ S(g, {
+						sx: { mt: 2 },
+						children: /* @__PURE__ */ S(h, {
+							id: "eDucTemplate",
+							options: K,
+							loading: U,
+							disabled: !L.isDUCRequired,
+							value: q,
+							onChange: (e, t) => R({
+								...L,
+								eDucTemplateId: t?.templateId
+							}),
+							getOptionLabel: (e) => e.name ?? "",
+							isOptionEqualToValue: (e, t) => e.templateId === t.templateId,
+							renderInput: (e) => /* @__PURE__ */ S(y, {
+								...e,
+								label: "eDUC template (electronic signing)",
+								helperText: "Optional. Select a DocuSign template to enable the eDUC signing flow for this Access Requirement."
+							})
+						})
+					}),
+					/* @__PURE__ */ S(v, {
 						label: "IRB approval is required.",
-						checked: F.isIRBApprovalRequired,
-						control: /* @__PURE__ */ b(h, {}),
-						onChange: (e, t) => I({
-							...F,
+						checked: L.isIRBApprovalRequired,
+						control: /* @__PURE__ */ S(_, {}),
+						onChange: (e, t) => R({
+							...L,
 							isIRBApprovalRequired: t
 						}),
 						sx: { ml: 0 }
 					}),
-					/* @__PURE__ */ b(g, {
-						control: /* @__PURE__ */ b(h, {}),
+					/* @__PURE__ */ S(v, {
+						control: /* @__PURE__ */ S(_, {}),
 						label: "Other documents are required.",
-						checked: F.areOtherAttachmentsRequired,
-						onChange: (e, t) => I({
-							...F,
+						checked: L.areOtherAttachmentsRequired,
+						onChange: (e, t) => R({
+							...L,
 							areOtherAttachmentsRequired: t
 						})
 					}),
-					/* @__PURE__ */ b(_, {
+					/* @__PURE__ */ S(y, {
 						id: "expirationPeriod",
 						name: "expirationPeriod",
 						label: "Expiration period (days)",
-						value: L,
-						error: !!N,
-						helperText: N,
+						value: z,
+						error: !!F,
+						helperText: F,
 						sx: { mt: 1 },
 						fullWidth: !0,
 						onChange: (e) => {
-							P(null), R(e.target.value);
+							I(null), B(e.target.value);
 						},
 						onBlur: () => {
-							let e = w(L);
-							typeof e == "string" && P(e);
+							let e = E(z);
+							typeof e == "string" && I(e);
 						}
 					}),
-					/* @__PURE__ */ x(m, {
+					/* @__PURE__ */ C(g, {
 						sx: { mt: 1 },
-						children: [/* @__PURE__ */ b(g, {
-							control: /* @__PURE__ */ b(h, {}),
+						children: [/* @__PURE__ */ S(v, {
+							control: /* @__PURE__ */ S(_, {}),
 							label: "Intended Data Use statement is required.",
-							checked: F.isIDURequired,
+							checked: L.isIDURequired,
 							onChange: (e, t) => {
-								I(t ? {
-									...F,
+								R(t ? {
+									...L,
 									isIDURequired: !0
 								} : {
-									...F,
+									...L,
 									isIDURequired: !1,
 									isIDUPublic: !1
 								});
 							}
-						}), /* @__PURE__ */ b(g, {
-							control: /* @__PURE__ */ b(h, {}),
+						}), /* @__PURE__ */ S(v, {
+							control: /* @__PURE__ */ S(_, {}),
 							label: "Intended Data Use statements will be publicly available.",
-							checked: F.isIDUPublic,
-							disabled: !F.isIDURequired,
-							onChange: (e, t) => I({
-								...F,
+							checked: L.isIDUPublic,
+							disabled: !L.isIDURequired,
+							onChange: (e, t) => R({
+								...L,
 								isIDUPublic: t
 							})
 						})]
@@ -172,17 +200,17 @@ var C = "There was an error uploading the DUC template. ", w = (t) => {
 				]
 			})]
 		})] }),
-		U && /* @__PURE__ */ b(p, {
+		Z && /* @__PURE__ */ S(m, {
 			severity: "error",
 			sx: { marginTop: 2 },
-			children: U.reason
+			children: Z.reason
 		})
-	] }) : A ? /* @__PURE__ */ b(p, {
+	] }) : M ? /* @__PURE__ */ S(m, {
 		severity: "error",
-		children: A.reason
-	}) : /* @__PURE__ */ b(n, {});
+		children: M.reason
+	}) : /* @__PURE__ */ S(n, {});
 });
 //#endregion
-export { C as DUC_TEMPLATE_UPLOAD_ERROR, T as SetManagedAccessRequirementFields, w as getValidExpirationPeriodOrErrorMessage };
+export { T as DUC_TEMPLATE_UPLOAD_ERROR, D as SetManagedAccessRequirementFields, E as getValidExpirationPeriodOrErrorMessage };
 
 //# sourceMappingURL=SetManagedAccessRequirementFields.js.map

package/dist/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetManagedAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { DAY_IN_MS } from '@/utils/SynapseConstants'\nimport {\n  Alert,\n  Box,\n  Checkbox,\n  FormControlLabel,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  FileUploadComplete,\n  ManagedACTAccessRequirement,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { UploadDocumentField } from '../AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  AccessorRequirements,\n  AccessRequirementWikiInstructions,\n} from '../SetBasicAccessRequirementFields'\n\nexport const DUC_TEMPLATE_UPLOAD_ERROR =\n  'There was an error uploading the DUC template. '\n\nexport const getValidExpirationPeriodOrErrorMessage = (\n  expirationPeriodDays: string,\n) => {\n  if (expirationPeriodDays === '') return 0\n\n  const msgPrefix = 'Please enter a valid expiration period (in days): '\n  if (/^[-]?\\d+$/.test(expirationPeriodDays)) {\n    const num = Number(expirationPeriodDays)\n    if (num < 0) {\n      return `${msgPrefix}If expiration period is set, then it must be greater than 0.`\n    }\n    return num * DAY_IN_MS\n  }\n  return `${msgPrefix}For input string: \"${expirationPeriodDays}\"`\n}\n\nexport type SetManagedAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetManagedAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n}\n\nexport const SetManagedAccessRequirementFields = forwardRef(\n  function SetManagedAccessRequirementFields(\n    props: SetManagedAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetManagedAccessRequirementFieldsHandle>,\n  ) {\n    const { accessRequirementId, onSave, onError } = props\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<ManagedACTAccessRequirement>(\n        accessRequirementId,\n        { staleTime: Infinity },\n      )\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n        setExpirationPeriodDays(\n          (accessRequirement.expirationPeriod / DAY_IN_MS).toString(),\n        )\n      }\n    }, [accessRequirement])\n\n    const [uploadDucTemplateError, setUploadDucTemplateError] = useState<\n      string | null\n    >(null)\n    const [expirationPeriodError, setExpirationPeriodError] = useState<\n      string | null\n    >(null)\n\n    const [updatedAr, setUpdatedAr] =\n      useState<ManagedACTAccessRequirement | null>(null)\n    const [expirationPeriodDays, setExpirationPeriodDays] = useState<string>('')\n\n    const ducTemplateFileHandleAssociation = useMemo(() => {\n      if (updatedAr?.ducTemplateFileHandleId) {\n        const ducTemplateFileHandleAssociation: FileHandleAssociation = {\n          fileHandleId: updatedAr.ducTemplateFileHandleId,\n          associateObjectType:\n            FileHandleAssociateType.AccessRequirementAttachment,\n          associateObjectId: updatedAr.id.toString(),\n        }\n        return ducTemplateFileHandleAssociation\n      }\n      return undefined\n    }, [updatedAr?.ducTemplateFileHandleId, updatedAr?.id])\n\n    const uploadDucTemplateCallback = (data: UploadCallbackResp) => {\n      if (data.resp && data.success && updatedAr) {\n        setUploadDucTemplateError(null)\n        // Files are uploaded and synced with the server immediately\n        const uploadResponse: FileUploadComplete = data.resp\n        setUpdatedAr({\n          ...updatedAr,\n          ducTemplateFileHandleId: uploadResponse.fileHandleId,\n        })\n      } else if (!data.success && data.error) {\n        setUploadDucTemplateError(\n          `${DUC_TEMPLATE_UPLOAD_ERROR} ${\n            (data.error as SynapseClientError).reason\n          }`,\n        )\n      }\n    }\n\n    const {\n      mutate: updateAccessRequirement,\n      isPending: isUpdatingAccessRequirement,\n      error: updateArError,\n    } = useUpdateAccessRequirement<ManagedACTAccessRequirement>({\n      onSuccess: () => onSave(),\n      onError: () => onError(),\n    })\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) {\n            const expirationPeriodOrErrorMessage =\n              getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n            if (typeof expirationPeriodOrErrorMessage === 'string') {\n              setExpirationPeriodError(expirationPeriodOrErrorMessage)\n              onError()\n            } else {\n              updateAccessRequirement({\n                ...updatedAr,\n                expirationPeriod: expirationPeriodOrErrorMessage,\n              })\n            }\n          }\n        },\n      }\n    }, [expirationPeriodDays, updatedAr, updateAccessRequirement, onError])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <Box>\n          <Typography\n            sx={{\n              bgcolor: '#f5f5f5',\n              borderBottom: '1px solid #ddd',\n              color: '#333',\n              px: 2,\n              py: 1,\n            }}\n          >\n            Data Access Request Parameters\n          </Typography>\n          <Box\n            sx={{\n              mt: 2,\n              mb: 4,\n            }}\n          >\n            <AccessorRequirements\n              accessRequirement={updatedAr}\n              onChange={updatedAr =>\n                setUpdatedAr(updatedAr as ManagedACTAccessRequirement)\n              }\n            />\n            <Box\n              sx={{\n                mb: 2,\n              }}\n            >\n              <Typography\n                variant=\"body1\"\n                sx={{\n                  fontWeight: 700,\n                }}\n              >\n                DUC\n              </Typography>\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"DUC is required.\"\n                checked={updatedAr.isDUCRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isDUCRequired: checked,\n                  })\n                }\n              />\n              <SynapseErrorBoundary>\n                <UploadDocumentField\n                  id=\"duc\"\n                  isLoading={isUpdatingAccessRequirement}\n                  uploadCallback={resp => uploadDucTemplateCallback(resp)}\n                  documentName=\"Template DUC\"\n                  fileHandleAssociations={\n                    ducTemplateFileHandleAssociation\n                      ? [ducTemplateFileHandleAssociation]\n                      : undefined\n                  }\n                  isMultiFileUpload={false}\n                  uploadBtnVariant=\"contained\"\n                />\n                {uploadDucTemplateError && (\n                  <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n                    {uploadDucTemplateError}\n                  </Alert>\n                )}\n              </SynapseErrorBoundary>\n              <FormControlLabel\n                label=\"IRB approval is required.\"\n                checked={updatedAr.isIRBApprovalRequired}\n                control={<Checkbox />}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isIRBApprovalRequired: checked,\n                  })\n                }\n                sx={{ ml: 0 }}\n              />\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"Other documents are required.\"\n                checked={updatedAr.areOtherAttachmentsRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    areOtherAttachmentsRequired: checked,\n                  })\n                }\n              />\n              <TextField\n                id=\"expirationPeriod\"\n                name=\"expirationPeriod\"\n                label=\"Expiration period (days)\"\n                value={expirationPeriodDays}\n                error={Boolean(expirationPeriodError)}\n                helperText={expirationPeriodError}\n                sx={{ mt: 1 }}\n                fullWidth\n                onChange={event => {\n                  setExpirationPeriodError(null)\n                  setExpirationPeriodDays(event.target.value)\n                }}\n                onBlur={() => {\n                  const expirationPeriodOrErrorMessage =\n                    getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n                  if (typeof expirationPeriodOrErrorMessage === 'string') {\n                    setExpirationPeriodError(expirationPeriodOrErrorMessage)\n                  }\n                }}\n              />\n              <Box\n                sx={{\n                  mt: 1,\n                }}\n              >\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statement is required.\"\n                  checked={updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) => {\n                    if (checked) {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: true,\n                      })\n                    } else {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: false,\n                        isIDUPublic: false,\n                      })\n                    }\n                  }}\n                />\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statements will be publicly available.\"\n                  checked={updatedAr.isIDUPublic}\n                  disabled={!updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) =>\n                    setUpdatedAr({\n                      ...updatedAr,\n                      isIDUPublic: checked,\n                    })\n                  }\n                />\n              </Box>\n            </Box>\n          </Box>\n        </Box>\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":"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"}
+{"version":3,"file":"SetManagedAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useListEDucTemplates,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { DAY_IN_MS } from '@/utils/SynapseConstants'\nimport {\n  Alert,\n  Autocomplete,\n  Box,\n  Checkbox,\n  FormControlLabel,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { EDucTemplate } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  FileUploadComplete,\n  ManagedACTAccessRequirement,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { UploadDocumentField } from '../AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  AccessorRequirements,\n  AccessRequirementWikiInstructions,\n} from '../SetBasicAccessRequirementFields'\n\nexport const DUC_TEMPLATE_UPLOAD_ERROR =\n  'There was an error uploading the DUC template. '\n\nexport const getValidExpirationPeriodOrErrorMessage = (\n  expirationPeriodDays: string,\n) => {\n  if (expirationPeriodDays === '') return 0\n\n  const msgPrefix = 'Please enter a valid expiration period (in days): '\n  if (/^[-]?\\d+$/.test(expirationPeriodDays)) {\n    const num = Number(expirationPeriodDays)\n    if (num < 0) {\n      return `${msgPrefix}If expiration period is set, then it must be greater than 0.`\n    }\n    return num * DAY_IN_MS\n  }\n  return `${msgPrefix}For input string: \"${expirationPeriodDays}\"`\n}\n\nexport type SetManagedAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetManagedAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n}\n\nexport const SetManagedAccessRequirementFields = forwardRef(\n  function SetManagedAccessRequirementFields(\n    props: SetManagedAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetManagedAccessRequirementFieldsHandle>,\n  ) {\n    const { accessRequirementId, onSave, onError } = props\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<ManagedACTAccessRequirement>(\n        accessRequirementId,\n        { staleTime: Infinity },\n      )\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n        setExpirationPeriodDays(\n          (accessRequirement.expirationPeriod / DAY_IN_MS).toString(),\n        )\n      }\n    }, [accessRequirement])\n\n    const [uploadDucTemplateError, setUploadDucTemplateError] = useState<\n      string | null\n    >(null)\n    const [expirationPeriodError, setExpirationPeriodError] = useState<\n      string | null\n    >(null)\n\n    const [updatedAr, setUpdatedAr] =\n      useState<ManagedACTAccessRequirement | null>(null)\n    const [expirationPeriodDays, setExpirationPeriodDays] = useState<string>('')\n\n    const ducTemplateFileHandleAssociation = useMemo(() => {\n      if (updatedAr?.ducTemplateFileHandleId) {\n        const ducTemplateFileHandleAssociation: FileHandleAssociation = {\n          fileHandleId: updatedAr.ducTemplateFileHandleId,\n          associateObjectType:\n            FileHandleAssociateType.AccessRequirementAttachment,\n          associateObjectId: updatedAr.id.toString(),\n        }\n        return ducTemplateFileHandleAssociation\n      }\n      return undefined\n    }, [updatedAr?.ducTemplateFileHandleId, updatedAr?.id])\n\n    const {\n      data: eDucTemplateData,\n      isLoading: isLoadingEDucTemplates,\n      hasNextPage: hasNextEDucTemplatePage,\n      fetchNextPage: fetchNextEDucTemplatePage,\n    } = useListEDucTemplates()\n    // Auto-fetch all pages so the dropdown always shows the complete template list.\n    useEffect(() => {\n      if (hasNextEDucTemplatePage) {\n        void fetchNextEDucTemplatePage()\n      }\n    }, [hasNextEDucTemplatePage, fetchNextEDucTemplatePage])\n    const eDucTemplates = useMemo(\n      () => eDucTemplateData?.pages.flatMap(page => page.results ?? []) ?? [],\n      [eDucTemplateData],\n    )\n    const selectedEDucTemplate = useMemo(\n      () =>\n        eDucTemplates.find(\n          template => template.templateId === updatedAr?.eDucTemplateId,\n        ) ?? null,\n      [eDucTemplates, updatedAr?.eDucTemplateId],\n    )\n\n    const uploadDucTemplateCallback = (data: UploadCallbackResp) => {\n      if (data.resp && data.success && updatedAr) {\n        setUploadDucTemplateError(null)\n        // Files are uploaded and synced with the server immediately\n        const uploadResponse: FileUploadComplete = data.resp\n        setUpdatedAr({\n          ...updatedAr,\n          ducTemplateFileHandleId: uploadResponse.fileHandleId,\n          eDucTemplateId: undefined, // mutually exclusive with file upload\n        })\n      } else if (!data.success && data.error) {\n        setUploadDucTemplateError(\n          `${DUC_TEMPLATE_UPLOAD_ERROR} ${\n            (data.error as SynapseClientError).reason\n          }`,\n        )\n      }\n    }\n\n    const {\n      mutate: updateAccessRequirement,\n      isPending: isUpdatingAccessRequirement,\n      error: updateArError,\n    } = useUpdateAccessRequirement<ManagedACTAccessRequirement>({\n      onSuccess: () => onSave(),\n      onError: () => onError(),\n    })\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) {\n            const expirationPeriodOrErrorMessage =\n              getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n            if (typeof expirationPeriodOrErrorMessage === 'string') {\n              setExpirationPeriodError(expirationPeriodOrErrorMessage)\n              onError()\n            } else {\n              updateAccessRequirement({\n                ...updatedAr,\n                expirationPeriod: expirationPeriodOrErrorMessage,\n              })\n            }\n          }\n        },\n      }\n    }, [expirationPeriodDays, updatedAr, updateAccessRequirement, onError])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <Box>\n          <Typography\n            sx={{\n              bgcolor: '#f5f5f5',\n              borderBottom: '1px solid #ddd',\n              color: '#333',\n              px: 2,\n              py: 1,\n            }}\n          >\n            Data Access Request Parameters\n          </Typography>\n          <Box\n            sx={{\n              mt: 2,\n              mb: 4,\n            }}\n          >\n            <AccessorRequirements\n              accessRequirement={updatedAr}\n              onChange={updatedAr =>\n                setUpdatedAr(updatedAr as ManagedACTAccessRequirement)\n              }\n            />\n            <Box\n              sx={{\n                mb: 2,\n              }}\n            >\n              <Typography\n                variant=\"body1\"\n                sx={{\n                  fontWeight: 700,\n                }}\n              >\n                DUC\n              </Typography>\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"DUC is required.\"\n                checked={updatedAr.isDUCRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isDUCRequired: checked,\n                  })\n                }\n              />\n              <SynapseErrorBoundary>\n                <UploadDocumentField\n                  id=\"duc\"\n                  isLoading={isUpdatingAccessRequirement}\n                  disabled={!updatedAr.isDUCRequired}\n                  uploadCallback={resp => uploadDucTemplateCallback(resp)}\n                  documentName=\"Template DUC\"\n                  fileHandleAssociations={\n                    ducTemplateFileHandleAssociation\n                      ? [ducTemplateFileHandleAssociation]\n                      : undefined\n                  }\n                  isMultiFileUpload={false}\n                  uploadBtnVariant=\"contained\"\n                />\n                {uploadDucTemplateError && (\n                  <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n                    {uploadDucTemplateError}\n                  </Alert>\n                )}\n              </SynapseErrorBoundary>\n              <Box sx={{ mt: 2 }}>\n                <Autocomplete<EDucTemplate>\n                  id=\"eDucTemplate\"\n                  options={eDucTemplates}\n                  loading={isLoadingEDucTemplates}\n                  disabled={!updatedAr.isDUCRequired}\n                  value={selectedEDucTemplate}\n                  onChange={(_event, template) =>\n                    setUpdatedAr({\n                      ...updatedAr,\n                      eDucTemplateId: template?.templateId,\n                    })\n                  }\n                  getOptionLabel={template => template.name ?? ''}\n                  isOptionEqualToValue={(option, value) =>\n                    option.templateId === value.templateId\n                  }\n                  renderInput={params => (\n                    <TextField\n                      {...params}\n                      label=\"eDUC template (electronic signing)\"\n                      helperText=\"Optional. Select a DocuSign template to enable the eDUC signing flow for this Access Requirement.\"\n                    />\n                  )}\n                />\n              </Box>\n              <FormControlLabel\n                label=\"IRB approval is required.\"\n                checked={updatedAr.isIRBApprovalRequired}\n                control={<Checkbox />}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isIRBApprovalRequired: checked,\n                  })\n                }\n                sx={{ ml: 0 }}\n              />\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"Other documents are required.\"\n                checked={updatedAr.areOtherAttachmentsRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    areOtherAttachmentsRequired: checked,\n                  })\n                }\n              />\n              <TextField\n                id=\"expirationPeriod\"\n                name=\"expirationPeriod\"\n                label=\"Expiration period (days)\"\n                value={expirationPeriodDays}\n                error={Boolean(expirationPeriodError)}\n                helperText={expirationPeriodError}\n                sx={{ mt: 1 }}\n                fullWidth\n                onChange={event => {\n                  setExpirationPeriodError(null)\n                  setExpirationPeriodDays(event.target.value)\n                }}\n                onBlur={() => {\n                  const expirationPeriodOrErrorMessage =\n                    getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n                  if (typeof expirationPeriodOrErrorMessage === 'string') {\n                    setExpirationPeriodError(expirationPeriodOrErrorMessage)\n                  }\n                }}\n              />\n              <Box\n                sx={{\n                  mt: 1,\n                }}\n              >\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statement is required.\"\n                  checked={updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) => {\n                    if (checked) {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: true,\n                      })\n                    } else {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: false,\n                        isIDUPublic: false,\n                      })\n                    }\n                  }}\n                />\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statements will be publicly available.\"\n                  checked={updatedAr.isIDUPublic}\n                  disabled={!updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) =>\n                    setUpdatedAr({\n                      ...updatedAr,\n                      isIDUPublic: checked,\n                    })\n                  }\n                />\n              </Box>\n            </Box>\n          </Box>\n        </Box>\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/components/StorybookComponentWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorybookComponentWrapper.d.ts","sourceRoot":"","sources":["../../src/components/StorybookComponentWrapper.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAa,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAIvE,OAAO,EACL,SAAS,EAOV,MAAM,OAAO,CAAA;AAoBd;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAC/C,QAAQ,EAAE,SAAS,CAAA;IAEnB,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,CAAC,EAAE,OAAO,CAAA;SAC1B,CAAA;QACD,OAAO,EAAE;YACP,KAAK,CAAC,EAAE,YAAY,CAAA;YACpB,sBAAsB,CAAC,EAAE,OAAO,CAAA;SACjC,CAAA;QACD,UAAU,EAAE;YACV,KAAK,CAAC,EAAE,YAAY,CAAA;YACpB,UAAU,CAAC,EAAE,OAAO,CAAA;YACpB,YAAY,CAAC,EAAE,OAAO,CAAA;SACvB,CAAA;KACF,CAAA;CACF,2CA4KA;AAED,eAAe,yBAAyB,CAAA"}
+{"version":3,"file":"StorybookComponentWrapper.d.ts","sourceRoot":"","sources":["../../src/components/StorybookComponentWrapper.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAa,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAIvE,OAAO,EACL,SAAS,EAOV,MAAM,OAAO,CAAA;AAoBd;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAC/C,QAAQ,EAAE,SAAS,CAAA;IAEnB,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,CAAC,EAAE,OAAO,CAAA;SAC1B,CAAA;QACD,OAAO,EAAE;YACP,KAAK,CAAC,EAAE,YAAY,CAAA;YACpB,sBAAsB,CAAC,EAAE,OAAO,CAAA;SACjC,CAAA;QACD,UAAU,EAAE;YACV,KAAK,CAAC,EAAE,YAAY,CAAA;YACpB,UAAU,CAAC,EAAE,OAAO,CAAA;YACpB,YAAY,CAAC,EAAE,OAAO,CAAA;SACvB,CAAA;KACF,CAAA;CACF,2CA2KA;AAED,eAAe,yBAAyB,CAAA"}

package/dist/components/StorybookComponentWrapper.js

@@ -26,9 +26,7 @@ function w(e) {
 }
 function T(t) {
 	let { storybookContext: o } = t, s = o.globals.stack || o.parameters.stack;
-	d(() => {
-		w(s);
-	}, [s]);
+	w(s);
 	let _ = m(C.subscribe, C.getSnapshot), T = p(!1);
 	d(() => (T.current ||= (C.start(), !0), () => {
 		C.dispose(), T.current = !1;

package/dist/components/StorybookComponentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"StorybookComponentWrapper.js","names":[],"sources":["../../src/components/StorybookComponentWrapper.tsx"],"sourcesContent":["import { StandaloneLoginForm } from '@/components/Authentication/index'\nimport SynapseClient from '@/synapse-client'\nimport {\n  defaultQueryClientConfig,\n  SynapseContextProvider,\n  SynapseContextType,\n} from '@/utils'\nimport { ApplicationSessionContextProvider } from '@/utils/AppUtils/session/ApplicationSessionContext'\nimport {\n  SynapseSessionManager,\n  type SessionState,\n} from '@/utils/AppUtils/session/SynapseSessionManager'\nimport { STACK_MAP, SynapseStack } from '@/utils/functions/getEndpoint'\nimport useDetectSSOCode from '@/utils/hooks/useDetectSSOCode'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ReactQueryDevtools } from '@tanstack/react-query-devtools'\nimport {\n  ReactNode,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react'\nimport { createMemoryRouter } from 'react-router'\nimport { RouterProvider } from 'react-router/dom'\nimport { SynapseToastContainer } from './ToastMessage'\n\nconst storybookQueryClient = new QueryClient(defaultQueryClientConfig)\n\n// Module-level session manager instance, stable across story switches (like the QueryClient above)\nconst sessionManager = new SynapseSessionManager({\n  onSessionInvalid: () => {\n    // In Storybook, just refresh the session instead of reloading the page\n    sessionManager.refreshSession()\n  },\n})\n\nfunction overrideEndpoint(stack: SynapseStack) {\n  const endpointConfig = STACK_MAP[stack]\n  ;(window as any)['SRC_OVERRIDE_ENDPOINT_CONFIG'] = endpointConfig\n}\n\n/**\n * Wraps storybook story components to ensure that all components receive required context.\n * @param props\n * @returns\n */\nexport function StorybookComponentWrapper(props: {\n  children: ReactNode\n  /* This will match the `globalTypes` object in preview.tsx. */\n  storybookContext: {\n    args: {\n      isAuthenticated?: boolean\n    }\n    globals: {\n      stack?: SynapseStack\n      showReactQueryDevtools?: boolean\n    }\n    parameters: {\n      stack?: SynapseStack\n      withRouter?: boolean\n      requireLogin?: boolean\n    }\n  }\n}) {\n  const { storybookContext } = props\n\n  const currentStack: SynapseStack = (storybookContext.globals.stack ||\n    storybookContext.parameters.stack) as SynapseStack\n\n  useEffect(() => {\n    overrideEndpoint(currentStack)\n  }, [currentStack])\n\n  // Subscribe to the framework-agnostic SynapseSessionManager for token/auth state\n  // These methods are bound in the SynapseSessionManager constructor, so they are safe to pass directly.\n  const sessionState: SessionState = useSyncExternalStore(\n    // oxlint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.subscribe,\n    // oxlint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.getSnapshot,\n  )\n\n  // Track whether we've started the manager so we only start once (module-level instance persists across renders)\n  const managerStartedRef = useRef(false)\n\n  useEffect(() => {\n    if (!managerStartedRef.current) {\n      sessionManager.start()\n      managerStartedRef.current = true\n    }\n    return () => {\n      sessionManager.dispose()\n      managerStartedRef.current = false\n    }\n  }, [])\n\n  // When the stack changes, restart the session manager to pick up the new endpoint\n  useEffect(() => {\n    if (managerStartedRef.current) {\n      sessionManager.dispose()\n      sessionManager.start()\n    }\n  }, [currentStack])\n\n  const shouldPromptForLogin =\n    storybookContext.parameters.requireLogin &&\n    currentStack !== 'mock' &&\n    sessionState.hasInitializedSession &&\n    !sessionState.isAuthenticated\n\n  const { isLoading: isLoadingSSO } = useDetectSSOCode({\n    onSignInComplete: () => {\n      void sessionManager.refreshSession()\n    },\n    onError: (err: unknown) => {\n      console.error('SSO error in Storybook:', err)\n    },\n    isInitializingSession: !sessionState.hasInitializedSession,\n    isAuthenticated: sessionState.isAuthenticated,\n  })\n\n  useEffect(() => {\n    async function resetCache() {\n      await storybookQueryClient.cancelQueries()\n      await storybookQueryClient.resetQueries()\n    }\n\n    void resetCache()\n  }, [sessionState.token, currentStack])\n\n  const effectiveToken = useMemo(() => {\n    if (currentStack === 'mock') {\n      return storybookContext.args.isAuthenticated ? 'fake token' : undefined\n    }\n    return sessionState.token\n  }, [sessionState.token, currentStack, storybookContext.args.isAuthenticated])\n\n  const effectiveIsAuthenticated = useMemo(() => {\n    if (currentStack === 'mock') {\n      return !!storybookContext.args.isAuthenticated\n    }\n    return sessionState.isAuthenticated\n  }, [\n    sessionState.isAuthenticated,\n    currentStack,\n    storybookContext.args.isAuthenticated,\n  ])\n\n  const refreshSession = useCallback(async () => {\n    await sessionManager.refreshSession()\n  }, [])\n\n  const clearSession = useCallback(async () => {\n    await sessionManager.clearSession()\n  }, [])\n\n  const applicationSessionContext = useMemo(\n    () => ({\n      token: effectiveToken,\n      realmId: sessionState.realmId,\n      userId: sessionState.userId,\n      isAuthenticated: effectiveIsAuthenticated,\n      hasInitializedSession: sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n      twoFactorAuthSSOErrorResponse: undefined,\n      termsOfServiceStatus: undefined,\n      twoFactorStatus: undefined,\n    }),\n    [\n      effectiveToken,\n      effectiveIsAuthenticated,\n      sessionState.realmId,\n      sessionState.userId,\n      sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n    ],\n  )\n\n  const synapseContext: Partial<SynapseContextType> = useMemo(\n    () => ({\n      accessToken: effectiveToken,\n      isAuthenticated: effectiveIsAuthenticated,\n      isInExperimentalMode: SynapseClient.isInSynapseExperimentalMode(),\n      utcTime: SynapseClient.getUseUtcTimeFromCookie(),\n      withErrorBoundary: true,\n      downloadCartPageUrl: '/?path=/story/download-downloadcartpage--demo',\n    }),\n    [effectiveToken, effectiveIsAuthenticated],\n  )\n\n  const wrappedStory = (\n    <Suspense fallback={'global suspense loading...'}>\n      <QueryClientProvider client={storybookQueryClient}>\n        <ApplicationSessionContextProvider context={applicationSessionContext}>\n          <SynapseContextProvider\n            key={currentStack}\n            synapseContext={synapseContext}\n          >\n            {storybookContext.globals.showReactQueryDevtools && (\n              <ReactQueryDevtools />\n            )}\n            <SynapseToastContainer />\n            <main>\n              {shouldPromptForLogin ? (\n                <StandaloneLoginForm\n                  sessionCallback={() => {\n                    void sessionManager.refreshSession()\n                  }}\n                />\n              ) : (\n                props.children\n              )}\n            </main>\n          </SynapseContextProvider>\n        </ApplicationSessionContextProvider>\n      </QueryClientProvider>\n    </Suspense>\n  )\n\n  if (!storybookContext.parameters.withRouter) {\n    return wrappedStory\n  }\n\n  const router = createMemoryRouter([\n    {\n      path: '/',\n      element: wrappedStory,\n    },\n  ])\n\n  return <RouterProvider router={router} />\n}\n\nexport default StorybookComponentWrapper\n"],"mappings":"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"}
+{"version":3,"file":"StorybookComponentWrapper.js","names":[],"sources":["../../src/components/StorybookComponentWrapper.tsx"],"sourcesContent":["import { StandaloneLoginForm } from '@/components/Authentication/index'\nimport SynapseClient from '@/synapse-client'\nimport {\n  defaultQueryClientConfig,\n  SynapseContextProvider,\n  SynapseContextType,\n} from '@/utils'\nimport { ApplicationSessionContextProvider } from '@/utils/AppUtils/session/ApplicationSessionContext'\nimport {\n  SynapseSessionManager,\n  type SessionState,\n} from '@/utils/AppUtils/session/SynapseSessionManager'\nimport { STACK_MAP, SynapseStack } from '@/utils/functions/getEndpoint'\nimport useDetectSSOCode from '@/utils/hooks/useDetectSSOCode'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ReactQueryDevtools } from '@tanstack/react-query-devtools'\nimport {\n  ReactNode,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react'\nimport { createMemoryRouter } from 'react-router'\nimport { RouterProvider } from 'react-router/dom'\nimport { SynapseToastContainer } from './ToastMessage'\n\nconst storybookQueryClient = new QueryClient(defaultQueryClientConfig)\n\n// Module-level session manager instance, stable across story switches (like the QueryClient above)\nconst sessionManager = new SynapseSessionManager({\n  onSessionInvalid: () => {\n    // In Storybook, just refresh the session instead of reloading the page\n    sessionManager.refreshSession()\n  },\n})\n\nfunction overrideEndpoint(stack: SynapseStack) {\n  const endpointConfig = STACK_MAP[stack]\n  ;(window as any)['SRC_OVERRIDE_ENDPOINT_CONFIG'] = endpointConfig\n}\n\n/**\n * Wraps storybook story components to ensure that all components receive required context.\n * @param props\n * @returns\n */\nexport function StorybookComponentWrapper(props: {\n  children: ReactNode\n  /* This will match the `globalTypes` object in preview.tsx. */\n  storybookContext: {\n    args: {\n      isAuthenticated?: boolean\n    }\n    globals: {\n      stack?: SynapseStack\n      showReactQueryDevtools?: boolean\n    }\n    parameters: {\n      stack?: SynapseStack\n      withRouter?: boolean\n      requireLogin?: boolean\n    }\n  }\n}) {\n  const { storybookContext } = props\n\n  const currentStack: SynapseStack = (storybookContext.globals.stack ||\n    storybookContext.parameters.stack) as SynapseStack\n\n  // Set endpoint synchronously so SynapseContextProvider picks up the correct basePath on first render.\n  overrideEndpoint(currentStack)\n\n  // Subscribe to the framework-agnostic SynapseSessionManager for token/auth state\n  // These methods are bound in the SynapseSessionManager constructor, so they are safe to pass directly.\n  const sessionState: SessionState = useSyncExternalStore(\n    // oxlint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.subscribe,\n    // oxlint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.getSnapshot,\n  )\n\n  // Track whether we've started the manager so we only start once (module-level instance persists across renders)\n  const managerStartedRef = useRef(false)\n\n  useEffect(() => {\n    if (!managerStartedRef.current) {\n      sessionManager.start()\n      managerStartedRef.current = true\n    }\n    return () => {\n      sessionManager.dispose()\n      managerStartedRef.current = false\n    }\n  }, [])\n\n  // When the stack changes, restart the session manager to pick up the new endpoint\n  useEffect(() => {\n    if (managerStartedRef.current) {\n      sessionManager.dispose()\n      sessionManager.start()\n    }\n  }, [currentStack])\n\n  const shouldPromptForLogin =\n    storybookContext.parameters.requireLogin &&\n    currentStack !== 'mock' &&\n    sessionState.hasInitializedSession &&\n    !sessionState.isAuthenticated\n\n  const { isLoading: isLoadingSSO } = useDetectSSOCode({\n    onSignInComplete: () => {\n      void sessionManager.refreshSession()\n    },\n    onError: (err: unknown) => {\n      console.error('SSO error in Storybook:', err)\n    },\n    isInitializingSession: !sessionState.hasInitializedSession,\n    isAuthenticated: sessionState.isAuthenticated,\n  })\n\n  useEffect(() => {\n    async function resetCache() {\n      await storybookQueryClient.cancelQueries()\n      await storybookQueryClient.resetQueries()\n    }\n\n    void resetCache()\n  }, [sessionState.token, currentStack])\n\n  const effectiveToken = useMemo(() => {\n    if (currentStack === 'mock') {\n      return storybookContext.args.isAuthenticated ? 'fake token' : undefined\n    }\n    return sessionState.token\n  }, [sessionState.token, currentStack, storybookContext.args.isAuthenticated])\n\n  const effectiveIsAuthenticated = useMemo(() => {\n    if (currentStack === 'mock') {\n      return !!storybookContext.args.isAuthenticated\n    }\n    return sessionState.isAuthenticated\n  }, [\n    sessionState.isAuthenticated,\n    currentStack,\n    storybookContext.args.isAuthenticated,\n  ])\n\n  const refreshSession = useCallback(async () => {\n    await sessionManager.refreshSession()\n  }, [])\n\n  const clearSession = useCallback(async () => {\n    await sessionManager.clearSession()\n  }, [])\n\n  const applicationSessionContext = useMemo(\n    () => ({\n      token: effectiveToken,\n      realmId: sessionState.realmId,\n      userId: sessionState.userId,\n      isAuthenticated: effectiveIsAuthenticated,\n      hasInitializedSession: sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n      twoFactorAuthSSOErrorResponse: undefined,\n      termsOfServiceStatus: undefined,\n      twoFactorStatus: undefined,\n    }),\n    [\n      effectiveToken,\n      effectiveIsAuthenticated,\n      sessionState.realmId,\n      sessionState.userId,\n      sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n    ],\n  )\n\n  const synapseContext: Partial<SynapseContextType> = useMemo(\n    () => ({\n      accessToken: effectiveToken,\n      isAuthenticated: effectiveIsAuthenticated,\n      isInExperimentalMode: SynapseClient.isInSynapseExperimentalMode(),\n      utcTime: SynapseClient.getUseUtcTimeFromCookie(),\n      withErrorBoundary: true,\n      downloadCartPageUrl: '/?path=/story/download-downloadcartpage--demo',\n    }),\n    [effectiveToken, effectiveIsAuthenticated],\n  )\n\n  const wrappedStory = (\n    <Suspense fallback={'global suspense loading...'}>\n      <QueryClientProvider client={storybookQueryClient}>\n        <ApplicationSessionContextProvider context={applicationSessionContext}>\n          <SynapseContextProvider\n            key={currentStack}\n            synapseContext={synapseContext}\n          >\n            {storybookContext.globals.showReactQueryDevtools && (\n              <ReactQueryDevtools />\n            )}\n            <SynapseToastContainer />\n            <main>\n              {shouldPromptForLogin ? (\n                <StandaloneLoginForm\n                  sessionCallback={() => {\n                    void sessionManager.refreshSession()\n                  }}\n                />\n              ) : (\n                props.children\n              )}\n            </main>\n          </SynapseContextProvider>\n        </ApplicationSessionContextProvider>\n      </QueryClientProvider>\n    </Suspense>\n  )\n\n  if (!storybookContext.parameters.withRouter) {\n    return wrappedStory\n  }\n\n  const router = createMemoryRouter([\n    {\n      path: '/',\n      element: wrappedStory,\n    },\n  ])\n\n  return <RouterProvider router={router} />\n}\n\nexport default StorybookComponentWrapper\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6BA,IAAM,IAAuB,IAAI,EAAY,CAAwB,GAG/D,IAAiB,IAAI,EAAsB,EAC/C,wBAAwB;CAEtB,EAAe,eAAe;AAChC,EACF,CAAC;AAED,SAAS,EAAiB,GAAqB;CAC7C,IAAM,IAAiB,EAAU;CAChC,OAAgB,+BAAkC;AACrD;AAOA,SAAgB,EAA0B,GAiBvC;CACD,IAAM,EAAE,wBAAqB,GAEvB,IAA8B,EAAiB,QAAQ,SAC3D,EAAiB,WAAW;CAG9B,EAAiB,CAAY;CAI7B,IAAM,IAA6B,EAEjC,EAAe,WAEf,EAAe,WACjB,GAGM,IAAoB,EAAO,EAAK;CActC,AAZA,SACE,AAEE,EAAkB,aADlB,EAAe,MAAM,GACO,WAEjB;EAEX,AADA,EAAe,QAAQ,GACvB,EAAkB,UAAU;CAC9B,IACC,CAAC,CAAC,GAGL,QAAgB;EACd,AAAI,EAAkB,YACpB,EAAe,QAAQ,GACvB,EAAe,MAAM;CAEzB,GAAG,CAAC,CAAY,CAAC;CAEjB,IAAM,IACJ,EAAiB,WAAW,gBAC5B,MAAiB,UACjB,EAAa,yBACb,CAAC,EAAa,iBAEV,EAAE,WAAW,MAAiB,EAAiB;EACnD,wBAAwB;GACtB,EAAoB,eAAe;EACrC;EACA,UAAU,MAAiB;GACzB,QAAQ,MAAM,2BAA2B,CAAG;EAC9C;EACA,uBAAuB,CAAC,EAAa;EACrC,iBAAiB,EAAa;CAChC,CAAC;CAED,QAAgB;EACd,eAAe,IAAa;GAE1B,AADA,MAAM,EAAqB,cAAc,GACzC,MAAM,EAAqB,aAAa;EAC1C;EAEA,EAAgB;CAClB,GAAG,CAAC,EAAa,OAAO,CAAY,CAAC;CAErC,IAAM,IAAiB,QACjB,MAAiB,SACZ,EAAiB,KAAK,kBAAkB,eAAe,KAAA,IAEzD,EAAa,OACnB;EAAC,EAAa;EAAO;EAAc,EAAiB,KAAK;CAAe,CAAC,GAEtE,IAA2B,QAC3B,MAAiB,SACZ,CAAC,CAAC,EAAiB,KAAK,kBAE1B,EAAa,iBACnB;EACD,EAAa;EACb;EACA,EAAiB,KAAK;CACxB,CAAC,GAEK,IAAiB,EAAY,YAAY;EAC7C,MAAM,EAAe,eAAe;CACtC,GAAG,CAAC,CAAC,GAEC,IAAe,EAAY,YAAY;EAC3C,MAAM,EAAe,aAAa;CACpC,GAAG,CAAC,CAAC,GAwCC,IACJ,kBAAC,GAAD;EAAU,UAAU;YAClB,kBAAC,GAAD;GAAqB,QAAQ;aAC3B,kBAAC,GAAD;IAAmC,SAzCP,SACzB;KACL,OAAO;KACP,SAAS,EAAa;KACtB,QAAQ,EAAa;KACrB,iBAAiB;KACjB,uBAAuB,EAAa;KACpC;KACA;KACA;KACA,+BAA+B,KAAA;KAC/B,sBAAsB,KAAA;KACtB,iBAAiB,KAAA;IACnB,IACA;KACE;KACA;KACA,EAAa;KACb,EAAa;KACb,EAAa;KACb;KACA;KACA;IACF,CAkBgD;cAC1C,kBAAC,GAAD;KAEkB,gBAlB0B,SAC3C;MACL,aAAa;MACb,iBAAiB;MACjB,sBAAsB,EAAc,4BAA4B;MAChE,SAAS,EAAc,wBAAwB;MAC/C,mBAAmB;MACnB,qBAAqB;KACvB,IACA,CAAC,GAAgB,CAAwB,CASjB;eAFlB;MAIG,EAAiB,QAAQ,0BACxB,kBAAC,GAAD,CAAqB,CAAA;MAEvB,kBAAC,GAAD,CAAwB,CAAA;MACxB,kBAAC,QAAD,EAAA,UACG,IACC,kBAAC,GAAD,EACE,uBAAuB;OACrB,EAAoB,eAAe;MACrC,EACD,CAAA,IAED,EAAM,SAEJ,CAAA;KACgB;OAlBjB,CAkBiB;GACS,CAAA;EAChB,CAAA;CACb,CAAA;CAcZ,OAXK,EAAiB,WAAW,aAW1B,kBAAC,GAAD,EAAwB,QAPhB,EAAmB,CAChC;EACE,MAAM;EACN,SAAS;CACX,CACF,CAE+B,EAAS,CAAA,IAV/B;AAWX"}

package/dist/components/SynapseChat/SynapseChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,uCAAuC,CAAA;AAO/E,OAAO,EACL,YAAY,EAEZ,uBAAuB,EACxB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AA4BlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC,eAAe,CAAC,EAAE,YAAY,CAAA;IAE9B,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;IAE1D,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAE7B,uBAAuB,CAAC,EAAE,gBAAgB,CAAA;IAE1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,mDAAmD;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,mBAAmB,EACnB,WAA2B,EAC3B,WAA4B,EAC5B,SAAiB,EACjB,qBAA6B,EAC7B,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAA0B,EAC1B,cAAc,EACd,gBAAgB,EAChB,gBAAwB,GACzB,EAAE,gBAAgB,2CAsQlB;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"SynapseChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,uCAAuC,CAAA;AAO/E,OAAO,EACL,YAAY,EAEZ,uBAAuB,EACxB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AA4BlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC,eAAe,CAAC,EAAE,YAAY,CAAA;IAE9B,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;IAE1D,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAE7B,uBAAuB,CAAC,EAAE,gBAAgB,CAAA;IAE1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,mDAAmD;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,mBAAmB,EACnB,WAA2B,EAC3B,WAA4B,EAC5B,SAAiB,EACjB,qBAA6B,EAC7B,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAA0B,EAC1B,cAAc,EACd,gBAAgB,EAChB,gBAAwB,GACzB,EAAE,gBAAgB,2CAwQlB;AAED,eAAe,WAAW,CAAA"}