synapse-react-client 3.1.37 → 3.1.38

package/dist/umd/synapse-react-client.development.js

@@ -34258,7 +34258,7 @@ Please use another name.` : (0, _utils.formatMuiErrorMessage)(18));
             return x3 === y2 && (x3 !== 0 || 1 / x3 === 1 / y2) || x3 !== x3 && y2 !== y2;
           }
           var objectIs = typeof Object.is === "function" ? Object.is : is2;
-          var useState153 = React666.useState, useEffect118 = React666.useEffect, useLayoutEffect4 = React666.useLayoutEffect, useDebugValue5 = React666.useDebugValue;
+          var useState154 = React666.useState, useEffect119 = React666.useEffect, useLayoutEffect4 = React666.useLayoutEffect, useDebugValue5 = React666.useDebugValue;
           var didWarnOld18Alpha = false;
           var didWarnUncachedGetSnapshot = false;
           function useSyncExternalStore2(subscribe, getSnapshot, getServerSnapshot) {
@@ -34280,7 +34280,7 @@ Please use another name.` : (0, _utils.formatMuiErrorMessage)(18));
                 }
               }
             }
-            var _useState = useState153({
+            var _useState = useState154({
               inst: {
                 value,
                 getSnapshot
@@ -34295,7 +34295,7 @@ Please use another name.` : (0, _utils.formatMuiErrorMessage)(18));
                 });
               }
             }, [subscribe, value, getSnapshot]);
-            useEffect118(function() {
+            useEffect119(function() {
               if (checkIfSnapshotChanged(inst)) {
                 forceUpdate({
                   inst
@@ -34368,7 +34368,7 @@ Please use another name.` : (0, _utils.formatMuiErrorMessage)(18));
           }
           var objectIs = typeof Object.is === "function" ? Object.is : is2;
           var useSyncExternalStore2 = shim.useSyncExternalStore;
-          var useRef69 = React666.useRef, useEffect118 = React666.useEffect, useMemo68 = React666.useMemo, useDebugValue5 = React666.useDebugValue;
+          var useRef69 = React666.useRef, useEffect119 = React666.useEffect, useMemo68 = React666.useMemo, useDebugValue5 = React666.useDebugValue;
           function useSyncExternalStoreWithSelector2(subscribe, getSnapshot, getServerSnapshot, selector, isEqual4) {
             var instRef = useRef69(null);
             var inst;
@@ -34425,7 +34425,7 @@ Please use another name.` : (0, _utils.formatMuiErrorMessage)(18));
               return [getSnapshotWithSelector, getServerSnapshotWithSelector];
             }, [getSnapshot, getServerSnapshot, selector, isEqual4]), getSelection2 = _useMemo[0], getServerSelection = _useMemo[1];
             var value = useSyncExternalStore2(subscribe, getSelection2, getServerSelection);
-            useEffect118(function() {
+            useEffect119(function() {
               inst.hasValue = true;
               inst.value = value;
             }, [value]);
@@ -59546,7 +59546,7 @@ Please use another name.` : (0, _utils.formatMuiErrorMessage)(18));
     "package.json"(exports2, module2) {
       module2.exports = {
         name: "synapse-react-client",
-        version: "3.1.37",
+        version: "3.1.38",
         private: false,
         main: "./dist/index.js",
         module: "./dist/index.mjs",
@@ -133468,6 +133468,7 @@ ${e3.message}`);
           /* @__PURE__ */ import_react173.default.createElement(IconSvg_default, { icon: "clear" })
         ),
         // Renewal/Revoke data access, only display if isRenewal is true
+        // TODO: It's possible to that the accessors list is in an illegal state with no way to recover -- see PLFM-7893
         isRenewal && (user == null ? void 0 : user.ownerId) !== ac.userId && ac.type !== "GAIN_ACCESS" /* GAIN_ACCESS */ && /* @__PURE__ */ import_react173.default.createElement(import_react173.default.Fragment, null, /* @__PURE__ */ import_react173.default.createElement(
           RadioGroup3,
           {
@@ -133500,7 +133501,8 @@ ${e3.message}`);
       id: id2,
       buttonProps = { variant: "contained" },
       label = "Browse...",
-      uploadCallback
+      onUploadStart,
+      onComplete
     } = props;
     const { accessToken } = useSynapseContext();
     const hiddenFileInput = import_react174.default.useRef(null);
@@ -133512,6 +133514,9 @@ ${e3.message}`);
     };
     const changeHandler = (e3) => __async(void 0, null, function* () {
       if (e3.target.files && e3.target.files.length > 0) {
+        if (onUploadStart) {
+          onUploadStart();
+        }
         const file = e3.target.files[0];
         try {
           const resp = yield uploadFile(
@@ -133519,16 +133524,16 @@ ${e3.message}`);
             file.name,
             file
           );
-          if (uploadCallback) {
-            uploadCallback({
+          if (onComplete) {
+            onComplete({
               success: true,
               resp
             });
           }
         } catch (e4) {
           console.log("FileUpload: fail to upload file", e4);
-          if (uploadCallback) {
-            uploadCallback({
+          if (onComplete) {
+            onComplete({
               success: false,
               error: e4
             });
@@ -133564,16 +133569,12 @@ ${e3.message}`);
         includeFileHandles: false,
         includePreviewPreSignedURLs: false
       };
-      try {
-        const file = yield getFiles(batchFileRequest, accessToken);
-        const preSignedURL = file.requestedFiles[0].preSignedURL;
-        if (!preSignedURL) {
-          console.log("Fail to get file download link");
-        } else {
-          window.open(preSignedURL);
-        }
-      } catch (e3) {
-        console.log("Fail to get file download link", e3);
+      const file = yield getFiles(batchFileRequest, accessToken);
+      const preSignedURL = file.requestedFiles[0].preSignedURL;
+      if (!preSignedURL) {
+        console.log("Fail to get file download link");
+      } else {
+        window.open(preSignedURL);
       }
     });
     return /* @__PURE__ */ import_react175.default.createElement(
@@ -133597,8 +133598,10 @@ ${e3.message}`);
       id: id2,
       documentName,
       isMultiFileUpload = false,
-      onClearAttachment
+      onClearAttachment,
+      isLoading = false
     } = props;
+    const [isUploading, setIsUploading] = (0, import_react176.useState)(false);
     const { data: fileData } = useGetFileBatch(
       {
         includeFileHandles: true,
@@ -133623,9 +133626,14 @@ ${e3.message}`);
         FileUpload_default,
         {
           id: `${id2}-upload`,
-          uploadCallback,
+          onUploadStart: () => setIsUploading(true),
+          onComplete: (res) => {
+            setIsUploading(false);
+            uploadCallback(res);
+          },
           label: `Upload ${documentName}`,
           buttonProps: {
+            disabled: isLoading,
             variant: "outlined",
             endIcon: /* @__PURE__ */ import_react176.default.createElement(IconSvg_default, { icon: "upload", wrap: false })
           }
@@ -133660,7 +133668,16 @@ ${e3.message}`);
           },
           /* @__PURE__ */ import_react176.default.createElement(IconSvg_default, { icon: "clear" })
         ));
-      })
+      }),
+      isUploading && /* @__PURE__ */ import_react176.default.createElement(
+        Button_default,
+        {
+          disabled: true,
+          variant: "text",
+          endIcon: /* @__PURE__ */ import_react176.default.createElement(IconSvg_default, { icon: "download", wrap: false })
+        },
+        "Uploading..."
+      )
     );
   }
 
@@ -133710,6 +133727,22 @@ ${e3.message}`);
   }
 
   // src/components/AccessRequirementList/ManagedACTAccessRequirementRequestFlow/DataAccessRequestAccessorsFilesForm.tsx
+  function AccessorRequirementHelpText(props) {
+    const { managedACTAccessRequirement } = props;
+    let link = "";
+    let msg2 = "";
+    if (managedACTAccessRequirement.isCertifiedUserRequired && managedACTAccessRequirement.isValidatedProfileRequired) {
+      link = "https://help.synapse.org/docs/User-Types.2007072795.html";
+      msg2 = "All data requesters must be certified users and have a validated user profile.";
+    } else if (managedACTAccessRequirement.isCertifiedUserRequired) {
+      link = "https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-CertifiedUsers";
+      msg2 = "All data requesters must be a certified user.";
+    } else if (managedACTAccessRequirement.isValidatedProfileRequired) {
+      link = "https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-ValidatedUsers";
+      msg2 = "All data requesters must have a validated user profile.";
+    }
+    return link && msg2 ? /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, managedACTAccessRequirement.isDUCRequired ? /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, "This list should match those listed on your DUC.", /* @__PURE__ */ import_react178.default.createElement("br", null)) : "", msg2, " ", /* @__PURE__ */ import_react178.default.createElement(Link_default, { href: link, target: "_blank", rel: "noreferrer" }, "Learn more")) : /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null);
+  }
   function DataAccessRequestAccessorsFilesForm(props) {
     var _a;
     const {
@@ -133719,45 +133752,19 @@ ${e3.message}`);
       researchProjectId,
       onCancel
     } = props;
-    const { data: user } = useGetCurrentUserProfile();
+    const { accessToken } = useSynapseContext();
+    const isLoggedIn = Boolean(accessToken);
+    const { data: user } = useGetCurrentUserProfile({ enabled: isLoggedIn });
     const [alert, setAlert] = (0, import_react178.useState)();
-    const [dataAccessRequest, setDataAccessRequest] = (0, import_react178.useState)();
-    useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {
-      // We append the current user onto the accessorChanges, so we wait for that data to populate
-      enabled: !!user,
+    const [accessorChanges, setAccessorChanges] = (0, import_react178.useState)();
+    const [summaryOfUse, setSummaryOfUse] = (0, import_react178.useState)();
+    const [publication, setPublication] = (0, import_react178.useState)();
+    const { data: dataAccessRequest, isLoading: isLoadingGetDataAccessRequest } = useGetDataAccessRequestForUpdate(String(managedACTAccessRequirement.id), {
+      enabled: isLoggedIn,
       // Infinite staleTime ensures this won't get re-fetched unless explicitly invalidated by the mutation
       staleTime: Infinity,
-      select: (data) => {
-        const isRenewal2 = data.concreteType === "org.sagebionetworks.repo.model.dataaccess.Renewal";
-        const currentUserWithGainAccess = {
-          userId: user.ownerId,
-          type: isRenewal2 ? "RENEW_ACCESS" /* RENEW_ACCESS */ : "GAIN_ACCESS" /* GAIN_ACCESS */
-        };
-        if (!data.accessorChanges) {
-          data.accessorChanges = [currentUserWithGainAccess];
-        } else {
-          data.accessorChanges = [
-            currentUserWithGainAccess,
-            ...data.accessorChanges
-          ];
-        }
-        const seen = /* @__PURE__ */ new Set();
-        data.accessorChanges = data.accessorChanges.filter((accessorChange) => {
-          return seen.has(accessorChange.userId) ? false : seen.add(accessorChange.userId);
-        });
-        data.researchProjectId = researchProjectId;
-        return data;
-      },
-      onSuccess: (data) => {
-        setAlert(void 0);
-        setDataAccessRequest(data);
-      },
-      onError: (err) => {
-        setAlert({
-          key: "error",
-          message: err.reason
-        });
-      }
+      // This call should never fail, so if we run into an error, throwing to an error boundary is acceptable
+      useErrorBoundary: true
     });
     const isRenewal = (dataAccessRequest == null ? void 0 : dataAccessRequest.concreteType) === "org.sagebionetworks.repo.model.dataaccess.Renewal";
     function onError(e3) {
@@ -133767,19 +133774,87 @@ ${e3.message}`);
         message: getErrorMessage(e3.reason)
       });
     }
-    const { mutate: submit } = useSubmitDataAccessRequest({
+    const { mutate: submit, isLoading: isLoadingSubmitDataAccessRequest } = useSubmitDataAccessRequest({
       onSuccess: () => {
         onSubmissionCreated();
       },
       onError
     });
-    const { mutateAsync: updateRequestAsync } = useUpdateDataAccessRequest({
+    const {
+      mutateAsync: updateRequestAsync,
+      isLoading: isLoadingUpdateDataAccessRequest
+    } = useUpdateDataAccessRequest({
       onError
     });
+    const isLoading = isLoadingGetDataAccessRequest || isLoadingUpdateDataAccessRequest || isLoadingSubmitDataAccessRequest;
+    (0, import_react178.useEffect)(() => {
+      if (dataAccessRequest && user) {
+        let shouldUpdate = false;
+        if (!dataAccessRequest.researchProjectId) {
+          dataAccessRequest.researchProjectId = researchProjectId;
+          shouldUpdate = true;
+        }
+        const currentUserWithGainAccess = {
+          userId: user.ownerId,
+          type: isRenewal ? "RENEW_ACCESS" /* RENEW_ACCESS */ : "GAIN_ACCESS" /* GAIN_ACCESS */
+        };
+        if (!dataAccessRequest.accessorChanges || !dataAccessRequest.accessorChanges.find(
+          (item) => deepEquals(item, currentUserWithGainAccess)
+        )) {
+          dataAccessRequest.accessorChanges = [
+            currentUserWithGainAccess,
+            ...dataAccessRequest.accessorChanges || []
+          ];
+          shouldUpdate = true;
+        }
+        const seen = /* @__PURE__ */ new Set();
+        const uniqueAccessorChanges = dataAccessRequest.accessorChanges.filter(
+          (accessorChange) => {
+            return seen.has(accessorChange.userId) ? false : seen.add(accessorChange.userId);
+          }
+        );
+        if (uniqueAccessorChanges.length !== dataAccessRequest.accessorChanges.length) {
+          dataAccessRequest.accessorChanges = uniqueAccessorChanges;
+          shouldUpdate = true;
+        }
+        if (shouldUpdate) {
+          updateRequestAsync(dataAccessRequest);
+        }
+      }
+    }, [
+      dataAccessRequest,
+      isRenewal,
+      researchProjectId,
+      updateRequestAsync,
+      user
+    ]);
+    (0, import_react178.useEffect)(() => {
+      if (dataAccessRequest) {
+        if (dataAccessRequest.accessorChanges && accessorChanges == void 0) {
+          setAccessorChanges(dataAccessRequest.accessorChanges);
+        }
+        if (isRenewal && dataAccessRequest.publication && publication == void 0) {
+          setPublication(dataAccessRequest.publication);
+        }
+        if (isRenewal && dataAccessRequest.summaryOfUse && summaryOfUse == void 0) {
+          setSummaryOfUse(dataAccessRequest.summaryOfUse);
+        }
+      }
+    }, [dataAccessRequest]);
+    function getDataAccessRequestWithLocalState() {
+      return __spreadProps(__spreadValues({}, dataAccessRequest), {
+        // append local state to the request
+        accessorChanges,
+        publication,
+        summaryOfUse
+      });
+    }
     function handleSubmit() {
       return __async(this, null, function* () {
         if (dataAccessRequest) {
-          const requestObject = yield updateRequestAsync(dataAccessRequest);
+          const requestObject = yield updateRequestAsync(
+            getDataAccessRequestWithLocalState()
+          );
           submit({
             request: {
               requestId: requestObject.id,
@@ -133796,36 +133871,26 @@ ${e3.message}`);
       return /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement("strong", null, "Sorry, there is an error in submitting your request."), /* @__PURE__ */ import_react178.default.createElement("br", null), reason);
     };
     const onAccessorChange = (updater) => {
-      setDataAccessRequest((req) => __spreadProps(__spreadValues({}, req), {
-        // Copy the array so the caller doesn't have to worry about immutability
-        accessorChanges: [...updater(req.accessorChanges || [])]
-      }));
+      setAccessorChanges([...updater(accessorChanges || [])]);
     };
     const onClearAttachment = (fid) => {
-      setDataAccessRequest((req) => {
-        var _a2;
-        if (req) {
-          return __spreadProps(__spreadValues({}, req), {
-            attachments: (_a2 = req.attachments) == null ? void 0 : _a2.filter((item) => item !== fid)
-          });
-        }
-        return req;
-      });
+      var _a2;
+      updateRequestAsync(__spreadProps(__spreadValues({}, dataAccessRequest), {
+        attachments: (_a2 = dataAccessRequest.attachments) == null ? void 0 : _a2.filter((item) => item !== fid)
+      }));
     };
     const uploadCallback = (data, context) => {
       if (data.resp && data.success) {
         const uploadResponse = data.resp;
         if (context === "attachments") {
-          setDataAccessRequest((req) => {
-            return __spreadProps(__spreadValues({}, req), {
-              attachments: [
-                ...req.attachments || [],
-                uploadResponse.fileHandleId
-              ]
-            });
-          });
+          updateRequestAsync(__spreadProps(__spreadValues({}, dataAccessRequest), {
+            attachments: [
+              ...dataAccessRequest.attachments || [],
+              uploadResponse.fileHandleId
+            ]
+          }));
         } else {
-          setDataAccessRequest((req) => __spreadProps(__spreadValues({}, req), {
+          updateRequestAsync(__spreadProps(__spreadValues({}, dataAccessRequest), {
             [context]: uploadResponse.fileHandleId
           }));
         }
@@ -133840,45 +133905,24 @@ ${e3.message}`);
         });
       }
     };
-    const handleTextAreaInputChange = (e3, key) => {
-      const value = e3.target.value;
-      setDataAccessRequest((req) => __spreadProps(__spreadValues({}, req), {
-        [key]: value
-      }));
-    };
-    const AccessorRequirementHelpText = () => {
-      let link = "";
-      let msg2 = "";
-      if (managedACTAccessRequirement.isCertifiedUserRequired && managedACTAccessRequirement.isValidatedProfileRequired) {
-        link = "https://help.synapse.org/docs/User-Types.2007072795.html";
-        msg2 = "All data requesters must be certified users and have a validated user profile.";
-      } else if (managedACTAccessRequirement.isCertifiedUserRequired) {
-        link = "https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-CertifiedUsers";
-        msg2 = "All data requesters must be a certified user.";
-      } else if (managedACTAccessRequirement.isValidatedProfileRequired) {
-        link = "https://help.synapse.org/docs/User-Types.2007072795.html#UserAccountTiers-ValidatedUsers";
-        msg2 = "All data requesters must have a validated user profile.";
-      }
-      return link && msg2 ? /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, managedACTAccessRequirement.isDUCRequired ? /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, "This list should match those listed on your DUC.", /* @__PURE__ */ import_react178.default.createElement("br", null)) : "", msg2, " ", /* @__PURE__ */ import_react178.default.createElement(Link_default, { href: link, target: "_blank", rel: "noreferrer" }, "Learn more")) : /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null);
-    };
     const ducFileHandleAssociation = (dataAccessRequest == null ? void 0 : dataAccessRequest.ducFileHandleId) ? [
       {
         fileHandleId: dataAccessRequest == null ? void 0 : dataAccessRequest.ducFileHandleId,
-        associateObjectType: "AccessRequirementAttachment" /* AccessRequirementAttachment */,
-        associateObjectId: String(managedACTAccessRequirement.id)
+        associateObjectType: "DataAccessRequestAttachment" /* DataAccessRequestAttachment */,
+        associateObjectId: String(dataAccessRequest.id)
       }
     ] : [];
     const irbFileHandleAssociation = (dataAccessRequest == null ? void 0 : dataAccessRequest.irbFileHandleId) ? [
       {
         fileHandleId: dataAccessRequest.irbFileHandleId,
-        associateObjectType: "AccessRequirementAttachment" /* AccessRequirementAttachment */,
-        associateObjectId: String(managedACTAccessRequirement.id)
+        associateObjectType: "DataAccessRequestAttachment" /* DataAccessRequestAttachment */,
+        associateObjectId: String(dataAccessRequest.id)
       }
     ] : [];
     const attachmentFileHandleAssociations = (_a = ((dataAccessRequest == null ? void 0 : dataAccessRequest.attachments) || []).map((attachmentFileHandleId) => ({
       fileHandleId: attachmentFileHandleId,
-      associateObjectType: "AccessRequirementAttachment" /* AccessRequirementAttachment */,
-      associateObjectId: String(managedACTAccessRequirement.id)
+      associateObjectType: "DataAccessRequestAttachment" /* DataAccessRequestAttachment */,
+      associateObjectId: String(dataAccessRequest.id)
     }))) != null ? _a : [];
     return /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(DialogTitle_default, null, /* @__PURE__ */ import_react178.default.createElement(Stack_default, { direction: "row", alignItems: "center", gap: "5px" }, "Request Access", /* @__PURE__ */ import_react178.default.createElement(Box_default, { sx: { flexGrow: 1 } }), /* @__PURE__ */ import_react178.default.createElement(IconButton_default, { onClick: props.onHide }, /* @__PURE__ */ import_react178.default.createElement(IconSvg_default, { icon: "close", wrap: false, sx: { color: "grey.700" } })))), /* @__PURE__ */ import_react178.default.createElement(DialogContent_default, null, /* @__PURE__ */ import_react178.default.createElement(
       ManagedACTAccessRequirementFormWikiWrapper,
@@ -133896,13 +133940,18 @@ ${e3.message}`);
           onSubmit: (e3) => e3.preventDefault()
         },
         /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "body1", sx: { mb: 2 } }, "Please provide the information below to submit the request for access."),
-        dataAccessRequest && /* @__PURE__ */ import_react178.default.createElement(
+        dataAccessRequest && user && /* @__PURE__ */ import_react178.default.createElement(
           DataAccessRequestAccessorsEditor,
           {
-            accessorChanges: dataAccessRequest.accessorChanges || [],
+            accessorChanges: accessorChanges || [],
             onChange: onAccessorChange,
             isRenewal,
-            helpText: /* @__PURE__ */ import_react178.default.createElement(AccessorRequirementHelpText, null)
+            helpText: /* @__PURE__ */ import_react178.default.createElement(
+              AccessorRequirementHelpText,
+              {
+                managedACTAccessRequirement
+              }
+            )
           }
         ),
         ((managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.isDUCRequired) || (managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.isIRBApprovalRequired) || (managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.areOtherAttachmentsRequired) || isRenewal) && /* @__PURE__ */ import_react178.default.createElement(Divider_default, { sx: { my: 4 } }),
@@ -133918,56 +133967,61 @@ ${e3.message}`);
             },
             downloadButtonText: "Download DUC Template"
           }
-        ), /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "headline3", sx: { mt: 4, mb: 2 } }, "Fill out and upload a Data Use Certificate"), /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "body1", sx: { my: 2 } }, "You must download and fill out a Data Use Certificate (DUC). Be sure to upload the completed DUC below once you've completed it."), /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "body1", component: "ol" }, /* @__PURE__ */ import_react178.default.createElement("li", null, "Download the DUC template file."), /* @__PURE__ */ import_react178.default.createElement("li", null, "Fill out the DUC template, following the instructions in the file."), /* @__PURE__ */ import_react178.default.createElement("li", null, "Upload the completed certificate using the button below:")), /* @__PURE__ */ import_react178.default.createElement(
+        ), /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "headline3", sx: { mt: 4, mb: 2 } }, "Fill out and upload a Data Use Certificate"), /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "body1", sx: { my: 2 } }, "You must download and fill out a Data Use Certificate (DUC). Be sure to upload the completed DUC below once you've completed it."), /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "body1", component: "ol" }, /* @__PURE__ */ import_react178.default.createElement("li", null, "Download the DUC template file."), /* @__PURE__ */ import_react178.default.createElement("li", null, "Fill out the DUC template, following the instructions in the file."), /* @__PURE__ */ import_react178.default.createElement("li", null, "Upload the completed certificate using the button below:")), /* @__PURE__ */ import_react178.default.createElement(SynapseErrorBoundary, null, /* @__PURE__ */ import_react178.default.createElement(
           UploadDocumentField,
           {
             id: "duc",
+            isLoading,
             uploadCallback: (resp) => uploadCallback(resp, "ducFileHandleId"),
             documentName: "Data Use Certificate",
             fileHandleAssociations: ducFileHandleAssociation
           }
-        ), ((managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.isIRBApprovalRequired) || (managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.areOtherAttachmentsRequired) || isRenewal) && /* @__PURE__ */ import_react178.default.createElement(Divider_default, { sx: { my: 4 } })),
-        (managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.isIRBApprovalRequired) && /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "headline3", sx: { my: 2 } }, "IRB Approval"), /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "body1", sx: { my: 2 } }, "Upload a signed IRB letter on institutional letterhead. The letter must include the names of all the datasets requested, as well as the names of the data requesters above. Use the button below to upload the document."), /* @__PURE__ */ import_react178.default.createElement(
+        )), ((managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.isIRBApprovalRequired) || (managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.areOtherAttachmentsRequired) || isRenewal) && /* @__PURE__ */ import_react178.default.createElement(Divider_default, { sx: { my: 4 } })),
+        (managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.isIRBApprovalRequired) && /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "headline3", sx: { my: 2 } }, "IRB Approval"), /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "body1", sx: { my: 2 } }, "Upload a signed IRB letter on institutional letterhead. The letter must include the names of all the datasets requested, as well as the names of the data requesters above. Use the button below to upload the document."), /* @__PURE__ */ import_react178.default.createElement(SynapseErrorBoundary, null, /* @__PURE__ */ import_react178.default.createElement(
           UploadDocumentField,
           {
             id: "irb",
+            isLoading,
             documentName: "IRB Approval Letter",
             uploadCallback: (resp) => uploadCallback(resp, "irbFileHandleId"),
             fileHandleAssociations: irbFileHandleAssociation
           }
-        ), ((managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.areOtherAttachmentsRequired) || isRenewal) && /* @__PURE__ */ import_react178.default.createElement(Divider_default, { sx: { my: 4 } })),
+        )), ((managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.areOtherAttachmentsRequired) || isRenewal) && /* @__PURE__ */ import_react178.default.createElement(Divider_default, { sx: { my: 4 } })),
         /* Attachments */
-        (managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.areOtherAttachmentsRequired) && /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "headline3", sx: { my: 2 } }, "Upload other required documents"), /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "body1", sx: { my: 2 } }, "You must upload other required documents. Please review the instructions to gain data access to determine which documents must also be uploaded."), /* @__PURE__ */ import_react178.default.createElement(
+        (managedACTAccessRequirement == null ? void 0 : managedACTAccessRequirement.areOtherAttachmentsRequired) && /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "headline3", sx: { my: 2 } }, "Upload other required documents"), /* @__PURE__ */ import_react178.default.createElement(Typography_default, { variant: "body1", sx: { my: 2 } }, "You must upload other required documents. Please review the instructions to gain data access to determine which documents must also be uploaded."), /* @__PURE__ */ import_react178.default.createElement(SynapseErrorBoundary, null, /* @__PURE__ */ import_react178.default.createElement(
           UploadDocumentField,
           {
             id: "file-attachment",
+            isLoading,
             documentName: "Attachment",
             uploadCallback: (res) => uploadCallback(res, "attachments"),
             isMultiFileUpload: true,
             fileHandleAssociations: attachmentFileHandleAssociations,
             onClearAttachment
           }
-        ), isRenewal && /* @__PURE__ */ import_react178.default.createElement(Divider_default, { sx: { my: 4 } })),
+        )), isRenewal && /* @__PURE__ */ import_react178.default.createElement(Divider_default, { sx: { my: 4 } })),
         // Publications & Summary of Use
         isRenewal && /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(
           TextField3,
           {
             id: "publications",
             label: "Publication(s)",
+            disabled: isLoadingSubmitDataAccessRequest,
             multiline: true,
             rows: 3,
-            value: dataAccessRequest == null ? void 0 : dataAccessRequest.publication,
-            onChange: (e3) => handleTextAreaInputChange(e3, "publication")
+            value: publication,
+            onChange: (e3) => setPublication(e3.target.value)
           }
         ), /* @__PURE__ */ import_react178.default.createElement(
           TextField3,
           {
             id: "summaryOfUse",
             label: "Summary of use",
-            value: dataAccessRequest == null ? void 0 : dataAccessRequest.summaryOfUse,
+            value: summaryOfUse,
+            disabled: isLoadingSubmitDataAccessRequest,
             multiline: true,
             rows: 3,
-            onChange: (e3) => handleTextAreaInputChange(e3, "summaryOfUse")
+            onChange: (e3) => setSummaryOfUse(e3.target.value)
           }
         ))
       )
@@ -133975,9 +134029,10 @@ ${e3.message}`);
       Button_default,
       {
         variant: "outlined",
+        disabled: isLoadingSubmitDataAccessRequest,
         onClick: () => {
           if (dataAccessRequest) {
-            onCancel(dataAccessRequest);
+            onCancel(getDataAccessRequestWithLocalState());
           }
         }
       },
@@ -133986,6 +134041,7 @@ ${e3.message}`);
       Button_default,
       {
         variant: "contained",
+        disabled: isLoadingSubmitDataAccessRequest,
         onClick: () => {
           handleSubmit();
         }
@@ -151776,36 +151832,36 @@ ${e3.message}`);
   var import_clsx115 = __toESM(require_clsx());
 
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/internals/components/icons/index.js
-  var import_utils267 = __toESM(require_utils4());
+  var import_utils269 = __toESM(require_utils4());
   var React486 = __toESM(require_react());
   var import_jsx_runtime327 = __toESM(require_jsx_runtime());
   var import_jsx_runtime328 = __toESM(require_jsx_runtime());
-  var ArrowDropDown = (0, import_utils267.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
+  var ArrowDropDown = (0, import_utils269.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
     d: "M7 10l5 5 5-5z"
   }), "ArrowDropDown");
-  var ArrowLeft = (0, import_utils267.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
+  var ArrowLeft = (0, import_utils269.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
     d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
   }), "ArrowLeft");
-  var ArrowRight = (0, import_utils267.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
+  var ArrowRight = (0, import_utils269.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
     d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
   }), "ArrowRight");
-  var Calendar = (0, import_utils267.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
+  var Calendar = (0, import_utils269.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
     d: "M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"
   }), "Calendar");
-  var Clock = (0, import_utils267.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(React486.Fragment, {
+  var Clock = (0, import_utils269.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(React486.Fragment, {
     children: [/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
       d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
     }), /* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
       d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
     })]
   }), "Clock");
-  var DateRange = (0, import_utils267.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
+  var DateRange = (0, import_utils269.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
     d: "M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"
   }), "DateRange");
-  var Pen = (0, import_utils267.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
+  var Pen = (0, import_utils269.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
     d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
   }), "Pen");
-  var Time = (0, import_utils267.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(React486.Fragment, {
+  var Time = (0, import_utils269.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(React486.Fragment, {
     children: [/* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
       d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
     }), /* @__PURE__ */ (0, import_jsx_runtime327.jsx)("path", {
@@ -152141,7 +152197,7 @@ ${e3.message}`);
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/internals/components/wrappers/DesktopWrapper.js
   init_extends();
   var React493 = __toESM(require_react());
-  var import_utils270 = __toESM(require_utils4());
+  var import_utils272 = __toESM(require_utils4());
 
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/internals/components/wrappers/WrapperVariantContext.js
   var React490 = __toESM(require_react());
@@ -152150,7 +152206,7 @@ ${e3.message}`);
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/internals/components/PickersPopper.js
   init_extends();
   var React492 = __toESM(require_react());
-  var import_utils268 = __toESM(require_utils4());
+  var import_utils270 = __toESM(require_utils4());
 
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/PickersActionBar/PickersActionBar.js
   init_extends();
@@ -152294,13 +152350,13 @@ ${e3.message}`);
         activatedRef.current = false;
       };
     }, [active]);
-    const handleClickAway = (0, import_utils268.useEventCallback)((event) => {
+    const handleClickAway = (0, import_utils270.useEventCallback)((event) => {
       if (!activatedRef.current) {
         return;
       }
       const insideReactTree = syntheticEventRef.current;
       syntheticEventRef.current = false;
-      const doc2 = (0, import_utils268.ownerDocument)(nodeRef.current);
+      const doc2 = (0, import_utils270.ownerDocument)(nodeRef.current);
       if (!nodeRef.current || // is a TouchEvent?
       "clientX" in event && clickedRootScrollbar(event, doc2)) {
         return;
@@ -152324,7 +152380,7 @@ ${e3.message}`);
     };
     React492.useEffect(() => {
       if (active) {
-        const doc2 = (0, import_utils268.ownerDocument)(nodeRef.current);
+        const doc2 = (0, import_utils270.ownerDocument)(nodeRef.current);
         const handleTouchMove = () => {
           movedRef.current = true;
         };
@@ -152339,7 +152395,7 @@ ${e3.message}`);
     }, [active, handleClickAway]);
     React492.useEffect(() => {
       if (active) {
-        const doc2 = (0, import_utils268.ownerDocument)(nodeRef.current);
+        const doc2 = (0, import_utils270.ownerDocument)(nodeRef.current);
         doc2.addEventListener("click", handleClickAway);
         return () => {
           doc2.removeEventListener("click", handleClickAway);
@@ -152403,8 +152459,8 @@ ${e3.message}`);
     }, [open, role]);
     const [clickAwayRef, onPaperClick, onPaperTouchStart] = useClickAwayListener(open, onBlur != null ? onBlur : onClose);
     const paperRef = React492.useRef(null);
-    const handleRef = (0, import_utils268.useForkRef)(paperRef, containerRef);
-    const handlePaperRef = (0, import_utils268.useForkRef)(handleRef, clickAwayRef);
+    const handleRef = (0, import_utils270.useForkRef)(paperRef, containerRef);
+    const handlePaperRef = (0, import_utils270.useForkRef)(handleRef, clickAwayRef);
     const ownerState = props;
     const classes = useUtilityClasses117(ownerState);
     const {
@@ -152495,7 +152551,7 @@ ${e3.message}`);
       componentsProps
     } = props;
     const ownInputRef = React493.useRef(null);
-    const inputRef = (0, import_utils270.useForkRef)(DateInputProps.inputRef, ownInputRef);
+    const inputRef = (0, import_utils272.useForkRef)(DateInputProps.inputRef, ownInputRef);
     return /* @__PURE__ */ (0, import_jsx_runtime338.jsxs)(WrapperVariantContext.Provider, {
       value: "desktop",
       children: [/* @__PURE__ */ (0, import_jsx_runtime337.jsx)(KeyboardDateInputComponent, _extends({}, DateInputProps, {
@@ -152525,7 +152581,7 @@ ${e3.message}`);
 
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/internals/hooks/useViews.js
   var React494 = __toESM(require_react());
-  var import_utils271 = __toESM(require_utils4());
+  var import_utils273 = __toESM(require_utils4());
   function useViews({
     onChange: onChange2,
     onViewChange,
@@ -152534,7 +152590,7 @@ ${e3.message}`);
     views
   }) {
     var _views, _views2;
-    const [openView, setOpenView] = (0, import_utils271.useControlled)({
+    const [openView, setOpenView] = (0, import_utils273.useControlled)({
       name: "Picker",
       state: "view",
       controlled: view,
@@ -152576,13 +152632,13 @@ ${e3.message}`);
   var React501 = __toESM(require_react());
   var import_clsx121 = __toESM(require_clsx());
   var import_prop_types157 = __toESM(require_prop_types());
-  var import_utils274 = __toESM(require_utils4());
+  var import_utils276 = __toESM(require_utils4());
 
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/ClockPicker/Clock.js
   init_extends();
   var React496 = __toESM(require_react());
   var import_clsx118 = __toESM(require_clsx());
-  var import_utils273 = __toESM(require_utils());
+  var import_utils275 = __toESM(require_utils());
 
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/ClockPicker/ClockPointer.js
   init_extends();
@@ -152763,7 +152819,7 @@ ${e3.message}`);
       amButton: ["amButton"],
       pmButton: ["pmButton"]
     };
-    return (0, import_utils273.unstable_composeClasses)(slots, getClockUtilityClass, classes);
+    return (0, import_utils275.unstable_composeClasses)(slots, getClockUtilityClass, classes);
   };
   var ClockRoot = styled_default("div", {
     name: "MuiClock",
@@ -152959,7 +153015,7 @@ ${e3.message}`);
     }, [type, value]);
     const keyboardControlStep = type === "minutes" ? minutesStep : 1;
     const listboxRef = React496.useRef(null);
-    (0, import_utils273.unstable_useEnhancedEffect)(() => {
+    (0, import_utils275.unstable_useEnhancedEffect)(() => {
       if (autoFocus) {
         listboxRef.current.focus();
       }
@@ -153591,7 +153647,7 @@ ${e3.message}`);
           throw new Error("not supported");
       }
     }, [ampm, dateOrMidnight, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, minutesStep, shouldDisableTime, utils]);
-    const selectedId = (0, import_utils274.unstable_useId)();
+    const selectedId = (0, import_utils276.unstable_useId)();
     const viewProps = React501.useMemo(() => {
       switch (openView) {
         case "hours": {
@@ -153848,7 +153904,7 @@ ${e3.message}`);
   var React514 = __toESM(require_react());
   var import_prop_types161 = __toESM(require_prop_types());
   var import_clsx129 = __toESM(require_clsx());
-  var import_utils282 = __toESM(require_utils4());
+  var import_utils284 = __toESM(require_utils4());
 
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/MonthPicker/MonthPicker.js
   init_extends();
@@ -153860,7 +153916,7 @@ ${e3.message}`);
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/MonthPicker/PickersMonth.js
   init_extends();
   var React502 = __toESM(require_react());
-  var import_utils275 = __toESM(require_utils4());
+  var import_utils277 = __toESM(require_utils4());
 
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/MonthPicker/pickersMonthClasses.js
   function getPickersMonthUtilityClass(slot) {
@@ -153940,7 +153996,7 @@ ${e3.message}`);
       onSelect(value);
     };
     const ref = React502.useRef(null);
-    (0, import_utils275.unstable_useEnhancedEffect)(() => {
+    (0, import_utils277.unstable_useEnhancedEffect)(() => {
       if (hasFocus) {
         var _ref$current;
         (_ref$current = ref.current) == null ? void 0 : _ref$current.focus();
@@ -154463,8 +154519,8 @@ ${e3.message}`);
   var React508 = __toESM(require_react());
   var import_prop_types159 = __toESM(require_prop_types());
   var import_clsx124 = __toESM(require_clsx());
-  var import_utils277 = __toESM(require_utils());
-  var import_utils278 = __toESM(require_utils4());
+  var import_utils279 = __toESM(require_utils());
+  var import_utils280 = __toESM(require_utils4());
 
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/PickersDay/pickersDayClasses.js
   function getPickersDayUtilityClass(slot) {
@@ -154602,8 +154658,8 @@ ${e3.message}`);
     const classes = useUtilityClasses126(ownerState);
     const utils = useUtils();
     const ref = React508.useRef(null);
-    const handleRef = (0, import_utils278.useForkRef)(ref, forwardedRef);
-    (0, import_utils277.unstable_useEnhancedEffect)(() => {
+    const handleRef = (0, import_utils280.useForkRef)(ref, forwardedRef);
+    (0, import_utils279.unstable_useEnhancedEffect)(() => {
       if (autoFocus && !disabled && !isAnimating && !outsideCurrentMonth) {
         ref.current.focus();
       }
@@ -155345,14 +155401,14 @@ ${e3.message}`);
   var React513 = __toESM(require_react());
   var import_prop_types160 = __toESM(require_prop_types());
   var import_clsx128 = __toESM(require_clsx());
-  var import_utils280 = __toESM(require_utils4());
-  var import_utils281 = __toESM(require_utils());
+  var import_utils282 = __toESM(require_utils4());
+  var import_utils283 = __toESM(require_utils());
 
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/YearPicker/PickersYear.js
   init_extends();
   var React512 = __toESM(require_react());
   var import_clsx127 = __toESM(require_clsx());
-  var import_utils279 = __toESM(require_utils4());
+  var import_utils281 = __toESM(require_utils4());
 
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/YearPicker/pickersYearClasses.js
   function getPickersYearUtilityClass(slot) {
@@ -155371,7 +155427,7 @@ ${e3.message}`);
       classes
     } = ownerState;
     const slots = {
-      root: ["root", wrapperVariant && `mode${(0, import_utils279.capitalize)(wrapperVariant)}`],
+      root: ["root", wrapperVariant && `mode${(0, import_utils281.capitalize)(wrapperVariant)}`],
       yearButton: ["yearButton", disabled && "disabled", selected && "selected"]
     };
     return (0, import_composeClasses3.default)(slots, getPickersYearUtilityClass, classes);
@@ -155445,7 +155501,7 @@ ${e3.message}`);
       onBlur = noop10
     } = props, other = _objectWithoutPropertiesLoose(props, _excluded166);
     const ref = React512.useRef(null);
-    const refHandle = (0, import_utils279.useForkRef)(ref, forwardedRef);
+    const refHandle = (0, import_utils281.useForkRef)(ref, forwardedRef);
     const wrapperVariant = React512.useContext(WrapperVariantContext);
     const ownerState = _extends({}, props, {
       wrapperVariant
@@ -155558,7 +155614,7 @@ ${e3.message}`);
     const wrapperVariant = React513.useContext(WrapperVariantContext);
     const selectedYearRef = React513.useRef(null);
     const [focusedYear, setFocusedYear] = React513.useState(() => currentYear || utils.getYear(now3));
-    const [internalHasFocus, setInternalHasFocus] = (0, import_utils281.unstable_useControlled)({
+    const [internalHasFocus, setInternalHasFocus] = (0, import_utils283.unstable_useControlled)({
       name: "YearPicker",
       state: "hasFocus",
       controlled: hasFocus,
@@ -155638,7 +155694,7 @@ ${e3.message}`);
     }, [focusedYear, changeHasFocus]);
     const nowYear = utils.getYear(now3);
     const scrollerRef = React513.useRef(null);
-    const handleRef = (0, import_utils280.useForkRef)(ref, scrollerRef);
+    const handleRef = (0, import_utils282.useForkRef)(ref, scrollerRef);
     React513.useEffect(() => {
       if (autoFocus || scrollerRef.current === null) {
         return;
@@ -155788,7 +155844,7 @@ ${e3.message}`);
   })({});
   var CalendarPicker = /* @__PURE__ */ React514.forwardRef(function CalendarPicker2(inProps, ref) {
     const utils = useUtils();
-    const id2 = (0, import_utils282.unstable_useId)();
+    const id2 = (0, import_utils284.unstable_useId)();
     const props = useCalendarPickerDefaultizedProps(inProps, "MuiCalendarPicker");
     const {
       autoFocus,
@@ -155914,14 +155970,14 @@ ${e3.message}`);
       disabled
     };
     const gridLabelId = `${id2}-grid-label`;
-    const [internalFocusedView, setInternalFocusedView] = (0, import_utils282.useControlled)({
+    const [internalFocusedView, setInternalFocusedView] = (0, import_utils284.useControlled)({
       name: "DayPicker",
       state: "focusedView",
       controlled: focusedView,
       default: autoFocus ? openView : null
     });
     const hasFocus = internalFocusedView !== null;
-    const handleFocusedViewChange = (0, import_utils282.useEventCallback)((eventView) => (newHasFocus) => {
+    const handleFocusedViewChange = (0, import_utils284.useEventCallback)((eventView) => (newHasFocus) => {
       if (onFocusedViewChange) {
         onFocusedViewChange(eventView)(newHasFocus);
         return;
@@ -156537,7 +156593,7 @@ ${e3.message}`);
 
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/internals/hooks/useIsLandscape.js
   var React517 = __toESM(require_react());
-  var import_utils283 = __toESM(require_utils());
+  var import_utils285 = __toESM(require_utils());
   function getOrientation2() {
     if (typeof window === "undefined") {
       return "portrait";
@@ -156552,7 +156608,7 @@ ${e3.message}`);
   }
   var useIsLandscape = (views, customOrientation) => {
     const [orientation, setOrientation] = React517.useState(getOrientation2);
-    (0, import_utils283.unstable_useEnhancedEffect)(() => {
+    (0, import_utils285.unstable_useEnhancedEffect)(() => {
       const eventHandler = () => {
         setOrientation(getOrientation2());
       };
@@ -157715,7 +157771,7 @@ ${e3.message}`);
   // ../../node_modules/.pnpm/@mui+x-date-pickers@5.0.20_@emotion+react@11.10.6_@emotion+styled@11.10.6_@mui+material@5.11._r4bur2rmcrov43c5haocdz6eey/node_modules/@mui/x-date-pickers/internals/components/PureDateInput.js
   init_extends();
   var React526 = __toESM(require_react());
-  var import_utils285 = __toESM(require_utils4());
+  var import_utils287 = __toESM(require_utils4());
   var PureDateInput = /* @__PURE__ */ React526.forwardRef(function PureDateInput2(props, ref) {
     const {
       disabled,
@@ -157738,7 +157794,7 @@ ${e3.message}`);
       readOnly: true
     }), [InputProps]);
     const inputValue = getDisplayDate(utils, rawValue, inputFormat);
-    const handleOnClick = (0, import_utils285.useEventCallback)((event) => {
+    const handleOnClick = (0, import_utils287.useEventCallback)((event) => {
       event.stopPropagation();
       onOpen();
     });