synapse-react-client 4.0.9 → 4.0.10

package/dist/utils/hooks/useLogin.js

@@ -1,100 +1,101 @@
 import { AUTHENTICATION_RECEIPT_LOCALSTORAGE_KEY as e } from "../SynapseConstants.js";
 import t from "../../synapse-client/index.js";
 import { useOneSageURL as n } from "./useOneSageURL.js";
-import { useResetTwoFactorAuth as r } from "../../synapse-queries/auth/useTwoFactorEnrollment.js";
+import { TOTP_CLOCK_SKEW_ERROR_APPENDAGE as r } from "../../components/Authentication/Constants.js";
+import { useResetTwoFactorAuth as i } from "../../synapse-queries/auth/useTwoFactorEnrollment.js";
 import "../../synapse-queries/index.js";
-import { useEffect as i, useState as a } from "react";
-import { noop as o } from "lodash-es";
-import { ErrorResponseCode as s } from "@sage-bionetworks/synapse-types";
-import { instanceOfTwoFactorAuthErrorResponse as c } from "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
-import { useMutation as l } from "@tanstack/react-query";
+import { useEffect as a, useState as o } from "react";
+import { noop as s } from "lodash-es";
+import { ErrorResponseCode as c } from "@sage-bionetworks/synapse-types";
+import { instanceOfTwoFactorAuthErrorResponse as l } from "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
+import { useMutation as u } from "@tanstack/react-query";
 //#region src/utils/hooks/useLogin.ts
-var u = [
+var d = [
 	"VERIFICATION_CODE",
 	"RECOVERY_CODE",
 	"LOGGED_IN",
 	"DISABLE_2FA_PROMPT"
 ];
-function d(d) {
-	let { sessionCallback: f = o, twoFaErrorResponse: p, onTwoFactorAuthRequired: m = o } = d, [h, g] = a("CHOOSE_AUTH_METHOD"), [_, v] = a(), [y, b] = a(), x = n("/changePassword");
-	i(() => {
-		p && b(p);
-	}, [p]), i(() => {
+function f(f) {
+	let { sessionCallback: p = s, twoFaErrorResponse: m, onTwoFactorAuthRequired: h = s } = f, [g, _] = o("CHOOSE_AUTH_METHOD"), [v, y] = o(), [b, x] = o(), S = n("/changePassword");
+	a(() => {
+		m && x(m);
+	}, [m]), a(() => {
 		let { searchParams: e } = new URL(window.location.href);
 		if (e) {
 			let t = e.get("userId"), n = e.get("twoFaToken");
-			t && n && (b({
-				errorCode: s.TWO_FA_REQUIRED,
+			t && n && (x({
+				errorCode: c.TWO_FA_REQUIRED,
 				reason: "",
 				userId: parseInt(t, 10),
 				twoFaToken: n,
 				concreteType: "org.sagebionetworks.repo.model.auth.TwoFactorAuthErrorResponse"
-			}), u.includes(h) || g("VERIFICATION_CODE"));
+			}), d.includes(g) || _("VERIFICATION_CODE"));
 		}
-	}, [h]), i(() => {
-		y && (b(y), u.includes(h) || g("VERIFICATION_CODE"));
-	}, [y]), i(() => {
-		y && m(y);
-	}, [m, y]), i(() => {
-		v(void 0);
-	}, [h]);
-	async function S(n) {
-		await t.setAccessTokenCookie(n.accessToken), localStorage.setItem(e, n.authenticationReceipt ?? ""), g("LOGGED_IN"), f && f();
+	}, [g]), a(() => {
+		b && (x(b), d.includes(g) || _("VERIFICATION_CODE"));
+	}, [b]), a(() => {
+		b && h(b);
+	}, [h, b]), a(() => {
+		y(void 0);
+	}, [g]);
+	async function C(n) {
+		await t.setAccessTokenCookie(n.accessToken), localStorage.setItem(e, n.authenticationReceipt ?? ""), _("LOGGED_IN"), p && p();
 	}
-	let { mutate: C, isPending: w } = l({
+	let { mutate: w, isPending: T } = u({
 		mutationFn: ({ username: e, password: n, authenticationReceipt: r }) => t.login(e, n, r),
 		onError: (e) => {
-			v(e.reason);
+			y(e.reason);
 			let { errorResponse: t } = e;
-			t && "errorCode" in t && t.errorCode == s.PASSWORD_RESET_VIA_EMAIL_REQUIRED && window.location.assign(x.toString());
+			t && "errorCode" in t && t.errorCode == c.PASSWORD_RESET_VIA_EMAIL_REQUIRED && window.location.assign(S.toString());
 		},
 		onSuccess: async (e) => {
-			e && (c(e) ? (g("VERIFICATION_CODE"), b(e)) : await S(e));
+			e && (l(e) ? (_("VERIFICATION_CODE"), x(e)) : await C(e));
 		}
-	}), { mutate: T, isPending: E } = l({
+	}), { mutate: E, isPending: D } = u({
 		mutationFn: t.loginWith2fa,
 		onError: (e) => {
-			v(e.reason), (e.reason.includes("The provided twoFaToken is invalid") || e.reason.includes("Token has expired")) && (console.warn(e), v("Something went wrong. Refresh the page and try again."), window.location.href.includes("twoFaToken") && window.history.replaceState({}, document.title, window.location.href.replaceAll(/(twoFaToken|userId)=[^&]*&?/g, "")));
+			y(e.reason), e.reason.includes("The provided code is invalid") ? y(`${e.reason} ${r}`) : (e.reason.includes("The provided twoFaToken is invalid") || e.reason.includes("Token has expired")) && (console.warn(e), y("Something went wrong. Refresh the page and try again."), window.location.href.includes("twoFaToken") && window.history.replaceState({}, document.title, window.location.href.replaceAll(/(twoFaToken|userId)=[^&]*&?/g, "")));
 		},
-		onSuccess: S
-	}), { mutate: D, isSuccess: O, isPending: k } = r({ onError: (e) => {
-		v(e.reason);
-	} }), A = (t, n) => {
-		v(void 0), C({
+		onSuccess: C
+	}), { mutate: O, isSuccess: k, isPending: A } = i({ onError: (e) => {
+		y(e.reason);
+	} }), j = (t, n) => {
+		y(void 0), w({
 			username: t,
 			password: n,
 			authenticationReceipt: localStorage.getItem(e)
 		});
 	};
-	function j(e) {
-		return e == null ? (v("You did not first log in with your password or a third-party identity provider."), !1) : !0;
+	function M(e) {
+		return e == null ? (y("You did not first log in with your password or a third-party identity provider."), !1) : !0;
 	}
 	return {
-		step: h,
-		onStepChange: g,
-		submitUsernameAndPassword: A,
-		submitOneTimePassword: (e, t = h === "RECOVERY_CODE" ? "RECOVERY_CODE" : "TOTP") => {
-			v(void 0), j(y) && T({
-				userId: y.userId,
-				twoFaToken: y.twoFaToken,
+		step: g,
+		onStepChange: _,
+		submitUsernameAndPassword: j,
+		submitOneTimePassword: (e, t = g === "RECOVERY_CODE" ? "RECOVERY_CODE" : "TOTP") => {
+			y(void 0), M(b) && E({
+				userId: b.userId,
+				twoFaToken: b.twoFaToken,
 				otpCode: e,
 				otpType: t
 			});
 		},
-		errorMessage: _,
-		loginIsPending: w || E,
+		errorMessage: v,
+		loginIsPending: T || D,
 		beginTwoFactorAuthReset: (e) => {
-			v(void 0), j(y) && D({
-				userId: y.userId,
-				twoFaToken: y.twoFaToken,
+			y(void 0), M(b) && O({
+				userId: b.userId,
+				twoFaToken: b.twoFaToken,
 				twoFaResetEndpoint: e
 			});
 		},
-		twoFactorAuthResetIsPending: k,
-		twoFactorAuthResetIsSuccess: O
+		twoFactorAuthResetIsPending: A,
+		twoFactorAuthResetIsSuccess: k
 	};
 }
 //#endregion
-export { d as default };
+export { f as default };
 
 //# sourceMappingURL=useLogin.js.map

package/dist/utils/hooks/useLogin.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLogin.js","names":[],"sources":["../../../src/utils/hooks/useLogin.ts"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useResetTwoFactorAuth } from '@/synapse-queries'\nimport {\n  instanceOfTwoFactorAuthErrorResponse,\n  TwoFactorAuthErrorResponse,\n} from '@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  ErrorResponseCode,\n  LoginResponse,\n  TwoFactorAuthLoginRequest,\n  TwoFactorAuthOtpType,\n  TwoFactorAuthResetRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { useMutation } from '@tanstack/react-query'\nimport { noop } from 'lodash-es'\nimport { Dispatch, SetStateAction, useEffect, useState } from 'react'\nimport { AUTHENTICATION_RECEIPT_LOCALSTORAGE_KEY } from '../SynapseConstants'\nimport { useOneSageURL } from './useOneSageURL'\nimport { ONE_TIME_PASSWORD_STEP } from '@/components/Authentication/OneTimePasswordForm'\n\nexport type UseLoginOptions = {\n  sessionCallback?: () => void\n  twoFaErrorResponse?: TwoFactorAuthErrorResponse\n  /* If a twoFactorAuthError is encountered (including passed in the twoFactorAuthenticationRequired arg), this callback will be invoked */\n  onTwoFactorAuthRequired?: (\n    twoFaToken: Pick<TwoFactorAuthErrorResponse, 'twoFaToken' | 'userId'>,\n  ) => void\n}\n\nexport type UseLoginReturn = {\n  step:\n    | 'CHOOSE_AUTH_METHOD'\n    | 'USERNAME_PASSWORD'\n    | ONE_TIME_PASSWORD_STEP\n    | 'LOGGED_IN'\n  onStepChange: Dispatch<SetStateAction<UseLoginReturn['step']>>\n  submitUsernameAndPassword: (username: string, password: string) => void\n  submitOneTimePassword: (\n    code: string,\n    /* The type of one time password code that can be used to authenticate through two-factor authentication. Default is based on current value of `step` */\n    otpType?: TwoFactorAuthOtpType,\n  ) => void\n  /* Trigger sending an email which can be used to disable 2FA */\n  beginTwoFactorAuthReset: (twoFaResetEndpoint: string) => void\n  twoFactorAuthResetIsPending: boolean\n  twoFactorAuthResetIsSuccess: boolean\n  errorMessage: string | undefined\n  loginIsPending: boolean\n}\n\n// When prompting the user for a 2FA code, allow the UI to show only these steps\nconst VALID_STEPS_DURING_2FA_PROMPT: Array<UseLoginReturn['step']> = [\n  'VERIFICATION_CODE',\n  'RECOVERY_CODE',\n  'LOGGED_IN',\n  'DISABLE_2FA_PROMPT',\n]\n\n/**\n * Stateful hook that manages logging into Synapse\n */\nexport default function useLogin(opts: UseLoginOptions): UseLoginReturn {\n  const {\n    sessionCallback = noop,\n    twoFaErrorResponse: twoFaErrorResponseFromProps,\n    onTwoFactorAuthRequired = noop,\n  } = opts\n  const [step, setStep] = useState<UseLoginReturn['step']>('CHOOSE_AUTH_METHOD')\n  const [errorMessage, setErrorMessage] = useState<string | undefined>()\n  const [twoFaErrorResponse, setTwoFaErrorResponse] = useState<\n    TwoFactorAuthErrorResponse | undefined\n  >()\n\n  const changePasswordUrl = useOneSageURL('/changePassword')\n  /**\n   * Update state variable if optional prop changes\n   */\n  useEffect(() => {\n    if (twoFaErrorResponseFromProps) {\n      setTwoFaErrorResponse(twoFaErrorResponseFromProps)\n    }\n  }, [twoFaErrorResponseFromProps])\n\n  /*\n   * In SWC, if logging in with OAuth, the servlet will call POST /oauth2/session2 to get the access token.\n   *\n   * If the user has 2FA enabled, the servlet will receive a 401 with the userId and twoFaToken in the response.\n   * The servlet will then redirect the user to the login page with the userId and twoFaToken in the searchParams.\n   *\n   * This effect will check if the search params are present, and change the step to 'VERIFICATION_CODE' if they are.\n   */\n  useEffect(() => {\n    const fullUrl: URL = new URL(window.location.href)\n\n    const { searchParams } = fullUrl\n    if (searchParams) {\n      const userId = searchParams.get('userId')\n      const twoFaToken = searchParams.get('twoFaToken')\n      if (userId && twoFaToken) {\n        setTwoFaErrorResponse({\n          errorCode: ErrorResponseCode.TWO_FA_REQUIRED,\n          reason: '',\n          userId: parseInt(userId, 10),\n          twoFaToken,\n          concreteType:\n            'org.sagebionetworks.repo.model.auth.TwoFactorAuthErrorResponse',\n        })\n        if (!VALID_STEPS_DURING_2FA_PROMPT.includes(step)) {\n          setStep('VERIFICATION_CODE')\n        }\n      }\n    }\n  }, [step])\n\n  /*\n   * In client-only apps (like Portals), if logging in with OAuth, the client app will call POST /oauth2/session2 to get the access token.\n   *\n   * If the user has 2FA enabled, the client app will receive a 401 with the userId and twoFaToken in the response.\n   *\n   * The app can pass the error response as a prop/argument, and we'll use it here to jump straight to the VERIFICATION_CODE step.\n   */\n  useEffect(() => {\n    if (twoFaErrorResponse) {\n      setTwoFaErrorResponse(twoFaErrorResponse)\n      if (!VALID_STEPS_DURING_2FA_PROMPT.includes(step)) {\n        setStep('VERIFICATION_CODE')\n      }\n    }\n    // We do NOT want to rerun this effect on step change. It should only run once, when we get the error.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [twoFaErrorResponse])\n\n  /**\n   * Call the onTwoFactorAuthRequired callback when a twoFaToken is present\n   */\n  useEffect(() => {\n    if (twoFaErrorResponse) {\n      onTwoFactorAuthRequired(twoFaErrorResponse)\n    }\n  }, [onTwoFactorAuthRequired, twoFaErrorResponse])\n\n  /* When the step changes, clear the old error message. */\n  useEffect(() => {\n    setErrorMessage(undefined)\n  }, [step])\n\n  async function finishLogin(loginResponse: LoginResponse) {\n    await SynapseClient.setAccessTokenCookie(loginResponse.accessToken)\n    localStorage.setItem(\n      AUTHENTICATION_RECEIPT_LOCALSTORAGE_KEY,\n      loginResponse.authenticationReceipt ?? '',\n    )\n    setStep('LOGGED_IN')\n\n    if (sessionCallback) {\n      sessionCallback()\n    }\n  }\n\n  const {\n    mutate: mutateLoginWithUsernameAndPassword,\n    isPending: loginWithUsernameAndPasswordIsPending,\n  } = useMutation<\n    LoginResponse | TwoFactorAuthErrorResponse,\n    SynapseClientError,\n    { username: string; password: string; authenticationReceipt: string | null }\n  >({\n    mutationFn: ({ username, password, authenticationReceipt }) =>\n      SynapseClient.login(username, password, authenticationReceipt),\n    onError: error => {\n      setErrorMessage(error.reason)\n      const { errorResponse } = error\n      if (\n        errorResponse &&\n        'errorCode' in errorResponse &&\n        errorResponse.errorCode ==\n          ErrorResponseCode.PASSWORD_RESET_VIA_EMAIL_REQUIRED\n      ) {\n        window.location.assign(changePasswordUrl.toString())\n      }\n    },\n    onSuccess: async loginResponse => {\n      if (loginResponse) {\n        if (instanceOfTwoFactorAuthErrorResponse(loginResponse)) {\n          setStep('VERIFICATION_CODE')\n          setTwoFaErrorResponse(loginResponse)\n        } else {\n          await finishLogin(loginResponse)\n        }\n      }\n    },\n  })\n\n  const {\n    mutate: mutateLoginWith2FACode,\n    isPending: loginWith2FACodeIsPending,\n  } = useMutation<LoginResponse, SynapseClientError, TwoFactorAuthLoginRequest>(\n    {\n      mutationFn: SynapseClient.loginWith2fa,\n      onError: e => {\n        setErrorMessage(e.reason)\n        if (\n          // The twoFaToken wasn't transmitted correctly\n          e.reason.includes('The provided twoFaToken is invalid') ||\n          // The user waited too long to enter the code.\n          e.reason.includes('Token has expired')\n        ) {\n          console.warn(e)\n          // Instruct the user refresh to start over.\n          setErrorMessage(\n            'Something went wrong. Refresh the page and try again.',\n          )\n          // If the 2FA token is in the search parameters, remove it so the user doesn't just get the same error again.\n          if (window.location.href.includes('twoFaToken')) {\n            window.history.replaceState(\n              {},\n              document.title,\n              // using regex because SWC hashbang doesn't work with URLSearchParams\n              window.location.href.replaceAll(\n                /(twoFaToken|userId)=[^&]*&?/g,\n                '',\n              ),\n            )\n          }\n        }\n      },\n      onSuccess: finishLogin,\n    },\n  )\n\n  const {\n    mutate: resetTwoFactorAuth,\n    isSuccess: twoFactorAuthResetIsSuccess,\n    isPending: twoFactorAuthResetIsPending,\n  } = useResetTwoFactorAuth({\n    onError: e => {\n      setErrorMessage(e.reason)\n    },\n  })\n\n  const submitUsernameAndPassword: UseLoginReturn['submitUsernameAndPassword'] =\n    (username, password) => {\n      setErrorMessage(undefined)\n      const authenticationReceipt = localStorage.getItem(\n        AUTHENTICATION_RECEIPT_LOCALSTORAGE_KEY,\n      )\n      mutateLoginWithUsernameAndPassword({\n        username,\n        password,\n        authenticationReceipt,\n      })\n    }\n\n  function verifyTwoFaErrorIsPresent(\n    twoFaErrorResponse: TwoFactorAuthErrorResponse | null | undefined,\n  ): twoFaErrorResponse is TwoFactorAuthErrorResponse {\n    if (twoFaErrorResponse == null) {\n      // This type of error could happen if the 2FA component exists on its own route, and the user directly navigates to it without first logging in with credentials/OAuth\n      setErrorMessage(\n        'You did not first log in with your password or a third-party identity provider.',\n      )\n      return false\n    }\n    return true\n  }\n\n  const submitOneTimePassword: UseLoginReturn['submitOneTimePassword'] = (\n    code,\n    otpType = step === 'RECOVERY_CODE' ? 'RECOVERY_CODE' : 'TOTP',\n  ) => {\n    setErrorMessage(undefined)\n    if (verifyTwoFaErrorIsPresent(twoFaErrorResponse)) {\n      const request: TwoFactorAuthLoginRequest = {\n        userId: twoFaErrorResponse.userId!,\n        twoFaToken: twoFaErrorResponse.twoFaToken!,\n        otpCode: code,\n        otpType: otpType,\n      }\n      mutateLoginWith2FACode(request)\n    }\n  }\n\n  const beginTwoFactorAuthReset: UseLoginReturn['beginTwoFactorAuthReset'] = (\n    twoFaResetEndpoint: string,\n  ) => {\n    setErrorMessage(undefined)\n    if (verifyTwoFaErrorIsPresent(twoFaErrorResponse)) {\n      const request: TwoFactorAuthResetRequest = {\n        userId: twoFaErrorResponse.userId!,\n        twoFaToken: twoFaErrorResponse.twoFaToken,\n        twoFaResetEndpoint: twoFaResetEndpoint,\n      }\n      resetTwoFactorAuth(request)\n    }\n  }\n\n  return {\n    step,\n    onStepChange: setStep,\n    submitUsernameAndPassword,\n    submitOneTimePassword: submitOneTimePassword,\n    errorMessage,\n    loginIsPending:\n      loginWithUsernameAndPasswordIsPending || loginWith2FACodeIsPending,\n    beginTwoFactorAuthReset,\n    twoFactorAuthResetIsPending,\n    twoFactorAuthResetIsSuccess,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useLogin.js","names":[],"sources":["../../../src/utils/hooks/useLogin.ts"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useResetTwoFactorAuth } from '@/synapse-queries'\nimport {\n  instanceOfTwoFactorAuthErrorResponse,\n  TwoFactorAuthErrorResponse,\n} from '@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  ErrorResponseCode,\n  LoginResponse,\n  TwoFactorAuthLoginRequest,\n  TwoFactorAuthOtpType,\n  TwoFactorAuthResetRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { useMutation } from '@tanstack/react-query'\nimport { noop } from 'lodash-es'\nimport { Dispatch, SetStateAction, useEffect, useState } from 'react'\nimport { AUTHENTICATION_RECEIPT_LOCALSTORAGE_KEY } from '../SynapseConstants'\nimport { useOneSageURL } from './useOneSageURL'\nimport { ONE_TIME_PASSWORD_STEP } from '@/components/Authentication/OneTimePasswordForm'\nimport { TOTP_CLOCK_SKEW_ERROR_APPENDAGE } from '@/components/Authentication/Constants'\n\nexport type UseLoginOptions = {\n  sessionCallback?: () => void\n  twoFaErrorResponse?: TwoFactorAuthErrorResponse\n  /* If a twoFactorAuthError is encountered (including passed in the twoFactorAuthenticationRequired arg), this callback will be invoked */\n  onTwoFactorAuthRequired?: (\n    twoFaToken: Pick<TwoFactorAuthErrorResponse, 'twoFaToken' | 'userId'>,\n  ) => void\n}\n\nexport type UseLoginReturn = {\n  step:\n    | 'CHOOSE_AUTH_METHOD'\n    | 'USERNAME_PASSWORD'\n    | ONE_TIME_PASSWORD_STEP\n    | 'LOGGED_IN'\n  onStepChange: Dispatch<SetStateAction<UseLoginReturn['step']>>\n  submitUsernameAndPassword: (username: string, password: string) => void\n  submitOneTimePassword: (\n    code: string,\n    /* The type of one time password code that can be used to authenticate through two-factor authentication. Default is based on current value of `step` */\n    otpType?: TwoFactorAuthOtpType,\n  ) => void\n  /* Trigger sending an email which can be used to disable 2FA */\n  beginTwoFactorAuthReset: (twoFaResetEndpoint: string) => void\n  twoFactorAuthResetIsPending: boolean\n  twoFactorAuthResetIsSuccess: boolean\n  errorMessage: string | undefined\n  loginIsPending: boolean\n}\n\n// When prompting the user for a 2FA code, allow the UI to show only these steps\nconst VALID_STEPS_DURING_2FA_PROMPT: Array<UseLoginReturn['step']> = [\n  'VERIFICATION_CODE',\n  'RECOVERY_CODE',\n  'LOGGED_IN',\n  'DISABLE_2FA_PROMPT',\n]\n\n/**\n * Stateful hook that manages logging into Synapse\n */\nexport default function useLogin(opts: UseLoginOptions): UseLoginReturn {\n  const {\n    sessionCallback = noop,\n    twoFaErrorResponse: twoFaErrorResponseFromProps,\n    onTwoFactorAuthRequired = noop,\n  } = opts\n  const [step, setStep] = useState<UseLoginReturn['step']>('CHOOSE_AUTH_METHOD')\n  const [errorMessage, setErrorMessage] = useState<string | undefined>()\n  const [twoFaErrorResponse, setTwoFaErrorResponse] = useState<\n    TwoFactorAuthErrorResponse | undefined\n  >()\n\n  const changePasswordUrl = useOneSageURL('/changePassword')\n  /**\n   * Update state variable if optional prop changes\n   */\n  useEffect(() => {\n    if (twoFaErrorResponseFromProps) {\n      setTwoFaErrorResponse(twoFaErrorResponseFromProps)\n    }\n  }, [twoFaErrorResponseFromProps])\n\n  /*\n   * In SWC, if logging in with OAuth, the servlet will call POST /oauth2/session2 to get the access token.\n   *\n   * If the user has 2FA enabled, the servlet will receive a 401 with the userId and twoFaToken in the response.\n   * The servlet will then redirect the user to the login page with the userId and twoFaToken in the searchParams.\n   *\n   * This effect will check if the search params are present, and change the step to 'VERIFICATION_CODE' if they are.\n   */\n  useEffect(() => {\n    const fullUrl: URL = new URL(window.location.href)\n\n    const { searchParams } = fullUrl\n    if (searchParams) {\n      const userId = searchParams.get('userId')\n      const twoFaToken = searchParams.get('twoFaToken')\n      if (userId && twoFaToken) {\n        setTwoFaErrorResponse({\n          errorCode: ErrorResponseCode.TWO_FA_REQUIRED,\n          reason: '',\n          userId: parseInt(userId, 10),\n          twoFaToken,\n          concreteType:\n            'org.sagebionetworks.repo.model.auth.TwoFactorAuthErrorResponse',\n        })\n        if (!VALID_STEPS_DURING_2FA_PROMPT.includes(step)) {\n          setStep('VERIFICATION_CODE')\n        }\n      }\n    }\n  }, [step])\n\n  /*\n   * In client-only apps (like Portals), if logging in with OAuth, the client app will call POST /oauth2/session2 to get the access token.\n   *\n   * If the user has 2FA enabled, the client app will receive a 401 with the userId and twoFaToken in the response.\n   *\n   * The app can pass the error response as a prop/argument, and we'll use it here to jump straight to the VERIFICATION_CODE step.\n   */\n  useEffect(() => {\n    if (twoFaErrorResponse) {\n      setTwoFaErrorResponse(twoFaErrorResponse)\n      if (!VALID_STEPS_DURING_2FA_PROMPT.includes(step)) {\n        setStep('VERIFICATION_CODE')\n      }\n    }\n    // We do NOT want to rerun this effect on step change. It should only run once, when we get the error.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [twoFaErrorResponse])\n\n  /**\n   * Call the onTwoFactorAuthRequired callback when a twoFaToken is present\n   */\n  useEffect(() => {\n    if (twoFaErrorResponse) {\n      onTwoFactorAuthRequired(twoFaErrorResponse)\n    }\n  }, [onTwoFactorAuthRequired, twoFaErrorResponse])\n\n  /* When the step changes, clear the old error message. */\n  useEffect(() => {\n    setErrorMessage(undefined)\n  }, [step])\n\n  async function finishLogin(loginResponse: LoginResponse) {\n    await SynapseClient.setAccessTokenCookie(loginResponse.accessToken)\n    localStorage.setItem(\n      AUTHENTICATION_RECEIPT_LOCALSTORAGE_KEY,\n      loginResponse.authenticationReceipt ?? '',\n    )\n    setStep('LOGGED_IN')\n\n    if (sessionCallback) {\n      sessionCallback()\n    }\n  }\n\n  const {\n    mutate: mutateLoginWithUsernameAndPassword,\n    isPending: loginWithUsernameAndPasswordIsPending,\n  } = useMutation<\n    LoginResponse | TwoFactorAuthErrorResponse,\n    SynapseClientError,\n    { username: string; password: string; authenticationReceipt: string | null }\n  >({\n    mutationFn: ({ username, password, authenticationReceipt }) =>\n      SynapseClient.login(username, password, authenticationReceipt),\n    onError: error => {\n      setErrorMessage(error.reason)\n      const { errorResponse } = error\n      if (\n        errorResponse &&\n        'errorCode' in errorResponse &&\n        errorResponse.errorCode ==\n          ErrorResponseCode.PASSWORD_RESET_VIA_EMAIL_REQUIRED\n      ) {\n        window.location.assign(changePasswordUrl.toString())\n      }\n    },\n    onSuccess: async loginResponse => {\n      if (loginResponse) {\n        if (instanceOfTwoFactorAuthErrorResponse(loginResponse)) {\n          setStep('VERIFICATION_CODE')\n          setTwoFaErrorResponse(loginResponse)\n        } else {\n          await finishLogin(loginResponse)\n        }\n      }\n    },\n  })\n\n  const {\n    mutate: mutateLoginWith2FACode,\n    isPending: loginWith2FACodeIsPending,\n  } = useMutation<LoginResponse, SynapseClientError, TwoFactorAuthLoginRequest>(\n    {\n      mutationFn: SynapseClient.loginWith2fa,\n      onError: e => {\n        setErrorMessage(e.reason)\n        if (e.reason.includes('The provided code is invalid')) {\n          // The most common cause of an invalid TOTP code is clock skew between the user's device and the server.\n          setErrorMessage(`${e.reason} ${TOTP_CLOCK_SKEW_ERROR_APPENDAGE}`)\n        } else if (\n          // The twoFaToken wasn't transmitted correctly\n          e.reason.includes('The provided twoFaToken is invalid') ||\n          // The user waited too long to enter the code.\n          e.reason.includes('Token has expired')\n        ) {\n          console.warn(e)\n          // Instruct the user refresh to start over.\n          setErrorMessage(\n            'Something went wrong. Refresh the page and try again.',\n          )\n          // If the 2FA token is in the search parameters, remove it so the user doesn't just get the same error again.\n          if (window.location.href.includes('twoFaToken')) {\n            window.history.replaceState(\n              {},\n              document.title,\n              // using regex because SWC hashbang doesn't work with URLSearchParams\n              window.location.href.replaceAll(\n                /(twoFaToken|userId)=[^&]*&?/g,\n                '',\n              ),\n            )\n          }\n        }\n      },\n      onSuccess: finishLogin,\n    },\n  )\n\n  const {\n    mutate: resetTwoFactorAuth,\n    isSuccess: twoFactorAuthResetIsSuccess,\n    isPending: twoFactorAuthResetIsPending,\n  } = useResetTwoFactorAuth({\n    onError: e => {\n      setErrorMessage(e.reason)\n    },\n  })\n\n  const submitUsernameAndPassword: UseLoginReturn['submitUsernameAndPassword'] =\n    (username, password) => {\n      setErrorMessage(undefined)\n      const authenticationReceipt = localStorage.getItem(\n        AUTHENTICATION_RECEIPT_LOCALSTORAGE_KEY,\n      )\n      mutateLoginWithUsernameAndPassword({\n        username,\n        password,\n        authenticationReceipt,\n      })\n    }\n\n  function verifyTwoFaErrorIsPresent(\n    twoFaErrorResponse: TwoFactorAuthErrorResponse | null | undefined,\n  ): twoFaErrorResponse is TwoFactorAuthErrorResponse {\n    if (twoFaErrorResponse == null) {\n      // This type of error could happen if the 2FA component exists on its own route, and the user directly navigates to it without first logging in with credentials/OAuth\n      setErrorMessage(\n        'You did not first log in with your password or a third-party identity provider.',\n      )\n      return false\n    }\n    return true\n  }\n\n  const submitOneTimePassword: UseLoginReturn['submitOneTimePassword'] = (\n    code,\n    otpType = step === 'RECOVERY_CODE' ? 'RECOVERY_CODE' : 'TOTP',\n  ) => {\n    setErrorMessage(undefined)\n    if (verifyTwoFaErrorIsPresent(twoFaErrorResponse)) {\n      const request: TwoFactorAuthLoginRequest = {\n        userId: twoFaErrorResponse.userId!,\n        twoFaToken: twoFaErrorResponse.twoFaToken!,\n        otpCode: code,\n        otpType: otpType,\n      }\n      mutateLoginWith2FACode(request)\n    }\n  }\n\n  const beginTwoFactorAuthReset: UseLoginReturn['beginTwoFactorAuthReset'] = (\n    twoFaResetEndpoint: string,\n  ) => {\n    setErrorMessage(undefined)\n    if (verifyTwoFaErrorIsPresent(twoFaErrorResponse)) {\n      const request: TwoFactorAuthResetRequest = {\n        userId: twoFaErrorResponse.userId!,\n        twoFaToken: twoFaErrorResponse.twoFaToken,\n        twoFaResetEndpoint: twoFaResetEndpoint,\n      }\n      resetTwoFactorAuth(request)\n    }\n  }\n\n  return {\n    step,\n    onStepChange: setStep,\n    submitUsernameAndPassword,\n    submitOneTimePassword: submitOneTimePassword,\n    errorMessage,\n    loginIsPending:\n      loginWithUsernameAndPasswordIsPending || loginWith2FACodeIsPending,\n    beginTwoFactorAuthReset,\n    twoFactorAuthResetIsPending,\n    twoFactorAuthResetIsSuccess,\n  }\n}\n"],"mappings":"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"}

package/dist/utils/hooks/useMutuallyExclusiveState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMutuallyExclusiveState.js","names":[],"sources":["../../../src/utils/hooks/useMutuallyExclusiveState.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport * as React from 'react'\n\n/**\n * Given a React state setter and a \"mutually exclusive\" setter, return a state setter that will always\n * set the mutually exclusive state value to `false` when the new state value is `true`.\n * @param setState\n * @param setMutuallyExclusiveState\n */\nfunction mutuallyExclusiveSetterFactory(\n  setState: React.Dispatch<React.SetStateAction<boolean>>,\n  setMutuallyExclusiveState: React.Dispatch<React.SetStateAction<boolean>>,\n): React.Dispatch<React.SetStateAction<boolean>> {\n  return arg => {\n    if (typeof arg === 'function') {\n      setState(prev => {\n        const next = arg(prev)\n        if (next) {\n          setMutuallyExclusiveState(false)\n        }\n        return next\n      })\n    } else {\n      if (arg) {\n        setState(true)\n        setMutuallyExclusiveState(false)\n      } else {\n        setState(false)\n      }\n    }\n  }\n}\n\n/**\n * Wrapper for two `useState` hooks where only one of the values can be true at a time.\n * @param initialValue1\n * @param initialValue2\n */\nexport function useMutuallyExclusiveState(\n  initialValue1: boolean,\n  initialValue2: boolean,\n): [\n  value1: boolean,\n  setValue1: React.Dispatch<React.SetStateAction<boolean>>,\n  value2: boolean,\n  setValue2: React.Dispatch<React.SetStateAction<boolean>>,\n] {\n  if (initialValue1 && initialValue2) {\n    throw new Error('initialValue1 and initialValue2 cannot both be true')\n  }\n\n  const [value1, _setValue1] = React.useState(initialValue1)\n  const [value2, _setValue2] = React.useState(initialValue2)\n\n  const setValue1 = useMemo(\n    () => mutuallyExclusiveSetterFactory(_setValue1, _setValue2),\n    [],\n  )\n\n  const setValue2 = useMemo(\n    () => mutuallyExclusiveSetterFactory(_setValue2, _setValue1),\n    [],\n  )\n\n  return [value1, setValue1, value2, setValue2]\n}\n\nexport default useMutuallyExclusiveState\n"],"mappings":";;;AASA,SAAS,EACP,GACA,GAC+C;AAC/C,SAAO,MAAO;AACZ,EAAI,OAAO,KAAQ,aACjB,GAAS,MAAQ;GACf,IAAM,IAAO,EAAI,EAAK;AAItB,UAHI,KACF,EAA0B,GAAM,EAE3B;IACP,GAEE,KACF,EAAS,GAAK,EACd,EAA0B,GAAM,IAEhC,EAAS,GAAM;;;AAWvB,SAAgB,EACd,GACA,GAMA;AACA,KAAI,KAAiB,EACnB,OAAU,MAAM,sDAAsD;CAGxE,IAAM,CAAC,GAAQ,KAAc,EAAM,SAAS,EAAc,EACpD,CAAC,GAAQ,KAAc,EAAM,SAAS,EAAc;AAY1D,QAAO;EAAC;EAVU,QACV,EAA+B,GAAY,EAAW,EAC5D,EAAE,CACH;EAO0B;EALT,QACV,EAA+B,GAAY,EAAW,EAC5D,EAAE,CACH;EAE4C"}
+{"version":3,"file":"useMutuallyExclusiveState.js","names":[],"sources":["../../../src/utils/hooks/useMutuallyExclusiveState.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport * as React from 'react'\n\n/**\n * Given a React state setter and a \"mutually exclusive\" setter, return a state setter that will always\n * set the mutually exclusive state value to `false` when the new state value is `true`.\n * @param setState\n * @param setMutuallyExclusiveState\n */\nfunction mutuallyExclusiveSetterFactory(\n  setState: React.Dispatch<React.SetStateAction<boolean>>,\n  setMutuallyExclusiveState: React.Dispatch<React.SetStateAction<boolean>>,\n): React.Dispatch<React.SetStateAction<boolean>> {\n  return arg => {\n    if (typeof arg === 'function') {\n      setState(prev => {\n        const next = arg(prev)\n        if (next) {\n          setMutuallyExclusiveState(false)\n        }\n        return next\n      })\n    } else {\n      if (arg) {\n        setState(true)\n        setMutuallyExclusiveState(false)\n      } else {\n        setState(false)\n      }\n    }\n  }\n}\n\n/**\n * Wrapper for two `useState` hooks where only one of the values can be true at a time.\n * @param initialValue1\n * @param initialValue2\n */\nexport function useMutuallyExclusiveState(\n  initialValue1: boolean,\n  initialValue2: boolean,\n): [\n  value1: boolean,\n  setValue1: React.Dispatch<React.SetStateAction<boolean>>,\n  value2: boolean,\n  setValue2: React.Dispatch<React.SetStateAction<boolean>>,\n] {\n  if (initialValue1 && initialValue2) {\n    throw new Error('initialValue1 and initialValue2 cannot both be true')\n  }\n\n  const [value1, _setValue1] = React.useState(initialValue1)\n  const [value2, _setValue2] = React.useState(initialValue2)\n\n  const setValue1 = useMemo(\n    () => mutuallyExclusiveSetterFactory(_setValue1, _setValue2),\n    [],\n  )\n\n  const setValue2 = useMemo(\n    () => mutuallyExclusiveSetterFactory(_setValue2, _setValue1),\n    [],\n  )\n\n  return [value1, setValue1, value2, setValue2]\n}\n\nexport default useMutuallyExclusiveState\n"],"mappings":";;;AASA,SAAS,EACP,GACA,GAC+C;AAC/C,SAAO,MAAO;AACZ,EAAI,OAAO,KAAQ,aACjB,GAAS,MAAQ;GACf,IAAM,IAAO,EAAI,EAAK;AAItB,UAHI,KACF,EAA0B,GAAM,EAE3B;IACP,GAEE,KACF,EAAS,GAAK,EACd,EAA0B,GAAM,IAEhC,EAAS,GAAM;;;AAWvB,SAAgB,EACd,GACA,GAMA;AACA,KAAI,KAAiB,EACnB,OAAU,MAAM,sDAAsD;CAGxE,IAAM,CAAC,GAAQ,KAAc,EAAM,SAAS,EAAc,EACpD,CAAC,GAAQ,KAAc,EAAM,SAAS,EAAc;AAY1D,QAAO;EAAC;EAVU,QACV,EAA+B,GAAY,EAAW,EAC5D,EAAE,CAQY;EAAW;EALT,QACV,EAA+B,GAAY,EAAW,EAC5D,EAAE,CAG+B;EAAU"}

package/dist/utils/hooks/useOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverlay.js","names":[],"sources":["../../../src/utils/hooks/useOverlay.tsx"],"sourcesContent":["import {\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { Fade, Paper, PaperProps, Popover, PopoverProps } from '@mui/material'\n\nfunction resetTimer(timer: NodeJS.Timeout | null) {\n  if (timer) {\n    clearTimeout(timer)\n  }\n}\n\nconst DEFAULT_DELAY_SHOW_MS = 250\nconst DEFAULT_DELAY_HIDE_MS = 500\n\nconst defaultAnchorOrigin: PopoverProps['anchorOrigin'] = {\n  vertical: 'top',\n  horizontal: 'left',\n}\n\nconst defaultTransformOrigin: PopoverProps['transformOrigin'] = {\n  vertical: 'bottom',\n  horizontal: 'left',\n}\n\nexport function useOverlay(\n  children: ReactNode,\n  targetRef: RefObject<any>,\n  delayShow = DEFAULT_DELAY_SHOW_MS,\n  delayHide = DEFAULT_DELAY_HIDE_MS,\n  paperProps?: PaperProps,\n) {\n  const isMounted = useRef(false)\n  const timer = useRef<NodeJS.Timeout | null>(null)\n  const [isShowing, setIsShowing] = useState(false)\n\n  useEffect(() => {\n    isMounted.current = true\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  const toggle = useCallback(\n    (show: boolean = isShowing, withDelay: boolean = true) => {\n      resetTimer(timer.current)\n      if (withDelay) {\n        timer.current = setTimeout(\n          () => {\n            if (isMounted.current) {\n              setIsShowing(show)\n            }\n          },\n          show ? delayShow : delayHide,\n        )\n      } else {\n        setIsShowing(show)\n      }\n    },\n    [delayHide, delayShow, isShowing],\n  )\n\n  const toggleShow = useCallback(\n    (withDelay: boolean = true) => {\n      toggle(true, withDelay)\n    },\n    [toggle],\n  )\n\n  const toggleHide = useCallback(\n    (withDelay: boolean = true) => {\n      toggle(false, withDelay)\n    },\n    [toggle],\n  )\n\n  const OverlayComponent = useCallback(\n    () => (\n      <Popover\n        anchorEl={targetRef.current}\n        open={isShowing}\n        anchorOrigin={defaultAnchorOrigin}\n        transformOrigin={defaultTransformOrigin}\n        sx={{ pointerEvents: 'none' }}\n        slots={{\n          transition: Fade,\n        }}\n      >\n        <Paper\n          {...paperProps}\n          onMouseEnter={() => {\n            toggle(true, false)\n          }}\n          onMouseLeave={() => {\n            toggleHide(true)\n          }}\n          sx={{\n            pointerEvents: 'auto',\n            width: 'max-content',\n            minWidth: '300px',\n            ...paperProps?.sx,\n          }}\n        >\n          {children}\n        </Paper>\n      </Popover>\n    ),\n    [children, isShowing, paperProps, targetRef, toggle, toggleHide],\n  )\n\n  return { OverlayComponent, isShowing, toggleShow, toggleHide, toggle }\n}\n"],"mappings":";;;;AAUA,SAAS,EAAW,GAA8B;AAChD,CAAI,KACF,aAAa,EAAM;;AAIvB,IAAM,IAAwB,KACxB,IAAwB,KAExB,IAAoD;CACxD,UAAU;CACV,YAAY;CACb,EAEK,IAA0D;CAC9D,UAAU;CACV,YAAY;CACb;AAED,SAAgB,EACd,GACA,GACA,IAAY,GACZ,IAAY,GACZ,GACA;CACA,IAAM,IAAY,EAAO,GAAM,EACzB,IAAQ,EAA8B,KAAK,EAC3C,CAAC,GAAW,KAAgB,EAAS,GAAM;AAEjD,UACE,EAAU,UAAU,UACP;AACX,IAAU,UAAU;KAErB,EAAE,CAAC;CAEN,IAAM,IAAS,GACZ,IAAgB,GAAW,IAAqB,OAAS;AAExD,EADA,EAAW,EAAM,QAAQ,EACrB,IACF,EAAM,UAAU,iBACR;AACJ,GAAI,EAAU,WACZ,EAAa,EAAK;KAGtB,IAAO,IAAY,EACpB,GAED,EAAa,EAAK;IAGtB;EAAC;EAAW;EAAW;EAAU,CAClC,EAEK,IAAa,GAChB,IAAqB,OAAS;AAC7B,IAAO,IAAM,EAAU;IAEzB,CAAC,EAAO,CACT,EAEK,IAAa,GAChB,IAAqB,OAAS;AAC7B,IAAO,IAAO,EAAU;IAE1B,CAAC,EAAO,CACT;AAoCD,QAAO;EAAE,kBAlCgB,QAErB,kBAAC,GAAD;GACE,UAAU,EAAU;GACpB,MAAM;GACN,cAAc;GACd,iBAAiB;GACjB,IAAI,EAAE,eAAe,QAAQ;GAC7B,OAAO,EACL,YAAY,GACb;aAED,kBAAC,GAAD;IACE,GAAI;IACJ,oBAAoB;AAClB,OAAO,IAAM,GAAM;;IAErB,oBAAoB;AAClB,OAAW,GAAK;;IAElB,IAAI;KACF,eAAe;KACf,OAAO;KACP,UAAU;KACV,GAAG,GAAY;KAChB;IAEA;IACK,CAAA;GACA,CAAA,EAEZ;GAAC;GAAU;GAAW;GAAY;GAAW;GAAQ;GAAW,CACjE;EAE0B;EAAW;EAAY;EAAY;EAAQ"}
+{"version":3,"file":"useOverlay.js","names":[],"sources":["../../../src/utils/hooks/useOverlay.tsx"],"sourcesContent":["import {\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { Fade, Paper, PaperProps, Popover, PopoverProps } from '@mui/material'\n\nfunction resetTimer(timer: NodeJS.Timeout | null) {\n  if (timer) {\n    clearTimeout(timer)\n  }\n}\n\nconst DEFAULT_DELAY_SHOW_MS = 250\nconst DEFAULT_DELAY_HIDE_MS = 500\n\nconst defaultAnchorOrigin: PopoverProps['anchorOrigin'] = {\n  vertical: 'top',\n  horizontal: 'left',\n}\n\nconst defaultTransformOrigin: PopoverProps['transformOrigin'] = {\n  vertical: 'bottom',\n  horizontal: 'left',\n}\n\nexport function useOverlay(\n  children: ReactNode,\n  targetRef: RefObject<any>,\n  delayShow = DEFAULT_DELAY_SHOW_MS,\n  delayHide = DEFAULT_DELAY_HIDE_MS,\n  paperProps?: PaperProps,\n) {\n  const isMounted = useRef(false)\n  const timer = useRef<NodeJS.Timeout | null>(null)\n  const [isShowing, setIsShowing] = useState(false)\n\n  useEffect(() => {\n    isMounted.current = true\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  const toggle = useCallback(\n    (show: boolean = isShowing, withDelay: boolean = true) => {\n      resetTimer(timer.current)\n      if (withDelay) {\n        timer.current = setTimeout(\n          () => {\n            if (isMounted.current) {\n              setIsShowing(show)\n            }\n          },\n          show ? delayShow : delayHide,\n        )\n      } else {\n        setIsShowing(show)\n      }\n    },\n    [delayHide, delayShow, isShowing],\n  )\n\n  const toggleShow = useCallback(\n    (withDelay: boolean = true) => {\n      toggle(true, withDelay)\n    },\n    [toggle],\n  )\n\n  const toggleHide = useCallback(\n    (withDelay: boolean = true) => {\n      toggle(false, withDelay)\n    },\n    [toggle],\n  )\n\n  const OverlayComponent = useCallback(\n    () => (\n      <Popover\n        anchorEl={targetRef.current}\n        open={isShowing}\n        anchorOrigin={defaultAnchorOrigin}\n        transformOrigin={defaultTransformOrigin}\n        sx={{ pointerEvents: 'none' }}\n        slots={{\n          transition: Fade,\n        }}\n      >\n        <Paper\n          {...paperProps}\n          onMouseEnter={() => {\n            toggle(true, false)\n          }}\n          onMouseLeave={() => {\n            toggleHide(true)\n          }}\n          sx={{\n            pointerEvents: 'auto',\n            width: 'max-content',\n            minWidth: '300px',\n            ...paperProps?.sx,\n          }}\n        >\n          {children}\n        </Paper>\n      </Popover>\n    ),\n    [children, isShowing, paperProps, targetRef, toggle, toggleHide],\n  )\n\n  return { OverlayComponent, isShowing, toggleShow, toggleHide, toggle }\n}\n"],"mappings":";;;;AAUA,SAAS,EAAW,GAA8B;AAChD,CAAI,KACF,aAAa,EAAM;;AAIvB,IAAM,IAAwB,KACxB,IAAwB,KAExB,IAAoD;CACxD,UAAU;CACV,YAAY;CACb,EAEK,IAA0D;CAC9D,UAAU;CACV,YAAY;CACb;AAED,SAAgB,EACd,GACA,GACA,IAAY,GACZ,IAAY,GACZ,GACA;CACA,IAAM,IAAY,EAAO,GAAM,EACzB,IAAQ,EAA8B,KAAK,EAC3C,CAAC,GAAW,KAAgB,EAAS,GAAM;AAEjD,UACE,EAAU,UAAU,UACP;AACX,IAAU,UAAU;KAErB,EAAE,CAAC;CAEN,IAAM,IAAS,GACZ,IAAgB,GAAW,IAAqB,OAAS;AAExD,EADA,EAAW,EAAM,QAAQ,EACrB,IACF,EAAM,UAAU,iBACR;AACJ,GAAI,EAAU,WACZ,EAAa,EAAK;KAGtB,IAAO,IAAY,EACpB,GAED,EAAa,EAAK;IAGtB;EAAC;EAAW;EAAW;EAAU,CAClC,EAEK,IAAa,GAChB,IAAqB,OAAS;AAC7B,IAAO,IAAM,EAAU;IAEzB,CAAC,EAAO,CACT,EAEK,IAAa,GAChB,IAAqB,OAAS;AAC7B,IAAO,IAAO,EAAU;IAE1B,CAAC,EAAO,CACT;AAoCD,QAAO;EAAE,kBAlCgB,QAErB,kBAAC,GAAD;GACE,UAAU,EAAU;GACpB,MAAM;GACN,cAAc;GACd,iBAAiB;GACjB,IAAI,EAAE,eAAe,QAAQ;GAC7B,OAAO,EACL,YAAY,GACb;aAED,kBAAC,GAAD;IACE,GAAI;IACJ,oBAAoB;AAClB,OAAO,IAAM,GAAM;;IAErB,oBAAoB;AAClB,OAAW,GAAK;;IAElB,IAAI;KACF,eAAe;KACf,OAAO;KACP,UAAU;KACV,GAAG,GAAY;KAChB;IAEA;IACK,CAAA;GACA,CAAA,EAEZ;GAAC;GAAU;GAAW;GAAY;GAAW;GAAQ;GAAW,CAGzD;EAAkB;EAAW;EAAY;EAAY;EAAQ"}

package/dist/utils/hooks/usePreFetchResource.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePreFetchResource.js","names":[],"sources":["../../../src/utils/hooks/usePreFetchResource.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { useQuery } from '@tanstack/react-query'\n\nexport async function fetchBlob(url: string): Promise<Blob> {\n  const response = await fetch(url)\n  return await response.blob()\n}\n\nexport function releaseResourceUrl(resourceUrl: string) {\n  URL.revokeObjectURL(resourceUrl)\n}\n\n/**\n * Custom hook for retrieving a resource and assigning it a localhost URL. This is useful for\n * fetching resources from URLs that may expire before the resource renders.\n * @param preSignedURL\n * @returns a localhost URL referencing the prefetched resource\n */\nexport default function usePreFetchResource(\n  preSignedURL?: string,\n): string | undefined {\n  const { data: blob, error } = useQuery({\n    queryKey: ['usePreFetchResource', preSignedURL],\n    queryFn: () => fetchBlob(preSignedURL!),\n    enabled: !!preSignedURL,\n    // The URL may expire, so the fetched item should never be marked as 'stale'; a refetch may not work.\n    staleTime: Infinity,\n  })\n\n  useEffect(() => {\n    if (error) {\n      console.error(\n        `Failed to fetch object with presigned URL ${preSignedURL}. See network log for details`,\n      )\n    }\n  }, [error, preSignedURL])\n\n  // While the retrieved data is cached by react-query, the object created by URL.createObjectURL is not. More specifically,\n  // the stored object is different for each instance of this hook, so when one instance tears down and deletes its object,\n  // other instances of the hook are not affected.\n  // This uses more memory than necessary in cases where the same object is fetched multiple times, but it's a tradeoff\n  // for simple cache and resource management.\n  return useCreateUrlForData(blob)\n}\n\n/**\n * Uses URL.createObjectURL to create a URL for the given blob. When this hook unmounts, the URL is released.\n * @param blob\n */\nexport function useCreateUrlForData(blob: Blob | null | undefined) {\n  const [resourceUrl, setResourceURL] = useState<string | undefined>(undefined)\n\n  useEffect(() => {\n    if (blob) {\n      const objectUrl = URL.createObjectURL(blob)\n      setResourceURL(objectUrl)\n    } else {\n      setResourceURL(undefined)\n    }\n  }, [blob])\n\n  useEffect(() => {\n    return () => {\n      // When we no longer need the object, we release it.\n      // See https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL\n      if (resourceUrl) {\n        releaseResourceUrl(resourceUrl)\n      }\n    }\n  }, [resourceUrl])\n\n  return resourceUrl\n}\n"],"mappings":";;;AAGA,eAAsB,EAAU,GAA4B;AAE1D,QAAO,OADU,MAAM,MAAM,EAAI,EACX,MAAM;;AAG9B,SAAgB,EAAmB,GAAqB;AACtD,KAAI,gBAAgB,EAAY;;AASlC,SAAwB,EACtB,GACoB;CACpB,IAAM,EAAE,MAAM,GAAM,aAAU,EAAS;EACrC,UAAU,CAAC,uBAAuB,EAAa;EAC/C,eAAe,EAAU,EAAc;EACvC,SAAS,CAAC,CAAC;EAEX,WAAW;EACZ,CAAC;AAeF,QAbA,QAAgB;AACd,EAAI,KACF,QAAQ,MACN,6CAA6C,EAAa,+BAC3D;IAEF,CAAC,GAAO,EAAa,CAAC,EAOlB,EAAoB,EAAK;;AAOlC,SAAgB,EAAoB,GAA+B;CACjE,IAAM,CAAC,GAAa,KAAkB,EAA6B,KAAA,EAAU;AAqB7E,QAnBA,QAAgB;AACd,EAEE,EAFE,IACgB,IAAI,gBAAgB,EAAK,GAG5B,KAAA,EAAU;IAE1B,CAAC,EAAK,CAAC,EAEV,cACe;AAGX,EAAI,KACF,EAAmB,EAAY;IAGlC,CAAC,EAAY,CAAC,EAEV"}
+{"version":3,"file":"usePreFetchResource.js","names":[],"sources":["../../../src/utils/hooks/usePreFetchResource.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { useQuery } from '@tanstack/react-query'\n\nexport async function fetchBlob(url: string): Promise<Blob> {\n  const response = await fetch(url)\n  return await response.blob()\n}\n\nexport function releaseResourceUrl(resourceUrl: string) {\n  URL.revokeObjectURL(resourceUrl)\n}\n\n/**\n * Custom hook for retrieving a resource and assigning it a localhost URL. This is useful for\n * fetching resources from URLs that may expire before the resource renders.\n * @param preSignedURL\n * @returns a localhost URL referencing the prefetched resource\n */\nexport default function usePreFetchResource(\n  preSignedURL?: string,\n): string | undefined {\n  const { data: blob, error } = useQuery({\n    queryKey: ['usePreFetchResource', preSignedURL],\n    queryFn: () => fetchBlob(preSignedURL!),\n    enabled: !!preSignedURL,\n    // The URL may expire, so the fetched item should never be marked as 'stale'; a refetch may not work.\n    staleTime: Infinity,\n  })\n\n  useEffect(() => {\n    if (error) {\n      console.error(\n        `Failed to fetch object with presigned URL ${preSignedURL}. See network log for details`,\n      )\n    }\n  }, [error, preSignedURL])\n\n  // While the retrieved data is cached by react-query, the object created by URL.createObjectURL is not. More specifically,\n  // the stored object is different for each instance of this hook, so when one instance tears down and deletes its object,\n  // other instances of the hook are not affected.\n  // This uses more memory than necessary in cases where the same object is fetched multiple times, but it's a tradeoff\n  // for simple cache and resource management.\n  return useCreateUrlForData(blob)\n}\n\n/**\n * Uses URL.createObjectURL to create a URL for the given blob. When this hook unmounts, the URL is released.\n * @param blob\n */\nexport function useCreateUrlForData(blob: Blob | null | undefined) {\n  const [resourceUrl, setResourceURL] = useState<string | undefined>(undefined)\n\n  useEffect(() => {\n    if (blob) {\n      const objectUrl = URL.createObjectURL(blob)\n      setResourceURL(objectUrl)\n    } else {\n      setResourceURL(undefined)\n    }\n  }, [blob])\n\n  useEffect(() => {\n    return () => {\n      // When we no longer need the object, we release it.\n      // See https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL\n      if (resourceUrl) {\n        releaseResourceUrl(resourceUrl)\n      }\n    }\n  }, [resourceUrl])\n\n  return resourceUrl\n}\n"],"mappings":";;;AAGA,eAAsB,EAAU,GAA4B;AAE1D,QAAO,OAAM,MADU,MAAM,EAAI,EACX,MAAM;;AAG9B,SAAgB,EAAmB,GAAqB;AACtD,KAAI,gBAAgB,EAAY;;AASlC,SAAwB,EACtB,GACoB;CACpB,IAAM,EAAE,MAAM,GAAM,aAAU,EAAS;EACrC,UAAU,CAAC,uBAAuB,EAAa;EAC/C,eAAe,EAAU,EAAc;EACvC,SAAS,CAAC,CAAC;EAEX,WAAW;EACZ,CAAC;AAeF,QAbA,QAAgB;AACd,EAAI,KACF,QAAQ,MACN,6CAA6C,EAAa,+BAC3D;IAEF,CAAC,GAAO,EAAa,CAAC,EAOlB,EAAoB,EAAK;;AAOlC,SAAgB,EAAoB,GAA+B;CACjE,IAAM,CAAC,GAAa,KAAkB,EAA6B,KAAA,EAAU;AAqB7E,QAnBA,QAAgB;AACd,EAEE,EAFE,IACgB,IAAI,gBAAgB,EACvB,GAEA,KAAA,EAAU;IAE1B,CAAC,EAAK,CAAC,EAEV,cACe;AAGX,EAAI,KACF,EAAmB,EAAY;IAGlC,CAAC,EAAY,CAAC,EAEV"}

package/dist/utils/hooks/useQuerySearchParam.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQuerySearchParam.js","names":[],"sources":["../../../src/utils/hooks/useQuerySearchParam.ts"],"sourcesContent":["import { useLocation } from 'react-router'\n\n/**\n * If defined, get the query search parameter value for the given parameter name\n * @param queryParamName\n * @returns\n */\nexport function useQuerySearchParam(\n  queryParamName: string,\n): string | undefined {\n  const search = new URLSearchParams(useLocation().search)\n  const value = search.get(queryParamName)\n  return value ?? undefined\n}\n"],"mappings":";;AAOA,SAAgB,EACd,GACoB;AAGpB,QAFe,IAAI,gBAAgB,GAAa,CAAC,OAAO,CACnC,IAAI,EAAe,IACxB,KAAA"}
+{"version":3,"file":"useQuerySearchParam.js","names":[],"sources":["../../../src/utils/hooks/useQuerySearchParam.ts"],"sourcesContent":["import { useLocation } from 'react-router'\n\n/**\n * If defined, get the query search parameter value for the given parameter name\n * @param queryParamName\n * @returns\n */\nexport function useQuerySearchParam(\n  queryParamName: string,\n): string | undefined {\n  const search = new URLSearchParams(useLocation().search)\n  const value = search.get(queryParamName)\n  return value ?? undefined\n}\n"],"mappings":";;AAOA,SAAgB,EACd,GACoB;AAGpB,QADc,IADK,gBAAgB,GAAa,CAAC,OACnC,CAAO,IAAI,EAClB,IAAS,KAAA"}

package/dist/utils/hooks/useScrollFadeTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollFadeTransition.js","names":[],"sources":["../../../src/utils/hooks/useScrollFadeTransition.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\n\nconst calculateOpacity = (rect: DOMRect): number => {\n  const viewportHeight = window.innerHeight\n  const elementCenterY = rect.top + rect.height / 2\n  const middleRangeStart = viewportHeight * 0.4\n  const middleRangeEnd = viewportHeight * 0.6\n\n  if (elementCenterY <= middleRangeEnd) {\n    // && elementCenterY >= middleRangeStart) {\n    // center of element is within the viewport bounds that I want to show full opacity\n    return 1\n  } else {\n    //otherwise, subtract the % (of the center of the element to one of the boundaries)\n    const distanceToMiddle = Math.min(\n      Math.abs(elementCenterY - middleRangeStart),\n      Math.abs(elementCenterY - middleRangeEnd),\n    )\n    const maxDistance = viewportHeight / 4\n    return Math.max(0, 1 - distanceToMiddle / maxDistance)\n  }\n}\n/**\n * Use this hook if you want to change the opacity of an element dynamically based on where an element is in the current viewport.\n * Opacity will be 1 when the element is in the middle of the viewport, and 0 when it is outside of the viewport.\n * @returns\n */\nexport function useScrollFadeTransition() {\n  const ref = useRef(null)\n  // opacity of the desktop image\n  const [opacity, setOpacity] = useState(1)\n\n  // listen to the scroll event, and calculate the opacity based on\n  useEffect(() => {\n    const handleScroll = () => {\n      const rect = (ref.current as any).getBoundingClientRect()\n      setOpacity(calculateOpacity(rect))\n    }\n\n    if (ref) {\n      window.addEventListener('scroll', handleScroll)\n      handleScroll()\n    }\n    return () => window.removeEventListener('scroll', handleScroll)\n  }, [ref])\n  return { ref, opacity }\n}\n"],"mappings":";;AAEA,IAAM,KAAoB,MAA0B;CAClD,IAAM,IAAiB,OAAO,aACxB,IAAiB,EAAK,MAAM,EAAK,SAAS,GAC1C,IAAmB,IAAiB,IACpC,IAAiB,IAAiB;AAExC,KAAI,KAAkB,EAGpB,QAAO;CACF;EAEL,IAAM,IAAmB,KAAK,IAC5B,KAAK,IAAI,IAAiB,EAAiB,EAC3C,KAAK,IAAI,IAAiB,EAAe,CAC1C,EACK,IAAc,IAAiB;AACrC,SAAO,KAAK,IAAI,GAAG,IAAI,IAAmB,EAAY;;;AAQ1D,SAAgB,IAA0B;CACxC,IAAM,IAAM,EAAO,KAAK,EAElB,CAAC,GAAS,KAAc,EAAS,EAAE;AAezC,QAZA,QAAgB;EACd,IAAM,UAAqB;AAEzB,KAAW,EADG,EAAI,QAAgB,uBAAuB,CACxB,CAAC;;AAOpC,SAJI,MACF,OAAO,iBAAiB,UAAU,EAAa,EAC/C,GAAc,SAEH,OAAO,oBAAoB,UAAU,EAAa;IAC9D,CAAC,EAAI,CAAC,EACF;EAAE;EAAK;EAAS"}
+{"version":3,"file":"useScrollFadeTransition.js","names":[],"sources":["../../../src/utils/hooks/useScrollFadeTransition.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react'\n\nconst calculateOpacity = (rect: DOMRect): number => {\n  const viewportHeight = window.innerHeight\n  const elementCenterY = rect.top + rect.height / 2\n  const middleRangeStart = viewportHeight * 0.4\n  const middleRangeEnd = viewportHeight * 0.6\n\n  if (elementCenterY <= middleRangeEnd) {\n    // && elementCenterY >= middleRangeStart) {\n    // center of element is within the viewport bounds that I want to show full opacity\n    return 1\n  } else {\n    //otherwise, subtract the % (of the center of the element to one of the boundaries)\n    const distanceToMiddle = Math.min(\n      Math.abs(elementCenterY - middleRangeStart),\n      Math.abs(elementCenterY - middleRangeEnd),\n    )\n    const maxDistance = viewportHeight / 4\n    return Math.max(0, 1 - distanceToMiddle / maxDistance)\n  }\n}\n/**\n * Use this hook if you want to change the opacity of an element dynamically based on where an element is in the current viewport.\n * Opacity will be 1 when the element is in the middle of the viewport, and 0 when it is outside of the viewport.\n * @returns\n */\nexport function useScrollFadeTransition() {\n  const ref = useRef(null)\n  // opacity of the desktop image\n  const [opacity, setOpacity] = useState(1)\n\n  // listen to the scroll event, and calculate the opacity based on\n  useEffect(() => {\n    const handleScroll = () => {\n      const rect = (ref.current as any).getBoundingClientRect()\n      setOpacity(calculateOpacity(rect))\n    }\n\n    if (ref) {\n      window.addEventListener('scroll', handleScroll)\n      handleScroll()\n    }\n    return () => window.removeEventListener('scroll', handleScroll)\n  }, [ref])\n  return { ref, opacity }\n}\n"],"mappings":";;AAEA,IAAM,KAAoB,MAA0B;CAClD,IAAM,IAAiB,OAAO,aACxB,IAAiB,EAAK,MAAM,EAAK,SAAS,GAC1C,IAAmB,IAAiB,IACpC,IAAiB,IAAiB;AAExC,KAAI,KAAkB,EAGpB,QAAO;CACF;EAEL,IAAM,IAAmB,KAAK,IAC5B,KAAK,IAAI,IAAiB,EAAiB,EAC3C,KAAK,IAAI,IAAiB,EAAe,CAC1C,EACK,IAAc,IAAiB;AACrC,SAAO,KAAK,IAAI,GAAG,IAAI,IAAmB,EAAY;;;AAQ1D,SAAgB,IAA0B;CACxC,IAAM,IAAM,EAAO,KAAK,EAElB,CAAC,GAAS,KAAc,EAAS,EAAE;AAezC,QAZA,QAAgB;EACd,IAAM,UAAqB;AAEzB,KAAW,EADG,EAAI,QAAgB,uBACN,CAAK,CAAC;;AAOpC,SAJI,MACF,OAAO,iBAAiB,UAAU,EAAa,EAC/C,GAAc,SAEH,OAAO,oBAAoB,UAAU,EAAa;IAC9D,CAAC,EAAI,CAAC,EACF;EAAE;EAAK;EAAS"}

package/dist/utils/hooks/useSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSet.js","names":[],"sources":["../../../src/utils/hooks/useSet.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\n\nexport interface UseSetReturn<T> {\n  set: Omit<Set<T>, 'add' | 'delete' | 'clear'>\n  add: (...items: T[]) => void\n  remove: (item: T) => void\n  clear: () => void\n}\n\n/**\n * Hook for storing an ES6 set in React state. Methods that mutate the set have been hidden via TypeScript,\n * so if you adhere to the type definitions, the set is essentially immutable.\n * Modifications to the set should only be done via the functions returned by the hook, which will create a new object to trigger rerendering.\n * @param initialState\n * @returns\n */\nexport function useSet<T>(initialState?: T[] | Set<T>): UseSetReturn<T> {\n  const [set, setSet] = useState(new Set(initialState))\n\n  const add = useCallback(\n    (...items: T[]) => {\n      const newSet = new Set(set)\n      for (const item of items) {\n        newSet.add(item)\n      }\n      setSet(newSet)\n    },\n    [set],\n  )\n\n  const remove = useCallback(\n    (item: T) => {\n      const newSet = new Set(set)\n      newSet.delete(item)\n      setSet(newSet)\n    },\n    [set],\n  )\n\n  const clear = useCallback(() => {\n    setSet(new Set())\n  }, [])\n\n  return {\n    set,\n    add,\n    remove,\n    clear,\n  }\n}\n"],"mappings":";;AAgBA,SAAgB,EAAU,GAA8C;CACtE,IAAM,CAAC,GAAK,KAAU,EAAS,IAAI,IAAI,EAAa,CAAC;AA0BrD,QAAO;EACL;EACA,KA1BU,GACT,GAAG,MAAe;GACjB,IAAM,IAAS,IAAI,IAAI,EAAI;AAC3B,QAAK,IAAM,KAAQ,EACjB,GAAO,IAAI,EAAK;AAElB,KAAO,EAAO;KAEhB,CAAC,EAAI,CACN;EAkBC,QAhBa,GACZ,MAAY;GACX,IAAM,IAAS,IAAI,IAAI,EAAI;AAE3B,GADA,EAAO,OAAO,EAAK,EACnB,EAAO,EAAO;KAEhB,CAAC,EAAI,CACN;EAUC,OARY,QAAkB;AAC9B,qBAAO,IAAI,KAAK,CAAC;KAChB,EAAE,CAAC;EAOL"}
+{"version":3,"file":"useSet.js","names":[],"sources":["../../../src/utils/hooks/useSet.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\n\nexport interface UseSetReturn<T> {\n  set: Omit<Set<T>, 'add' | 'delete' | 'clear'>\n  add: (...items: T[]) => void\n  remove: (item: T) => void\n  clear: () => void\n}\n\n/**\n * Hook for storing an ES6 set in React state. Methods that mutate the set have been hidden via TypeScript,\n * so if you adhere to the type definitions, the set is essentially immutable.\n * Modifications to the set should only be done via the functions returned by the hook, which will create a new object to trigger rerendering.\n * @param initialState\n * @returns\n */\nexport function useSet<T>(initialState?: T[] | Set<T>): UseSetReturn<T> {\n  const [set, setSet] = useState(new Set(initialState))\n\n  const add = useCallback(\n    (...items: T[]) => {\n      const newSet = new Set(set)\n      for (const item of items) {\n        newSet.add(item)\n      }\n      setSet(newSet)\n    },\n    [set],\n  )\n\n  const remove = useCallback(\n    (item: T) => {\n      const newSet = new Set(set)\n      newSet.delete(item)\n      setSet(newSet)\n    },\n    [set],\n  )\n\n  const clear = useCallback(() => {\n    setSet(new Set())\n  }, [])\n\n  return {\n    set,\n    add,\n    remove,\n    clear,\n  }\n}\n"],"mappings":";;AAgBA,SAAgB,EAAU,GAA8C;CACtE,IAAM,CAAC,GAAK,KAAU,EAAS,IAAI,IAAI,EAAa,CAAC;AA0BrD,QAAO;EACL;EACA,KA1BU,GACT,GAAG,MAAe;GACjB,IAAM,IAAS,IAAI,IAAI,EAAI;AAC3B,QAAK,IAAM,KAAQ,EACjB,GAAO,IAAI,EAAK;AAElB,KAAO,EAAO;KAEhB,CAAC,EAAI,CAkBL;EACA,QAhBa,GACZ,MAAY;GACX,IAAM,IAAS,IAAI,IAAI,EAAI;AAE3B,GADA,EAAO,OAAO,EAAK,EACnB,EAAO,EAAO;KAEhB,CAAC,EAAI,CAUL;EACA,OARY,QAAkB;AAC9B,qBAAO,IAAI,KAAK,CAAC;KAChB,EAAE,CAMH;EACD"}

package/dist/utils/hooks/useSourceAppConfigs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSourceAppConfigs.js","names":[],"sources":["../../../src/utils/hooks/useSourceAppConfigs.tsx"],"sourcesContent":["import SourceAppImage from '@/components/SourceAppImage'\nimport SynapseClient from '@/synapse-client'\nimport Palettes from '@/theme/palette/Palettes'\nimport { Realm } from '@sage-bionetworks/synapse-client'\nimport { PaletteOptions } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '../SynapseConstants'\nimport { QueryFilter } from '@sage-bionetworks/synapse-types'\nimport { useQueries, useSuspenseQuery } from '@tanstack/react-query'\nimport { useSynapseContext } from '../context/SynapseContext'\nimport { tableQueryUseQueryDefaults } from '@/synapse-queries'\nimport { getRealmByIdQueryOptions } from '@/synapse-queries/realm/useRealmPrincipals'\n\nexport type SourceAppConfig = {\n  appId: string // app ID used in the query params\n  appURL: string // URL that points to the production version of this app\n  friendlyName: string\n  logo: ReactNode\n  palette: PaletteOptions\n  description: string\n  requestAffiliation: boolean // If set to true, a special screen is shown requesting the user to fill out UserProfile.company\n  isPublicized: boolean // If set to true, this will be included in the list of the available Sage Resources\n  shortDescription: string\n  defaultRealm: Realm\n  area?: string\n}\n\n// A static SourceAppConfig to use as a fallback in case the request to get source app configs fails\nexport const STATIC_SOURCE_APP_CONFIG: SourceAppConfig = {\n  appId: 'synapse.org',\n  appURL: '',\n  description: '',\n  friendlyName: 'Synapse',\n  requestAffiliation: false,\n  logo: <></>,\n  isPublicized: true,\n  palette: { ...Palettes.palette },\n  shortDescription: '',\n  defaultRealm: {\n    id: '0',\n    name: 'Synapse',\n  },\n}\n\n// Stable array reference to prevent infinite re-renders\nconst FALLBACK_SOURCE_APP_CONFIGS = [STATIC_SOURCE_APP_CONFIG]\n\ntype SourceAppConfigWithRealmId = Omit<SourceAppConfig, 'defaultRealm'> & {\n  realmId: string\n}\n\nexport const useSourceAppConfigs = (\n  sourceAppConfigTableID: string,\n  additionalFilters?: QueryFilter[],\n): SourceAppConfig[] | undefined => {\n  const { synapseClient, keyFactory } = useSynapseContext()\n\n  const queryBundleRequest = {\n    entityId: sourceAppConfigTableID,\n    query: {\n      sql: `SELECT * FROM ${sourceAppConfigTableID}`,\n      limit: 75,\n      additionalFilters,\n    },\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n    concreteType:\n      'org.sagebionetworks.repo.model.table.QueryBundleRequest' as const,\n  }\n\n  const { data: tableQueryResult } = useSuspenseQuery({\n    ...tableQueryUseQueryDefaults,\n    queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n      queryBundleRequest,\n      false,\n    ),\n    queryFn: async () => {\n      try {\n        return await SynapseClient.getQueryTableAsyncJobResults(\n          queryBundleRequest,\n          undefined, // use an undefined access token to query a table in the default realm\n        )\n      } catch (_error) {\n        // Return null on error to signal fallback behavior\n        return null\n      }\n    },\n  })\n\n  const rowSet = tableQueryResult?.responseBody?.queryResult?.queryResults\n\n  // transform row data to SourceAppConfigWithRealmId[]\n  const headers = rowSet?.headers\n  const appIdColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'appId',\n  )!\n  const appURLColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'appURL',\n  )!\n  const friendlyNameColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'friendlyName',\n  )!\n  const descriptionColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'description',\n  )!\n  const logoFileHandleColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'logo',\n  )!\n  const requestAffiliationColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'requestAffiliation',\n  )!\n  const primaryColorColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'primaryColor',\n  )!\n  const secondaryColorColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'secondaryColor',\n  )!\n  const isPublicizedColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'isPublicized',\n  )!\n  const shortDescriptionColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'shortDescription',\n  )!\n  const realmIdColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'realmId',\n  )!\n  const areaColIndex =\n    headers?.findIndex(selectColumn => selectColumn.name == 'area') ?? -1\n\n  const rows = rowSet?.rows\n\n  // Extract configs with realmIds first\n  const configsWithRealmId: SourceAppConfigWithRealmId[] | undefined = useMemo(\n    () =>\n      rows?.map(row => {\n        const rowVals = row.values\n        const fileHandleId = rowVals[logoFileHandleColIndex]\n        const friendlyName = rowVals[friendlyNameColIndex] ?? ''\n        const logo = (\n          <SourceAppImage\n            sourceAppConfigTableID={sourceAppConfigTableID}\n            fileHandleId={fileHandleId}\n            friendlyName={friendlyName}\n          />\n        )\n        const appPalette: PaletteOptions = {\n          ...Palettes.palette,\n          primary: Palettes.generatePalette(\n            rowVals[primaryColorColIndex] ?? '',\n          ),\n          secondary: Palettes.generatePalette(\n            rowVals[secondaryColorColIndex] ?? '',\n          ),\n        }\n        const appId =\n          rowVals[appIdColIndex] == null ? '' : rowVals[appIdColIndex]\n        const appURL =\n          rowVals[appURLColIndex] == null ? '' : rowVals[appURLColIndex]\n        const description =\n          rowVals[descriptionColIndex] == null\n            ? ''\n            : rowVals[descriptionColIndex]\n        const shortDescription =\n          rowVals[shortDescriptionColIndex] == null\n            ? ''\n            : rowVals[shortDescriptionColIndex]\n        const requestAffiliation =\n          rowVals[requestAffiliationColIndex] == null\n            ? false\n            : rowVals[requestAffiliationColIndex] == 'true'\n        const isPublicized =\n          rowVals[isPublicizedColIndex] == null\n            ? true\n            : rowVals[isPublicizedColIndex] == 'true'\n        const realmId =\n          rowVals[realmIdColIndex] == null ? '0' : rowVals[realmIdColIndex]\n        const area =\n          areaColIndex >= 0 && rowVals[areaColIndex] != null\n            ? rowVals[areaColIndex]\n            : undefined\n        return {\n          appId,\n          appURL,\n          description,\n          friendlyName,\n          requestAffiliation,\n          logo,\n          isPublicized,\n          palette: appPalette,\n          shortDescription,\n          realmId,\n          area,\n        }\n      }),\n    [\n      rows,\n      logoFileHandleColIndex,\n      friendlyNameColIndex,\n      sourceAppConfigTableID,\n      primaryColorColIndex,\n      secondaryColorColIndex,\n      appIdColIndex,\n      appURLColIndex,\n      descriptionColIndex,\n      shortDescriptionColIndex,\n      requestAffiliationColIndex,\n      isPublicizedColIndex,\n      realmIdColIndex,\n      areaColIndex,\n    ],\n  )\n\n  // Fetch all realms in parallel\n  const realmQueries = useQueries({\n    queries:\n      configsWithRealmId?.map(config =>\n        getRealmByIdQueryOptions(config.realmId, keyFactory, synapseClient),\n      ) ?? [],\n  })\n\n  // Combine configs with realm data\n  return useMemo(() => {\n    // If query returned null (error case) or no rowSet, return static config fallback\n    if (!tableQueryResult || !rowSet) {\n      return FALLBACK_SOURCE_APP_CONFIGS\n    }\n\n    if (!configsWithRealmId) return undefined\n\n    // Check if all realm queries have succeeded\n    const allRealmsLoaded = realmQueries.every(query => query.isSuccess)\n    if (!allRealmsLoaded) return undefined\n\n    return configsWithRealmId.map((config, index) => {\n      const realm = realmQueries[index].data\n      return {\n        ...config,\n        defaultRealm: realm,\n      }\n    })\n  }, [configsWithRealmId, realmQueries, tableQueryResult, rowSet])\n}\n"],"mappings":"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"}
+{"version":3,"file":"useSourceAppConfigs.js","names":[],"sources":["../../../src/utils/hooks/useSourceAppConfigs.tsx"],"sourcesContent":["import SourceAppImage from '@/components/SourceAppImage'\nimport SynapseClient from '@/synapse-client'\nimport Palettes from '@/theme/palette/Palettes'\nimport { Realm } from '@sage-bionetworks/synapse-client'\nimport { PaletteOptions } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '../SynapseConstants'\nimport { QueryFilter } from '@sage-bionetworks/synapse-types'\nimport { useQueries, useSuspenseQuery } from '@tanstack/react-query'\nimport { useSynapseContext } from '../context/SynapseContext'\nimport { tableQueryUseQueryDefaults } from '@/synapse-queries'\nimport { getRealmByIdQueryOptions } from '@/synapse-queries/realm/useRealmPrincipals'\n\nexport type SourceAppConfig = {\n  appId: string // app ID used in the query params\n  appURL: string // URL that points to the production version of this app\n  friendlyName: string\n  logo: ReactNode\n  palette: PaletteOptions\n  description: string\n  requestAffiliation: boolean // If set to true, a special screen is shown requesting the user to fill out UserProfile.company\n  isPublicized: boolean // If set to true, this will be included in the list of the available Sage Resources\n  shortDescription: string\n  defaultRealm: Realm\n  area?: string\n}\n\n// A static SourceAppConfig to use as a fallback in case the request to get source app configs fails\nexport const STATIC_SOURCE_APP_CONFIG: SourceAppConfig = {\n  appId: 'synapse.org',\n  appURL: '',\n  description: '',\n  friendlyName: 'Synapse',\n  requestAffiliation: false,\n  logo: <></>,\n  isPublicized: true,\n  palette: { ...Palettes.palette },\n  shortDescription: '',\n  defaultRealm: {\n    id: '0',\n    name: 'Synapse',\n  },\n}\n\n// Stable array reference to prevent infinite re-renders\nconst FALLBACK_SOURCE_APP_CONFIGS = [STATIC_SOURCE_APP_CONFIG]\n\ntype SourceAppConfigWithRealmId = Omit<SourceAppConfig, 'defaultRealm'> & {\n  realmId: string\n}\n\nexport const useSourceAppConfigs = (\n  sourceAppConfigTableID: string,\n  additionalFilters?: QueryFilter[],\n): SourceAppConfig[] | undefined => {\n  const { synapseClient, keyFactory } = useSynapseContext()\n\n  const queryBundleRequest = {\n    entityId: sourceAppConfigTableID,\n    query: {\n      sql: `SELECT * FROM ${sourceAppConfigTableID}`,\n      limit: 75,\n      additionalFilters,\n    },\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n    concreteType:\n      'org.sagebionetworks.repo.model.table.QueryBundleRequest' as const,\n  }\n\n  const { data: tableQueryResult } = useSuspenseQuery({\n    ...tableQueryUseQueryDefaults,\n    queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n      queryBundleRequest,\n      false,\n    ),\n    queryFn: async () => {\n      try {\n        return await SynapseClient.getQueryTableAsyncJobResults(\n          queryBundleRequest,\n          undefined, // use an undefined access token to query a table in the default realm\n        )\n      } catch (_error) {\n        // Return null on error to signal fallback behavior\n        return null\n      }\n    },\n  })\n\n  const rowSet = tableQueryResult?.responseBody?.queryResult?.queryResults\n\n  // transform row data to SourceAppConfigWithRealmId[]\n  const headers = rowSet?.headers\n  const appIdColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'appId',\n  )!\n  const appURLColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'appURL',\n  )!\n  const friendlyNameColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'friendlyName',\n  )!\n  const descriptionColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'description',\n  )!\n  const logoFileHandleColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'logo',\n  )!\n  const requestAffiliationColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'requestAffiliation',\n  )!\n  const primaryColorColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'primaryColor',\n  )!\n  const secondaryColorColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'secondaryColor',\n  )!\n  const isPublicizedColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'isPublicized',\n  )!\n  const shortDescriptionColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'shortDescription',\n  )!\n  const realmIdColIndex = headers?.findIndex(\n    selectColumn => selectColumn.name == 'realmId',\n  )!\n  const areaColIndex =\n    headers?.findIndex(selectColumn => selectColumn.name == 'area') ?? -1\n\n  const rows = rowSet?.rows\n\n  // Extract configs with realmIds first\n  const configsWithRealmId: SourceAppConfigWithRealmId[] | undefined = useMemo(\n    () =>\n      rows?.map(row => {\n        const rowVals = row.values\n        const fileHandleId = rowVals[logoFileHandleColIndex]\n        const friendlyName = rowVals[friendlyNameColIndex] ?? ''\n        const logo = (\n          <SourceAppImage\n            sourceAppConfigTableID={sourceAppConfigTableID}\n            fileHandleId={fileHandleId}\n            friendlyName={friendlyName}\n          />\n        )\n        const appPalette: PaletteOptions = {\n          ...Palettes.palette,\n          primary: Palettes.generatePalette(\n            rowVals[primaryColorColIndex] ?? '',\n          ),\n          secondary: Palettes.generatePalette(\n            rowVals[secondaryColorColIndex] ?? '',\n          ),\n        }\n        const appId =\n          rowVals[appIdColIndex] == null ? '' : rowVals[appIdColIndex]\n        const appURL =\n          rowVals[appURLColIndex] == null ? '' : rowVals[appURLColIndex]\n        const description =\n          rowVals[descriptionColIndex] == null\n            ? ''\n            : rowVals[descriptionColIndex]\n        const shortDescription =\n          rowVals[shortDescriptionColIndex] == null\n            ? ''\n            : rowVals[shortDescriptionColIndex]\n        const requestAffiliation =\n          rowVals[requestAffiliationColIndex] == null\n            ? false\n            : rowVals[requestAffiliationColIndex] == 'true'\n        const isPublicized =\n          rowVals[isPublicizedColIndex] == null\n            ? true\n            : rowVals[isPublicizedColIndex] == 'true'\n        const realmId =\n          rowVals[realmIdColIndex] == null ? '0' : rowVals[realmIdColIndex]\n        const area =\n          areaColIndex >= 0 && rowVals[areaColIndex] != null\n            ? rowVals[areaColIndex]\n            : undefined\n        return {\n          appId,\n          appURL,\n          description,\n          friendlyName,\n          requestAffiliation,\n          logo,\n          isPublicized,\n          palette: appPalette,\n          shortDescription,\n          realmId,\n          area,\n        }\n      }),\n    [\n      rows,\n      logoFileHandleColIndex,\n      friendlyNameColIndex,\n      sourceAppConfigTableID,\n      primaryColorColIndex,\n      secondaryColorColIndex,\n      appIdColIndex,\n      appURLColIndex,\n      descriptionColIndex,\n      shortDescriptionColIndex,\n      requestAffiliationColIndex,\n      isPublicizedColIndex,\n      realmIdColIndex,\n      areaColIndex,\n    ],\n  )\n\n  // Fetch all realms in parallel\n  const realmQueries = useQueries({\n    queries:\n      configsWithRealmId?.map(config =>\n        getRealmByIdQueryOptions(config.realmId, keyFactory, synapseClient),\n      ) ?? [],\n  })\n\n  // Combine configs with realm data\n  return useMemo(() => {\n    // If query returned null (error case) or no rowSet, return static config fallback\n    if (!tableQueryResult || !rowSet) {\n      return FALLBACK_SOURCE_APP_CONFIGS\n    }\n\n    if (!configsWithRealmId) return undefined\n\n    // Check if all realm queries have succeeded\n    const allRealmsLoaded = realmQueries.every(query => query.isSuccess)\n    if (!allRealmsLoaded) return undefined\n\n    return configsWithRealmId.map((config, index) => {\n      const realm = realmQueries[index].data\n      return {\n        ...config,\n        defaultRealm: realm,\n      }\n    })\n  }, [configsWithRealmId, realmQueries, tableQueryResult, rowSet])\n}\n"],"mappings":"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"}

package/dist/utils/hooks/useTableImageUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableImageUrl.js","names":[],"sources":["../../../src/utils/hooks/useTableImageUrl.ts"],"sourcesContent":["import { useGetStablePresignedUrl } from '@/synapse-queries'\nimport {\n  FileHandleAssociation,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\n\nconst useTableImageUrl = (imageFileHandleId: string, entityId: string) => {\n  const fha: FileHandleAssociation = {\n    associateObjectId: entityId,\n    associateObjectType: FileHandleAssociateType.TableEntity,\n    fileHandleId: imageFileHandleId ?? '',\n  }\n  const stablePresignedUrl = useGetStablePresignedUrl(fha, false, {\n    enabled: !!imageFileHandleId,\n  })\n\n  return stablePresignedUrl?.dataUrl\n}\n\nexport default useTableImageUrl\n"],"mappings":";;;;AAMA,IAAM,KAAoB,GAA2B,MAMxB,EALQ;CACjC,mBAAmB;CACnB,qBAAqB,EAAwB;CAC7C,cAAc,KAAqB;CACpC,EACwD,IAAO,EAC9D,SAAS,CAAC,CAAC,GACZ,CAAC,EAEyB"}
+{"version":3,"file":"useTableImageUrl.js","names":[],"sources":["../../../src/utils/hooks/useTableImageUrl.ts"],"sourcesContent":["import { useGetStablePresignedUrl } from '@/synapse-queries'\nimport {\n  FileHandleAssociation,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\n\nconst useTableImageUrl = (imageFileHandleId: string, entityId: string) => {\n  const fha: FileHandleAssociation = {\n    associateObjectId: entityId,\n    associateObjectType: FileHandleAssociateType.TableEntity,\n    fileHandleId: imageFileHandleId ?? '',\n  }\n  const stablePresignedUrl = useGetStablePresignedUrl(fha, false, {\n    enabled: !!imageFileHandleId,\n  })\n\n  return stablePresignedUrl?.dataUrl\n}\n\nexport default useTableImageUrl\n"],"mappings":";;;;AAMA,IAAM,KAAoB,GAA2B,MAMxB,EAAyB;CAJlD,mBAAmB;CACnB,qBAAqB,EAAwB;CAC7C,cAAc,KAAqB;CAEe,EAAK,IAAO,EAC9D,SAAS,CAAC,CAAC,GACZ,CAEM,EAAoB"}

package/dist/utils/hooks/useUploadFileEntity/useCreatePathsAndGetParentId.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCreatePathsAndGetParentId.js","names":[],"sources":["../../../../src/utils/hooks/useUploadFileEntity/useCreatePathsAndGetParentId.ts"],"sourcesContent":["import { useMutation } from '@tanstack/react-query'\nimport { useCreateFolderPath } from './useCreateFolderPath'\n\n/**\n * Given a File to upload as a FileEntity, create a matching directory structure (as necessary)\n * and return the ID of the folder in which the file should be uploaded.\n */\nexport function useCreatePathsAndGetParentId() {\n  const { mutateAsync: createFolderPath } = useCreateFolderPath()\n\n  return useMutation({\n    mutationFn: (args: { file: File; rootContainerId: string }) => {\n      const { file, rootContainerId } = args\n      const relativePath = file.webkitRelativePath\n      // Create folders as necessary based on the path\n      if (relativePath) {\n        const path = relativePath\n          .split('/')\n          // remove the file name\n          .slice(0, -1)\n        return createFolderPath({ rootContainerId, path }).then(parentId => ({\n          file,\n          parentId,\n        }))\n      } else {\n        // There is no relative path, so just use the passed rootContainerId\n        return Promise.resolve({\n          file,\n          parentId: rootContainerId,\n        })\n      }\n    },\n  })\n}\n"],"mappings":";;;AAOA,SAAgB,IAA+B;CAC7C,IAAM,EAAE,aAAa,MAAqB,GAAqB;AAE/D,QAAO,EAAY,EACjB,aAAa,MAAkD;EAC7D,IAAM,EAAE,SAAM,uBAAoB,GAC5B,IAAe,EAAK;AAaxB,SAXE,IAKK,EAAiB;GAAE;GAAiB,MAJ9B,EACV,MAAM,IAAI,CAEV,MAAM,GAAG,GAAG;GACkC,CAAC,CAAC,MAAK,OAAa;GACnE;GACA;GACD,EAAE,GAGI,QAAQ,QAAQ;GACrB;GACA,UAAU;GACX,CAAC;IAGP,CAAC"}
+{"version":3,"file":"useCreatePathsAndGetParentId.js","names":[],"sources":["../../../../src/utils/hooks/useUploadFileEntity/useCreatePathsAndGetParentId.ts"],"sourcesContent":["import { useMutation } from '@tanstack/react-query'\nimport { useCreateFolderPath } from './useCreateFolderPath'\n\n/**\n * Given a File to upload as a FileEntity, create a matching directory structure (as necessary)\n * and return the ID of the folder in which the file should be uploaded.\n */\nexport function useCreatePathsAndGetParentId() {\n  const { mutateAsync: createFolderPath } = useCreateFolderPath()\n\n  return useMutation({\n    mutationFn: (args: { file: File; rootContainerId: string }) => {\n      const { file, rootContainerId } = args\n      const relativePath = file.webkitRelativePath\n      // Create folders as necessary based on the path\n      if (relativePath) {\n        const path = relativePath\n          .split('/')\n          // remove the file name\n          .slice(0, -1)\n        return createFolderPath({ rootContainerId, path }).then(parentId => ({\n          file,\n          parentId,\n        }))\n      } else {\n        // There is no relative path, so just use the passed rootContainerId\n        return Promise.resolve({\n          file,\n          parentId: rootContainerId,\n        })\n      }\n    },\n  })\n}\n"],"mappings":";;;AAOA,SAAgB,IAA+B;CAC7C,IAAM,EAAE,aAAa,MAAqB,GAAqB;AAE/D,QAAO,EAAY,EACjB,aAAa,MAAkD;EAC7D,IAAM,EAAE,SAAM,uBAAoB,GAC5B,IAAe,EAAK;AAaxB,SAXE,IAKK,EAAiB;GAAE;GAAiB,MAJ9B,EACV,MAAM,IAAI,CAEV,MAAM,GAAG,GAC+B;GAAM,CAAC,CAAC,MAAK,OAAa;GACnE;GACA;GACD,EAAE,GAGI,QAAQ,QAAQ;GACrB;GACA,UAAU;GACX,CAAC;IAGP,CAAC"}

package/dist/utils/hooks/useUploadFileEntity/useLinkFileEntityToURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLinkFileEntityToURL.js","names":[],"sources":["../../../../src/utils/hooks/useUploadFileEntity/useLinkFileEntityToURL.ts"],"sourcesContent":["import {\n  useCreateEntity,\n  useUpdateEntity,\n} from '@/synapse-queries/entity/useEntity'\nimport { useCreateExternalFileHandle } from '@/synapse-queries/file/useFileHandle'\nimport { FileEntity } from '@sage-bionetworks/synapse-types'\nimport { useMutation, UseMutationOptions } from '@tanstack/react-query'\nimport { useSynapseContext } from '../../context/SynapseContext'\nimport {\n  convertToEntityType,\n  isContainerType,\n} from '../../functions/EntityTypeUtils'\n\nexport function getFileNameFromExternalUrl(path: string) {\n  // grab the text between the last '/' and following '?'\n  let fileName = ''\n  if (path != null) {\n    const lastSlash = path.lastIndexOf('/')\n    if (lastSlash > -1) {\n      const firstQuestionMark = path.indexOf('?', lastSlash)\n      if (firstQuestionMark > -1) {\n        fileName = path.substring(lastSlash + 1, firstQuestionMark)\n      } else {\n        fileName = path.substring(lastSlash + 1)\n      }\n    }\n  }\n  return fileName\n}\n\ntype UseLinkFileEntityToURLArgs = {\n  /** The FileEntity to update or container entity in which a new FileEntity should be created */\n  entityId: string\n  /** A URL pointing to the external file */\n  url: string\n  /** An optional name for the FileHandle and newly created FileEntity. If not provided, the name will be generated based\n   * on the URL. An updated FileEntity will not receive the new name. */\n  name?: string\n}\n\nexport function useLinkFileEntityToURL(\n  options?: UseMutationOptions<FileEntity, Error, UseLinkFileEntityToURLArgs>,\n) {\n  const { synapseClient } = useSynapseContext()\n\n  const { mutateAsync: createExternalFileHandle } =\n    useCreateExternalFileHandle()\n\n  const { mutateAsync: createEntity } = useCreateEntity()\n\n  const { mutateAsync: updateEntity } = useUpdateEntity()\n\n  return useMutation<FileEntity, Error, UseLinkFileEntityToURLArgs>({\n    ...options,\n    mutationFn: async (args: UseLinkFileEntityToURLArgs) => {\n      const { url, entityId } = args\n      let name = args.name\n      if (name == '' || name == null) {\n        name = getFileNameFromExternalUrl(url)\n      }\n\n      // Fetch the entity to determine if we're updating or creating a new entity\n      const entity = await synapseClient.entityServicesClient.getRepoV1EntityId(\n        { id: entityId },\n      )\n\n      let isUpdating: boolean\n      if (entity.concreteType === 'org.sagebionetworks.repo.model.FileEntity') {\n        isUpdating = true\n      } else if (isContainerType(convertToEntityType(entity.concreteType))) {\n        isUpdating = false\n      } else {\n        throw new Error(\n          `The ${entityId} is not a FileEntity or a container, got concreteType ${entity.concreteType}`,\n        )\n      }\n\n      // Create the file handle\n      const fileHandle = await createExternalFileHandle({\n        externalFileHandleInterface: {\n          concreteType:\n            'org.sagebionetworks.repo.model.file.ExternalFileHandle',\n          fileName: name,\n          externalURL: url,\n        },\n      })\n      if (isUpdating) {\n        // Update the entity with the new file handle\n        const fileEntity: FileEntity = {\n          ...(entity as FileEntity),\n          dataFileHandleId: fileHandle.id!,\n        }\n        return (await updateEntity(fileEntity)) as FileEntity\n      } else {\n        // Update the entity with the new file handle\n        const fileEntity: FileEntity = {\n          name: name,\n          concreteType: 'org.sagebionetworks.repo.model.FileEntity',\n          parentId: entityId,\n          dataFileHandleId: fileHandle.id!,\n        }\n        return (await createEntity(fileEntity)) as FileEntity\n      }\n    },\n  })\n}\n"],"mappings":";;;;;;AAaA,SAAgB,EAA2B,GAAc;CAEvD,IAAI,IAAW;AACf,KAAI,KAAQ,MAAM;EAChB,IAAM,IAAY,EAAK,YAAY,IAAI;AACvC,MAAI,IAAY,IAAI;GAClB,IAAM,IAAoB,EAAK,QAAQ,KAAK,EAAU;AACtD,GAGE,IAHE,IAAoB,KACX,EAAK,UAAU,IAAY,GAAG,EAAkB,GAEhD,EAAK,UAAU,IAAY,EAAE;;;AAI9C,QAAO;;AAaT,SAAgB,EACd,GACA;CACA,IAAM,EAAE,qBAAkB,GAAmB,EAEvC,EAAE,aAAa,MACnB,GAA6B,EAEzB,EAAE,aAAa,MAAiB,GAAiB,EAEjD,EAAE,aAAa,MAAiB,GAAiB;AAEvD,QAAO,EAA2D;EAChE,GAAG;EACH,YAAY,OAAO,MAAqC;GACtD,IAAM,EAAE,QAAK,gBAAa,GACtB,IAAO,EAAK;AAChB,IAAI,KAAQ,MAAM,KAAQ,UACxB,IAAO,EAA2B,EAAI;GAIxC,IAAM,IAAS,MAAM,EAAc,qBAAqB,kBACtD,EAAE,IAAI,GAAU,CACjB,EAEG;AACJ,OAAI,EAAO,iBAAiB,4CAC1B,KAAa;YACJ,EAAgB,EAAoB,EAAO,aAAa,CAAC,CAClE,KAAa;OAEb,OAAU,MACR,OAAO,EAAS,wDAAwD,EAAO,eAChF;GAIH,IAAM,IAAa,MAAM,EAAyB,EAChD,6BAA6B;IAC3B,cACE;IACF,UAAU;IACV,aAAa;IACd,EACF,CAAC;AAgBA,UAfE,IAMM,MAAM,EAJiB;IAC7B,GAAI;IACJ,kBAAkB,EAAW;IAC9B,CACqC,GAS9B,MAAM,EANiB;IACvB;IACN,cAAc;IACd,UAAU;IACV,kBAAkB,EAAW;IAC9B,CACqC;;EAG3C,CAAC"}
+{"version":3,"file":"useLinkFileEntityToURL.js","names":[],"sources":["../../../../src/utils/hooks/useUploadFileEntity/useLinkFileEntityToURL.ts"],"sourcesContent":["import {\n  useCreateEntity,\n  useUpdateEntity,\n} from '@/synapse-queries/entity/useEntity'\nimport { useCreateExternalFileHandle } from '@/synapse-queries/file/useFileHandle'\nimport { FileEntity } from '@sage-bionetworks/synapse-types'\nimport { useMutation, UseMutationOptions } from '@tanstack/react-query'\nimport { useSynapseContext } from '../../context/SynapseContext'\nimport {\n  convertToEntityType,\n  isContainerType,\n} from '../../functions/EntityTypeUtils'\n\nexport function getFileNameFromExternalUrl(path: string) {\n  // grab the text between the last '/' and following '?'\n  let fileName = ''\n  if (path != null) {\n    const lastSlash = path.lastIndexOf('/')\n    if (lastSlash > -1) {\n      const firstQuestionMark = path.indexOf('?', lastSlash)\n      if (firstQuestionMark > -1) {\n        fileName = path.substring(lastSlash + 1, firstQuestionMark)\n      } else {\n        fileName = path.substring(lastSlash + 1)\n      }\n    }\n  }\n  return fileName\n}\n\ntype UseLinkFileEntityToURLArgs = {\n  /** The FileEntity to update or container entity in which a new FileEntity should be created */\n  entityId: string\n  /** A URL pointing to the external file */\n  url: string\n  /** An optional name for the FileHandle and newly created FileEntity. If not provided, the name will be generated based\n   * on the URL. An updated FileEntity will not receive the new name. */\n  name?: string\n}\n\nexport function useLinkFileEntityToURL(\n  options?: UseMutationOptions<FileEntity, Error, UseLinkFileEntityToURLArgs>,\n) {\n  const { synapseClient } = useSynapseContext()\n\n  const { mutateAsync: createExternalFileHandle } =\n    useCreateExternalFileHandle()\n\n  const { mutateAsync: createEntity } = useCreateEntity()\n\n  const { mutateAsync: updateEntity } = useUpdateEntity()\n\n  return useMutation<FileEntity, Error, UseLinkFileEntityToURLArgs>({\n    ...options,\n    mutationFn: async (args: UseLinkFileEntityToURLArgs) => {\n      const { url, entityId } = args\n      let name = args.name\n      if (name == '' || name == null) {\n        name = getFileNameFromExternalUrl(url)\n      }\n\n      // Fetch the entity to determine if we're updating or creating a new entity\n      const entity = await synapseClient.entityServicesClient.getRepoV1EntityId(\n        { id: entityId },\n      )\n\n      let isUpdating: boolean\n      if (entity.concreteType === 'org.sagebionetworks.repo.model.FileEntity') {\n        isUpdating = true\n      } else if (isContainerType(convertToEntityType(entity.concreteType))) {\n        isUpdating = false\n      } else {\n        throw new Error(\n          `The ${entityId} is not a FileEntity or a container, got concreteType ${entity.concreteType}`,\n        )\n      }\n\n      // Create the file handle\n      const fileHandle = await createExternalFileHandle({\n        externalFileHandleInterface: {\n          concreteType:\n            'org.sagebionetworks.repo.model.file.ExternalFileHandle',\n          fileName: name,\n          externalURL: url,\n        },\n      })\n      if (isUpdating) {\n        // Update the entity with the new file handle\n        const fileEntity: FileEntity = {\n          ...(entity as FileEntity),\n          dataFileHandleId: fileHandle.id!,\n        }\n        return (await updateEntity(fileEntity)) as FileEntity\n      } else {\n        // Update the entity with the new file handle\n        const fileEntity: FileEntity = {\n          name: name,\n          concreteType: 'org.sagebionetworks.repo.model.FileEntity',\n          parentId: entityId,\n          dataFileHandleId: fileHandle.id!,\n        }\n        return (await createEntity(fileEntity)) as FileEntity\n      }\n    },\n  })\n}\n"],"mappings":";;;;;;AAaA,SAAgB,EAA2B,GAAc;CAEvD,IAAI,IAAW;AACf,KAAI,KAAQ,MAAM;EAChB,IAAM,IAAY,EAAK,YAAY,IAAI;AACvC,MAAI,IAAY,IAAI;GAClB,IAAM,IAAoB,EAAK,QAAQ,KAAK,EAAU;AACtD,GAGE,IAHE,IAAoB,KACX,EAAK,UAAU,IAAY,GAAG,EAAkB,GAEhD,EAAK,UAAU,IAAY,EAAE;;;AAI9C,QAAO;;AAaT,SAAgB,EACd,GACA;CACA,IAAM,EAAE,qBAAkB,GAAmB,EAEvC,EAAE,aAAa,MACnB,GAA6B,EAEzB,EAAE,aAAa,MAAiB,GAAiB,EAEjD,EAAE,aAAa,MAAiB,GAAiB;AAEvD,QAAO,EAA2D;EAChE,GAAG;EACH,YAAY,OAAO,MAAqC;GACtD,IAAM,EAAE,QAAK,gBAAa,GACtB,IAAO,EAAK;AAChB,IAAI,KAAQ,MAAM,KAAQ,UACxB,IAAO,EAA2B,EAAI;GAIxC,IAAM,IAAS,MAAM,EAAc,qBAAqB,kBACtD,EAAE,IAAI,GAAU,CACjB,EAEG;AACJ,OAAI,EAAO,iBAAiB,4CAC1B,KAAa;YACJ,EAAgB,EAAoB,EAAO,aAAa,CAAC,CAClE,KAAa;OAEb,OAAU,MACR,OAAO,EAAS,wDAAwD,EAAO,eAChF;GAIH,IAAM,IAAa,MAAM,EAAyB,EAChD,6BAA6B;IAC3B,cACE;IACF,UAAU;IACV,aAAa;IACd,EACF,CAAC;AAgBA,UAfE,IAMM,MAAM,EAAa;IAHzB,GAAI;IACJ,kBAAkB,EAAW;IAEJ,CAAW,GAS9B,MAAM,EAAa;IALnB;IACN,cAAc;IACd,UAAU;IACV,kBAAkB,EAAW;IAEJ,CAAW;;EAG3C,CAAC"}

package/dist/utils/hooks/useUploadFileEntity/usePrepareFileEntityUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePrepareFileEntityUpload.js","names":[],"sources":["../../../../src/utils/hooks/useUploadFileEntity/usePrepareFileEntityUpload.ts"],"sourcesContent":["import {\n  BaseFilePreparedForUpload,\n  BaseFileUploadArgs,\n} from '@/utils/hooks/useUploadFileEntity/useUploadFiles'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport { useMutation, UseMutationOptions } from '@tanstack/react-query'\nimport { useSynapseContext } from '../../context/index'\nimport { getFileEntityIdWithSameName } from './getFileEntityIdWithSameName'\nimport { useCreatePathsAndGetParentId } from './useCreatePathsAndGetParentId'\n\nexport type NewEntityFileUploadArgs = BaseFileUploadArgs & {\n  rootContainerId: string\n}\nexport type NewEntityFilePreparedForUpload = BaseFilePreparedForUpload & {\n  parentId: string\n}\nexport type UpdateEntityFilePreparedForUpload = BaseFilePreparedForUpload & {\n  existingEntityId: string\n}\n\nexport type FilePreparedForUpload =\n  | BaseFilePreparedForUpload\n  | NewEntityFilePreparedForUpload\n  | UpdateEntityFilePreparedForUpload\n\nexport type PrepareDirsForUploadReturn = {\n  filesReadyForUpload: FilePreparedForUpload[]\n  filesToPromptForNewVersion: FilePreparedForUpload[]\n}\n\nexport type PrepareFileEntityUploadArgs = (\n  | NewEntityFileUploadArgs\n  | UpdateEntityFilePreparedForUpload\n)[]\n\n/**\n * Mutation used to check and prepare the entity tree just before uploading a list of files.\n *\n * Given a list of files and a parent ID in which the files should be uploaded, the mutation will:\n *\n * 1. Create the necessary Folder entities in which the files to be uploaded (e.g. if the user uploaded a folder)\n * 2. Check if any of the files to be uploaded already exist in the target parent folder\n *\n * The mutation will return two lists of files and their destination parentIds:\n *    - filesReadyForUpload: New files that do not have corresponding file entities in the target parent folder, or a file\n *        that should be updated without a prompt.\n *    - filesToPromptForNewVersion: Files that have corresponding file entities in the target parent folder. The user\n *        should be prompted to accept or reject the creation of a new version of the file.\n *\n * In the future, this sequence could be amended to check if the storage location has enough space to accommodate all the\n * new files, and return an error if not.\n *\n * @param options\n */\nexport function usePrepareFileEntityUpload(\n  options?: Partial<\n    UseMutationOptions<\n      PrepareDirsForUploadReturn,\n      SynapseClientError,\n      PrepareFileEntityUploadArgs\n    >\n  >,\n) {\n  const { synapseClient } = useSynapseContext()\n  const { mutateAsync: createDirsForFileList } = useCreatePathsAndGetParentId()\n\n  return useMutation({\n    ...options,\n    mutationFn: async (args: PrepareFileEntityUploadArgs) => {\n      // If `existingEntityId` is defined, the file will be used to update a chosen FileEntity\n      // we don't need to create dirs or prompt the user to confirm an update.\n      const updatedFileEntitiesNoPrompt: FilePreparedForUpload[] = args.filter(\n        arg => 'existingEntityId' in arg,\n      )\n\n      // 1. Create directories for the files uploaded to a container as needed\n      const fileAndParentIds: { file: File; parentId: string }[] = []\n      for (const arg of args) {\n        try {\n          if ('rootContainerId' in arg) {\n            const { file, rootContainerId } = arg\n            // Create the directories serially; if multiple files are uploaded, they may share new directories\n            // Creating folders in parallel could cause race conditions\n            fileAndParentIds.push(\n              await createDirsForFileList({\n                file,\n                rootContainerId: rootContainerId,\n              }),\n            )\n          }\n        } catch (e) {\n          throw new Error(\n            `Unable to create target folder structure for file ${\n              arg.file.name\n            }${Object.hasOwn(e, 'message') ? `: ${e.message}` : null}`,\n            { cause: e },\n          )\n        }\n      }\n\n      // 2. Check for existing files, and prompt the user if a new version should be created\n      const getExistingFilesResults = await Promise.allSettled(\n        fileAndParentIds.map(fileAndParentId =>\n          getFileEntityIdWithSameName(\n            fileAndParentId.file.name,\n            fileAndParentId.parentId,\n            synapseClient,\n            'The file could not be uploaded.',\n          ).then(existingEntityId => ({\n            ...fileAndParentId,\n            existingEntityId,\n          })),\n        ),\n      )\n\n      const filesWithError: PromiseRejectedResult[] =\n        getExistingFilesResults.filter(promise => promise.status === 'rejected')\n\n      if (filesWithError.length > 0) {\n        throw new Error(\n          `Files could not be uploaded:\\n\\t${filesWithError\n            .map(promise => (promise.reason as Error).message)\n            .join('\\n\\t')}`,\n        )\n      }\n\n      // Split the results into new and updated files\n      const filesPreparedForUpload = getExistingFilesResults\n        // All of these promises are fulfilled -- we use this filter to narrow the type\n        .filter(promise => promise.status === 'fulfilled')\n        .map(promise => promise.value)\n\n      const newFileEntities = filesPreparedForUpload.filter(\n        f => f.existingEntityId == null,\n      )\n\n      const filesReadyForUpload = [\n        ...newFileEntities,\n        ...updatedFileEntitiesNoPrompt,\n      ]\n\n      const filesToPromptForNewVersion = filesPreparedForUpload.filter(\n        f => f.existingEntityId != null,\n      )\n\n      return {\n        filesReadyForUpload,\n        filesToPromptForNewVersion,\n      }\n    },\n  })\n}\n"],"mappings":";;;;;;AAsDA,SAAgB,EACd,GAOA;CACA,IAAM,EAAE,qBAAkB,GAAmB,EACvC,EAAE,aAAa,MAA0B,GAA8B;AAE7E,QAAO,EAAY;EACjB,GAAG;EACH,YAAY,OAAO,MAAsC;GAGvD,IAAM,IAAuD,EAAK,QAChE,MAAO,sBAAsB,EAC9B,EAGK,IAAuD,EAAE;AAC/D,QAAK,IAAM,KAAO,EAChB,KAAI;AACF,QAAI,qBAAqB,GAAK;KAC5B,IAAM,EAAE,SAAM,uBAAoB;AAGlC,OAAiB,KACf,MAAM,EAAsB;MAC1B;MACiB;MAClB,CAAC,CACH;;YAEI,GAAG;AACV,UAAU,MACR,qDACE,EAAI,KAAK,OACR,OAAO,OAAO,GAAG,UAAU,GAAG,KAAK,EAAE,YAAY,QACpD,EAAE,OAAO,GAAG,CACb;;GAKL,IAAM,IAA0B,MAAM,QAAQ,WAC5C,EAAiB,KAAI,MACnB,EACE,EAAgB,KAAK,MACrB,EAAgB,UAChB,GACA,kCACD,CAAC,MAAK,OAAqB;IAC1B,GAAG;IACH;IACD,EAAE,CACJ,CACF,EAEK,IACJ,EAAwB,QAAO,MAAW,EAAQ,WAAW,WAAW;AAE1E,OAAI,EAAe,SAAS,EAC1B,OAAU,MACR,mCAAmC,EAChC,KAAI,MAAY,EAAQ,OAAiB,QAAQ,CACjD,KAAK,MAAO,GAChB;GAIH,IAAM,IAAyB,EAE5B,QAAO,MAAW,EAAQ,WAAW,YAAY,CACjD,KAAI,MAAW,EAAQ,MAAM;AAehC,UAAO;IACL,qBAV0B,CAC1B,GALsB,EAAuB,QAC7C,MAAK,EAAE,oBAAoB,KAC5B,EAIC,GAAG,EACJ;IAQC,4BANiC,EAAuB,QACxD,MAAK,EAAE,oBAAoB,KAC5B;IAKA;;EAEJ,CAAC"}
+{"version":3,"file":"usePrepareFileEntityUpload.js","names":[],"sources":["../../../../src/utils/hooks/useUploadFileEntity/usePrepareFileEntityUpload.ts"],"sourcesContent":["import {\n  BaseFilePreparedForUpload,\n  BaseFileUploadArgs,\n} from '@/utils/hooks/useUploadFileEntity/useUploadFiles'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport { useMutation, UseMutationOptions } from '@tanstack/react-query'\nimport { useSynapseContext } from '../../context/index'\nimport { getFileEntityIdWithSameName } from './getFileEntityIdWithSameName'\nimport { useCreatePathsAndGetParentId } from './useCreatePathsAndGetParentId'\n\nexport type NewEntityFileUploadArgs = BaseFileUploadArgs & {\n  rootContainerId: string\n}\nexport type NewEntityFilePreparedForUpload = BaseFilePreparedForUpload & {\n  parentId: string\n}\nexport type UpdateEntityFilePreparedForUpload = BaseFilePreparedForUpload & {\n  existingEntityId: string\n}\n\nexport type FilePreparedForUpload =\n  | BaseFilePreparedForUpload\n  | NewEntityFilePreparedForUpload\n  | UpdateEntityFilePreparedForUpload\n\nexport type PrepareDirsForUploadReturn = {\n  filesReadyForUpload: FilePreparedForUpload[]\n  filesToPromptForNewVersion: FilePreparedForUpload[]\n}\n\nexport type PrepareFileEntityUploadArgs = (\n  | NewEntityFileUploadArgs\n  | UpdateEntityFilePreparedForUpload\n)[]\n\n/**\n * Mutation used to check and prepare the entity tree just before uploading a list of files.\n *\n * Given a list of files and a parent ID in which the files should be uploaded, the mutation will:\n *\n * 1. Create the necessary Folder entities in which the files to be uploaded (e.g. if the user uploaded a folder)\n * 2. Check if any of the files to be uploaded already exist in the target parent folder\n *\n * The mutation will return two lists of files and their destination parentIds:\n *    - filesReadyForUpload: New files that do not have corresponding file entities in the target parent folder, or a file\n *        that should be updated without a prompt.\n *    - filesToPromptForNewVersion: Files that have corresponding file entities in the target parent folder. The user\n *        should be prompted to accept or reject the creation of a new version of the file.\n *\n * In the future, this sequence could be amended to check if the storage location has enough space to accommodate all the\n * new files, and return an error if not.\n *\n * @param options\n */\nexport function usePrepareFileEntityUpload(\n  options?: Partial<\n    UseMutationOptions<\n      PrepareDirsForUploadReturn,\n      SynapseClientError,\n      PrepareFileEntityUploadArgs\n    >\n  >,\n) {\n  const { synapseClient } = useSynapseContext()\n  const { mutateAsync: createDirsForFileList } = useCreatePathsAndGetParentId()\n\n  return useMutation({\n    ...options,\n    mutationFn: async (args: PrepareFileEntityUploadArgs) => {\n      // If `existingEntityId` is defined, the file will be used to update a chosen FileEntity\n      // we don't need to create dirs or prompt the user to confirm an update.\n      const updatedFileEntitiesNoPrompt: FilePreparedForUpload[] = args.filter(\n        arg => 'existingEntityId' in arg,\n      )\n\n      // 1. Create directories for the files uploaded to a container as needed\n      const fileAndParentIds: { file: File; parentId: string }[] = []\n      for (const arg of args) {\n        try {\n          if ('rootContainerId' in arg) {\n            const { file, rootContainerId } = arg\n            // Create the directories serially; if multiple files are uploaded, they may share new directories\n            // Creating folders in parallel could cause race conditions\n            fileAndParentIds.push(\n              await createDirsForFileList({\n                file,\n                rootContainerId: rootContainerId,\n              }),\n            )\n          }\n        } catch (e) {\n          throw new Error(\n            `Unable to create target folder structure for file ${\n              arg.file.name\n            }${Object.hasOwn(e, 'message') ? `: ${e.message}` : null}`,\n            { cause: e },\n          )\n        }\n      }\n\n      // 2. Check for existing files, and prompt the user if a new version should be created\n      const getExistingFilesResults = await Promise.allSettled(\n        fileAndParentIds.map(fileAndParentId =>\n          getFileEntityIdWithSameName(\n            fileAndParentId.file.name,\n            fileAndParentId.parentId,\n            synapseClient,\n            'The file could not be uploaded.',\n          ).then(existingEntityId => ({\n            ...fileAndParentId,\n            existingEntityId,\n          })),\n        ),\n      )\n\n      const filesWithError: PromiseRejectedResult[] =\n        getExistingFilesResults.filter(promise => promise.status === 'rejected')\n\n      if (filesWithError.length > 0) {\n        throw new Error(\n          `Files could not be uploaded:\\n\\t${filesWithError\n            .map(promise => (promise.reason as Error).message)\n            .join('\\n\\t')}`,\n        )\n      }\n\n      // Split the results into new and updated files\n      const filesPreparedForUpload = getExistingFilesResults\n        // All of these promises are fulfilled -- we use this filter to narrow the type\n        .filter(promise => promise.status === 'fulfilled')\n        .map(promise => promise.value)\n\n      const newFileEntities = filesPreparedForUpload.filter(\n        f => f.existingEntityId == null,\n      )\n\n      const filesReadyForUpload = [\n        ...newFileEntities,\n        ...updatedFileEntitiesNoPrompt,\n      ]\n\n      const filesToPromptForNewVersion = filesPreparedForUpload.filter(\n        f => f.existingEntityId != null,\n      )\n\n      return {\n        filesReadyForUpload,\n        filesToPromptForNewVersion,\n      }\n    },\n  })\n}\n"],"mappings":";;;;;;AAsDA,SAAgB,EACd,GAOA;CACA,IAAM,EAAE,qBAAkB,GAAmB,EACvC,EAAE,aAAa,MAA0B,GAA8B;AAE7E,QAAO,EAAY;EACjB,GAAG;EACH,YAAY,OAAO,MAAsC;GAGvD,IAAM,IAAuD,EAAK,QAChE,MAAO,sBAAsB,EAC9B,EAGK,IAAuD,EAAE;AAC/D,QAAK,IAAM,KAAO,EAChB,KAAI;AACF,QAAI,qBAAqB,GAAK;KAC5B,IAAM,EAAE,SAAM,uBAAoB;AAGlC,OAAiB,KACf,MAAM,EAAsB;MAC1B;MACiB;MAClB,CAAC,CACH;;YAEI,GAAG;AACV,UAAU,MACR,qDACE,EAAI,KAAK,OACR,OAAO,OAAO,GAAG,UAAU,GAAG,KAAK,EAAE,YAAY,QACpD,EAAE,OAAO,GAAG,CACb;;GAKL,IAAM,IAA0B,MAAM,QAAQ,WAC5C,EAAiB,KAAI,MACnB,EACE,EAAgB,KAAK,MACrB,EAAgB,UAChB,GACA,kCACD,CAAC,MAAK,OAAqB;IAC1B,GAAG;IACH;IACD,EAAE,CACJ,CACF,EAEK,IACJ,EAAwB,QAAO,MAAW,EAAQ,WAAW,WAAW;AAE1E,OAAI,EAAe,SAAS,EAC1B,OAAU,MACR,mCAAmC,EAChC,KAAI,MAAY,EAAQ,OAAiB,QAAQ,CACjD,KAAK,MAAO,GAChB;GAIH,IAAM,IAAyB,EAE5B,QAAO,MAAW,EAAQ,WAAW,YAAY,CACjD,KAAI,MAAW,EAAQ,MAAM;AAehC,UAAO;IACL,qBAAA,CATA,GALsB,EAAuB,QAC7C,MAAK,EAAE,oBAAoB,KAIxB,EACH,GAAG,EAQH;IACA,4BANiC,EAAuB,QACxD,MAAK,EAAE,oBAAoB,KAK3B;IACD;;EAEJ,CAAC"}

package/dist/utils/hooks/useUploadFileEntity/useTrackFileUploads.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTrackFileUploads.js","names":[],"sources":["../../../../src/utils/hooks/useUploadFileEntity/useTrackFileUploads.ts"],"sourcesContent":["import { ProgressCallback } from '@/synapse-client/index'\nimport { BaseFileUploadArgs } from '@/utils/hooks/useUploadFileEntity/useUploadFiles'\nimport { useState } from 'react'\nimport { FilePreparedForUpload } from './usePrepareFileEntityUpload'\n\nexport type UploadFileStatus =\n  | 'PREPARING'\n  | 'UPLOADING'\n  | 'PAUSED'\n  | 'CANCELED_BY_USER'\n  | 'FAILED'\n  | 'COMPLETE'\n\nexport type TrackedUploadProgress = {\n  filePreparedForUpload: FilePreparedForUpload\n  progress: ProgressCallback\n  abortController: AbortController\n  status: UploadFileStatus\n  failureReason?: string\n  fileHandleId?: string\n}\n\nexport const PENDING_UPLOAD_STATES: TrackedUploadProgress['status'][] = [\n  'PREPARING',\n  'UPLOADING',\n  'PAUSED',\n]\n\nconst UNTRACKED_BYTE_UPLOAD_STATES: TrackedUploadProgress['status'][] = [\n  ...PENDING_UPLOAD_STATES,\n  // The project storage limits are eventually consistent, so complete uploads may not count against the limit immediately.\n  // So we include those in our estimation.\n  'COMPLETE',\n]\n\n/**\n * Hook used to track the state of multiple file uploads, providing methods that can be used to interact with the upload state.\n */\nexport function useTrackFileUploads() {\n  const [trackedUploadProgress, setTrackedUploadProgress] = useState<\n    Map<File, TrackedUploadProgress>\n  >(new Map())\n\n  /**\n   * Adds new files to be tracked and puts them in the \"PREPARED\" state.\n   * Returns the new map of TrackedUploadProgress in case the new value is needed before\n   * the state variable is updated.\n   * @param preparedFiles\n   */\n  function trackNewFiles<T extends BaseFileUploadArgs = BaseFileUploadArgs>(\n    ...preparedFiles: T[]\n  ): Map<File, TrackedUploadProgress> {\n    // If a matching file that is uploading already exists, cancel it!\n    preparedFiles.forEach(preparedFile => {\n      const existingUpload = trackedUploadProgress.get(preparedFile.file)\n      if (existingUpload && existingUpload.status !== 'CANCELED_BY_USER') {\n        cancelUpload(preparedFile.file)\n      }\n    })\n\n    // Re-initialize progress tracking state variable\n    const newTrackedUploadProgress: Map<File, TrackedUploadProgress> = new Map(\n      trackedUploadProgress.entries(),\n    )\n\n    preparedFiles.forEach(preparedFile => {\n      newTrackedUploadProgress.set(preparedFile.file, {\n        filePreparedForUpload: preparedFile,\n        abortController: new AbortController(),\n        // Note that this is number of parts uploaded, not file size or %\n        progress: { value: 0, total: 1 },\n        status: 'PREPARING',\n      })\n    })\n\n    setTrackedUploadProgress(newTrackedUploadProgress)\n\n    return newTrackedUploadProgress\n  }\n\n  function setProgress(file: File, progress: ProgressCallback) {\n    setTrackedUploadProgress(prev => {\n      const newMap = new Map(prev.entries())\n      const entry = newMap.get(file)\n      if (entry) {\n        newMap.set(file, {\n          ...entry,\n          progress: {\n            ...entry.progress,\n            ...progress,\n          },\n        })\n      }\n      return newMap\n    })\n  }\n\n  function setStatus(\n    file: File,\n    status: TrackedUploadProgress['status'],\n    failureReason?: string,\n  ) {\n    setTrackedUploadProgress(prev => {\n      const newMap = new Map(prev.entries())\n      const entry = newMap.get(file)\n      if (entry) {\n        newMap.set(file, {\n          ...entry,\n          status,\n          failureReason,\n        })\n      }\n      return newMap\n    })\n  }\n\n  function setFileHandleId(file: File, fileHandleId: string) {\n    setTrackedUploadProgress(prev => {\n      const newMap = new Map(prev.entries())\n      const entry = newMap.get(file)\n      if (entry) {\n        newMap.set(file, {\n          ...entry,\n          fileHandleId,\n        })\n      }\n      return newMap\n    })\n  }\n\n  function setIsUploading(file: File) {\n    setStatus(file, 'UPLOADING')\n  }\n\n  function setComplete(file: File, fileHandleId: string) {\n    setStatus(file, 'COMPLETE')\n    setFileHandleId(file, fileHandleId)\n  }\n\n  function setFailed(file: File, failureReason: string) {\n    setStatus(file, 'FAILED', failureReason)\n  }\n\n  function cancelUpload(file: File) {\n    const entry = trackedUploadProgress.get(file)\n    if (entry != null) {\n      entry.abortController.abort()\n    }\n    setStatus(file, 'CANCELED_BY_USER')\n  }\n\n  function pauseUpload(file: File) {\n    const entry = trackedUploadProgress.get(file)\n    if (entry != null) {\n      entry.abortController.abort('Paused by user')\n    }\n    setStatus(file, 'PAUSED')\n  }\n\n  /**\n   * Removes the file from the list if the upload state is CANCELED_BY_USER or FAILED. Otherwise, a noop.\n   */\n  function removeUpload(file: File) {\n    setTrackedUploadProgress(prev => {\n      const newMap = new Map(prev.entries())\n      const entry = newMap.get(file)\n\n      if (entry == null) {\n        // nothing to do\n      } else {\n        if (entry.status != 'CANCELED_BY_USER' && entry.status != 'FAILED') {\n          console.warn(\n            `Attempted to remove tracked upload progress before it was canceled.`,\n            entry,\n          )\n        } else {\n          newMap.delete(file)\n        }\n      }\n      return newMap\n    })\n  }\n\n  // The total number of bytes that are being uploaded, but do not yet count against the project storage limits.\n  // Used to prevent the uploader from exceeding storage limits before uploading the file (the backend won't provide an error response until after the file is uploaded)\n  const bytesPendingUpload = [...trackedUploadProgress].reduce(\n    (acc, [file, progress]) => {\n      if (UNTRACKED_BYTE_UPLOAD_STATES.includes(progress.status)) {\n        return acc + file.size\n      }\n\n      return acc\n    },\n    0,\n  )\n\n  const activeUploadCount = [...trackedUploadProgress].filter(\n    ([_file, progress]) => PENDING_UPLOAD_STATES.includes(progress.status),\n  ).length\n  const isUploading = activeUploadCount > 0\n\n  const isUploadComplete =\n    // At least one file is complete\n    [...trackedUploadProgress].some(\n      ([_file, progress]) => progress.status === 'COMPLETE',\n    ) &&\n    // No files are pending upload\n    !isUploading\n\n  return {\n    trackedUploadProgress,\n    setProgress,\n    setIsUploading,\n    trackNewFiles,\n    bytesPendingUpload,\n    pauseUpload,\n    cancelUpload,\n    removeUpload,\n    setComplete,\n    setFailed,\n    isUploading,\n    isUploadComplete,\n    activeUploadCount,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTrackFileUploads.js","names":[],"sources":["../../../../src/utils/hooks/useUploadFileEntity/useTrackFileUploads.ts"],"sourcesContent":["import { ProgressCallback } from '@/synapse-client/index'\nimport { BaseFileUploadArgs } from '@/utils/hooks/useUploadFileEntity/useUploadFiles'\nimport { useState } from 'react'\nimport { FilePreparedForUpload } from './usePrepareFileEntityUpload'\n\nexport type UploadFileStatus =\n  | 'PREPARING'\n  | 'UPLOADING'\n  | 'PAUSED'\n  | 'CANCELED_BY_USER'\n  | 'FAILED'\n  | 'COMPLETE'\n\nexport type TrackedUploadProgress = {\n  filePreparedForUpload: FilePreparedForUpload\n  progress: ProgressCallback\n  abortController: AbortController\n  status: UploadFileStatus\n  failureReason?: string\n  fileHandleId?: string\n}\n\nexport const PENDING_UPLOAD_STATES: TrackedUploadProgress['status'][] = [\n  'PREPARING',\n  'UPLOADING',\n  'PAUSED',\n]\n\nconst UNTRACKED_BYTE_UPLOAD_STATES: TrackedUploadProgress['status'][] = [\n  ...PENDING_UPLOAD_STATES,\n  // The project storage limits are eventually consistent, so complete uploads may not count against the limit immediately.\n  // So we include those in our estimation.\n  'COMPLETE',\n]\n\n/**\n * Hook used to track the state of multiple file uploads, providing methods that can be used to interact with the upload state.\n */\nexport function useTrackFileUploads() {\n  const [trackedUploadProgress, setTrackedUploadProgress] = useState<\n    Map<File, TrackedUploadProgress>\n  >(new Map())\n\n  /**\n   * Adds new files to be tracked and puts them in the \"PREPARED\" state.\n   * Returns the new map of TrackedUploadProgress in case the new value is needed before\n   * the state variable is updated.\n   * @param preparedFiles\n   */\n  function trackNewFiles<T extends BaseFileUploadArgs = BaseFileUploadArgs>(\n    ...preparedFiles: T[]\n  ): Map<File, TrackedUploadProgress> {\n    // If a matching file that is uploading already exists, cancel it!\n    preparedFiles.forEach(preparedFile => {\n      const existingUpload = trackedUploadProgress.get(preparedFile.file)\n      if (existingUpload && existingUpload.status !== 'CANCELED_BY_USER') {\n        cancelUpload(preparedFile.file)\n      }\n    })\n\n    // Re-initialize progress tracking state variable\n    const newTrackedUploadProgress: Map<File, TrackedUploadProgress> = new Map(\n      trackedUploadProgress.entries(),\n    )\n\n    preparedFiles.forEach(preparedFile => {\n      newTrackedUploadProgress.set(preparedFile.file, {\n        filePreparedForUpload: preparedFile,\n        abortController: new AbortController(),\n        // Note that this is number of parts uploaded, not file size or %\n        progress: { value: 0, total: 1 },\n        status: 'PREPARING',\n      })\n    })\n\n    setTrackedUploadProgress(newTrackedUploadProgress)\n\n    return newTrackedUploadProgress\n  }\n\n  function setProgress(file: File, progress: ProgressCallback) {\n    setTrackedUploadProgress(prev => {\n      const newMap = new Map(prev.entries())\n      const entry = newMap.get(file)\n      if (entry) {\n        newMap.set(file, {\n          ...entry,\n          progress: {\n            ...entry.progress,\n            ...progress,\n          },\n        })\n      }\n      return newMap\n    })\n  }\n\n  function setStatus(\n    file: File,\n    status: TrackedUploadProgress['status'],\n    failureReason?: string,\n  ) {\n    setTrackedUploadProgress(prev => {\n      const newMap = new Map(prev.entries())\n      const entry = newMap.get(file)\n      if (entry) {\n        newMap.set(file, {\n          ...entry,\n          status,\n          failureReason,\n        })\n      }\n      return newMap\n    })\n  }\n\n  function setFileHandleId(file: File, fileHandleId: string) {\n    setTrackedUploadProgress(prev => {\n      const newMap = new Map(prev.entries())\n      const entry = newMap.get(file)\n      if (entry) {\n        newMap.set(file, {\n          ...entry,\n          fileHandleId,\n        })\n      }\n      return newMap\n    })\n  }\n\n  function setIsUploading(file: File) {\n    setStatus(file, 'UPLOADING')\n  }\n\n  function setComplete(file: File, fileHandleId: string) {\n    setStatus(file, 'COMPLETE')\n    setFileHandleId(file, fileHandleId)\n  }\n\n  function setFailed(file: File, failureReason: string) {\n    setStatus(file, 'FAILED', failureReason)\n  }\n\n  function cancelUpload(file: File) {\n    const entry = trackedUploadProgress.get(file)\n    if (entry != null) {\n      entry.abortController.abort()\n    }\n    setStatus(file, 'CANCELED_BY_USER')\n  }\n\n  function pauseUpload(file: File) {\n    const entry = trackedUploadProgress.get(file)\n    if (entry != null) {\n      entry.abortController.abort('Paused by user')\n    }\n    setStatus(file, 'PAUSED')\n  }\n\n  /**\n   * Removes the file from the list if the upload state is CANCELED_BY_USER or FAILED. Otherwise, a noop.\n   */\n  function removeUpload(file: File) {\n    setTrackedUploadProgress(prev => {\n      const newMap = new Map(prev.entries())\n      const entry = newMap.get(file)\n\n      if (entry == null) {\n        // nothing to do\n      } else {\n        if (entry.status != 'CANCELED_BY_USER' && entry.status != 'FAILED') {\n          console.warn(\n            `Attempted to remove tracked upload progress before it was canceled.`,\n            entry,\n          )\n        } else {\n          newMap.delete(file)\n        }\n      }\n      return newMap\n    })\n  }\n\n  // The total number of bytes that are being uploaded, but do not yet count against the project storage limits.\n  // Used to prevent the uploader from exceeding storage limits before uploading the file (the backend won't provide an error response until after the file is uploaded)\n  const bytesPendingUpload = [...trackedUploadProgress].reduce(\n    (acc, [file, progress]) => {\n      if (UNTRACKED_BYTE_UPLOAD_STATES.includes(progress.status)) {\n        return acc + file.size\n      }\n\n      return acc\n    },\n    0,\n  )\n\n  const activeUploadCount = [...trackedUploadProgress].filter(\n    ([_file, progress]) => PENDING_UPLOAD_STATES.includes(progress.status),\n  ).length\n  const isUploading = activeUploadCount > 0\n\n  const isUploadComplete =\n    // At least one file is complete\n    [...trackedUploadProgress].some(\n      ([_file, progress]) => progress.status === 'COMPLETE',\n    ) &&\n    // No files are pending upload\n    !isUploading\n\n  return {\n    trackedUploadProgress,\n    setProgress,\n    setIsUploading,\n    trackNewFiles,\n    bytesPendingUpload,\n    pauseUpload,\n    cancelUpload,\n    removeUpload,\n    setComplete,\n    setFailed,\n    isUploading,\n    isUploadComplete,\n    activeUploadCount,\n  }\n}\n"],"mappings":";;AAsBA,IAAa,IAA2D;CACtE;CACA;CACA;CACD,EAEK,IAAkE,CACtE,GAAG,GAGH,WACD;AAKD,SAAgB,IAAsB;CACpC,IAAM,CAAC,GAAuB,KAA4B,kBAExD,IAAI,KAAK,CAAC;CAQZ,SAAS,EACP,GAAG,GAC+B;AAElC,IAAc,SAAQ,MAAgB;GACpC,IAAM,IAAiB,EAAsB,IAAI,EAAa,KAAK;AACnE,GAAI,KAAkB,EAAe,WAAW,sBAC9C,EAAa,EAAa,KAAK;IAEjC;EAGF,IAAM,IAA6D,IAAI,IACrE,EAAsB,SAAS,CAChC;AAcD,SAZA,EAAc,SAAQ,MAAgB;AACpC,KAAyB,IAAI,EAAa,MAAM;IAC9C,uBAAuB;IACvB,iBAAiB,IAAI,iBAAiB;IAEtC,UAAU;KAAE,OAAO;KAAG,OAAO;KAAG;IAChC,QAAQ;IACT,CAAC;IACF,EAEF,EAAyB,EAAyB,EAE3C;;CAGT,SAAS,EAAY,GAAY,GAA4B;AAC3D,KAAyB,MAAQ;GAC/B,IAAM,IAAS,IAAI,IAAI,EAAK,SAAS,CAAC,EAChC,IAAQ,EAAO,IAAI,EAAK;AAU9B,UATI,KACF,EAAO,IAAI,GAAM;IACf,GAAG;IACH,UAAU;KACR,GAAG,EAAM;KACT,GAAG;KACJ;IACF,CAAC,EAEG;IACP;;CAGJ,SAAS,EACP,GACA,GACA,GACA;AACA,KAAyB,MAAQ;GAC/B,IAAM,IAAS,IAAI,IAAI,EAAK,SAAS,CAAC,EAChC,IAAQ,EAAO,IAAI,EAAK;AAQ9B,UAPI,KACF,EAAO,IAAI,GAAM;IACf,GAAG;IACH;IACA;IACD,CAAC,EAEG;IACP;;CAGJ,SAAS,EAAgB,GAAY,GAAsB;AACzD,KAAyB,MAAQ;GAC/B,IAAM,IAAS,IAAI,IAAI,EAAK,SAAS,CAAC,EAChC,IAAQ,EAAO,IAAI,EAAK;AAO9B,UANI,KACF,EAAO,IAAI,GAAM;IACf,GAAG;IACH;IACD,CAAC,EAEG;IACP;;CAGJ,SAAS,EAAe,GAAY;AAClC,IAAU,GAAM,YAAY;;CAG9B,SAAS,EAAY,GAAY,GAAsB;AAErD,EADA,EAAU,GAAM,WAAW,EAC3B,EAAgB,GAAM,EAAa;;CAGrC,SAAS,EAAU,GAAY,GAAuB;AACpD,IAAU,GAAM,UAAU,EAAc;;CAG1C,SAAS,EAAa,GAAY;AAKhC,EAJc,EAAsB,IAAI,EACpC,EACI,gBAAgB,OAAO,EAE/B,EAAU,GAAM,mBAAmB;;CAGrC,SAAS,EAAY,GAAY;AAK/B,EAJc,EAAsB,IAAI,EACpC,EACI,gBAAgB,MAAM,iBAAiB,EAE/C,EAAU,GAAM,SAAS;;CAM3B,SAAS,EAAa,GAAY;AAChC,KAAyB,MAAQ;GAC/B,IAAM,IAAS,IAAI,IAAI,EAAK,SAAS,CAAC,EAChC,IAAQ,EAAO,IAAI,EAAK;AAc9B,UAZI,KAAS,SAGP,EAAM,UAAU,sBAAsB,EAAM,UAAU,WACxD,QAAQ,KACN,uEACA,EACD,GAED,EAAO,OAAO,EAAK,GAGhB;IACP;;CAKJ,IAAM,IAAqB,CAAC,GAAG,EAAsB,CAAC,QACnD,GAAK,CAAC,GAAM,OACP,EAA6B,SAAS,EAAS,OAAO,GACjD,IAAM,EAAK,OAGb,GAET,EACD,EAEK,IAAoB,CAAC,GAAG,EAAsB,CAAC,QAClD,CAAC,GAAO,OAAc,EAAsB,SAAS,EAAS,OAAO,CACvE,CAAC,QACI,IAAc,IAAoB;AAUxC,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAlBA,CAAC,GAAG,EAAsB,CAAC,MACxB,CAAC,GAAO,OAAc,EAAS,WAAW,WAC5C,IAED,CAAC;EAeD;EACD"}

package/dist/utils/hooks/useUploadFileEntity/useUploadFileEntities.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUploadFileEntities.js","names":[],"sources":["../../../../src/utils/hooks/useUploadFileEntity/useUploadFileEntities.ts"],"sourcesContent":["import { SYNAPSE_STORAGE_LOCATION_ID } from '@/synapse-client/SynapseClient'\nimport {\n  useCreateEntity,\n  useGetDefaultUploadDestination,\n  useUpdateEntity,\n} from '@/synapse-queries'\nimport {\n  UploaderState,\n  UploadItem,\n  useUploadFiles,\n} from '@/utils/hooks/useUploadFileEntity/useUploadFiles'\nimport { FileEntity } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useCallback, useMemo } from 'react'\nimport { useSynapseContext } from '../../context/index'\nimport useConfirmItems from '../useConfirmItems'\nimport {\n  FilePreparedForUpload,\n  PrepareDirsForUploadReturn,\n  PrepareFileEntityUploadArgs,\n  UpdateEntityFilePreparedForUpload,\n  usePrepareFileEntityUpload,\n} from './usePrepareFileEntityUpload'\nimport { willUploadsExceedStorageLimit } from './willUploadsExceedStorageLimit'\n\nexport type PromptInfo = {\n  type: 'CONFIRM_NEW_VERSION'\n  fileName: string\n  existingEntityId: string\n}\n\nexport type Prompt = {\n  info: PromptInfo\n  onConfirmAll: () => void\n  onConfirm: () => void\n  onSkip: () => void\n  onCancelAll: () => void\n}\n\nexport type EntityUploaderState =\n  | UploaderState\n  | 'LOADING'\n  | 'PROMPT_USER'\n  | 'ERROR'\n\nexport type InitiateUploadArgs = PrepareFileEntityUploadArgs\n\nexport type UseUploadFileEntitiesReturn = {\n  /**\n   * The current state of the uploader\n   */\n  state: EntityUploaderState\n  errorMessage?: string\n  /**\n   * True if the uploader is doing work to prepare the upload (e.g. creating folders, checking for existing files), but the upload has not started.\n   */\n  isPrecheckingUpload: boolean\n  /**\n   * Prompts that require user input before the upload can proceed. Typically, these are prompts to confirm uploading a new version\n   * of an existing FileEntity.\n   *\n   * If prompts are present, `state` will always be 'PROMPT_USER'.\n   */\n  activePrompts: Prompt[]\n  /**\n   * Arguments used to initialize an upload operation. In addition to providing a file, the caller must also provide one of\n   * the following:\n   *   - rootContainerId: The ID of the parent Project or Folder to upload files to. If the File objects include a webkitRelativePath,\n   *       then the Files will be uploaded into created sub-folders to match the relative path. Any files that match on path and file name\n   *       will trigger a prompt to confirm updating a new version in the `activePrompts` field, which must be resolved before the upload can proceed.\n   *   - existingEntityId: The ID of the FileEntity for which a new version should be uploaded. No prompts will be triggered by this option.\n   */\n  initiateUpload: (args: InitiateUploadArgs) => void\n  /**\n   * The total number of files that are actively being uploaded (PREPARING, UPLOADING, or PAUSED)\n   */\n  activeUploadCount: number\n  /**\n   * A list of each file being uploaded, along with its progress, status, and callbacks that can be used to pause, resume, or cancel the upload.\n   */\n  uploadProgress: UploadItem[]\n  /** True when files can be uploaded. */\n  isUploadReady: boolean\n}\n\n/**\n * Hook to start and track the progress of files uploads in Synapse, creating/updating a FileEntity for each uploaded file.\n *\n * To start an upload, see `initiateUpload` returned by this hook.\n */\nexport function useUploadFileEntities(\n  /** The ID of the parent entity to upload files to, or the FileEntity for which a new version should be uploaded */\n  containerOrEntityId: string,\n  /** Optional accessKey for a direct S3 upload */\n  accessKey = '',\n  /** Optional secretKey for a direct S3 upload */\n  secretKey = '',\n  /** Invoked if chosen files will exceed storage limits based on a client-side check. */\n  onStorageLimitExceeded: () => void = noop,\n): UseUploadFileEntitiesReturn {\n  /**\n   * General flow of the internal logic in this hook is\n   *\n   * 1. `initiateUpload(files)` - called by the caller of the hook\n   *    - Verify that the upload can proceed. Specifically:\n   *       1. Validate the upload destination\n   *       2. Check if the uploads will exceed a storage limit\n   *    - If either of these checks fail, do not proceed.\n   * 2. `prepareDirsForUpload(files)` - sets up the folder paths, checks for existing entities with the same name\n   * 3. `startUploadOrPromptForConfirmation(files)`\n   *     - For each file, check if the user should be prompted before the upload starts (e.g. if a new version will be created to update an existing file)\n   *     - If one or more prompts are required, they are added to the `activePrompts` array. Once the user resolves all prompts, the upload may start.\n   *     - If no prompts are required, the upload starts immediately.\n   * 6. `onUploadComplete(file, fileHandleId)` - using the file handle, creates or updates the FileEntity in Synapse\n   */\n\n  const { synapseClient } = useSynapseContext()\n\n  const { mutateAsync: createEntityWithNewFile } = useCreateEntity()\n  const { mutateAsync: updateEntityWithNewFile } = useUpdateEntity()\n\n  const onUploadComplete = useCallback(\n    async function onUploadComplete(\n      preparedFile: FilePreparedForUpload,\n      newFileHandleId: string,\n    ) {\n      if ('existingEntityId' in preparedFile && preparedFile.existingEntityId) {\n        // Update the existing entity\n        const entity =\n          await synapseClient.entityServicesClient.getRepoV1EntityId({\n            id: preparedFile.existingEntityId,\n          })\n        await updateEntityWithNewFile({\n          ...entity,\n          dataFileHandleId: newFileHandleId,\n        } as FileEntity)\n      } else if ('parentId' in preparedFile) {\n        // else, it's a new file entity\n        const newFileEntity: FileEntity = {\n          parentId: preparedFile.parentId,\n          name: preparedFile.file.name,\n          concreteType: 'org.sagebionetworks.repo.model.FileEntity',\n          dataFileHandleId: newFileHandleId,\n        }\n        await createEntityWithNewFile(newFileEntity)\n      } else {\n        // this should never happen\n        throw new Error(\n          `Can't upload file without a parent ID or existing entity ID. File was: ${JSON.stringify(\n            preparedFile,\n          )}`,\n        )\n      }\n    },\n    [\n      createEntityWithNewFile,\n      synapseClient.entityServicesClient,\n      updateEntityWithNewFile,\n    ],\n  )\n\n  /*\n    TODO: We retrieve the upload destination from the root upload container, but what if:\n      1. The user is uploading a folder with nested subdirectories\n      2. One or more of the subdirectories already exists\n      3. An existing subdirectory has a different upload destination\n     The current implementation uploads everything into the root upload destination, but the correct behavior might be\n     to fetch the upload destination for each subdirectory.\n   */\n  const {\n    data: uploadDestination,\n    isLoading: isLoadingUploadDestination,\n    error: getUploadDestinationError,\n  } = useGetDefaultUploadDestination(containerOrEntityId, {\n    // Storage location usage is eventually consistent. We will keep track of the sum of uploaded files client-side\n    // to determine if subsequent uploads will exceed the storage limit.\n    // Do not refetch the storage location usage to avoid double-counting the size of new uploads against the limit.\n    staleTime: Infinity,\n  })\n\n  const isUploadReady = Boolean(containerOrEntityId && uploadDestination)\n\n  const storageLocationId =\n    uploadDestination?.storageLocationId || SYNAPSE_STORAGE_LOCATION_ID\n\n  const errorMessage = getUploadDestinationError?.message\n\n  const {\n    pendingItems: filesToConfirmNewVersion,\n    confirmItem: confirmUploadFileWithNewVersion,\n    addItemsPendingConfirmation: addFileToConfirmUploadNewVersion,\n    removePendingItems: skipFileRequiringNewVersion,\n    clear: clearPendingFiles,\n  } = useConfirmItems<FilePreparedForUpload>()\n\n  const onBeforeUpload = useCallback(() => {\n    clearPendingFiles()\n  }, [clearPendingFiles])\n\n  const {\n    state,\n    startUpload,\n    activeUploadCount,\n    uploadProgress,\n    bytesPendingUpload,\n  } = useUploadFiles({\n    onBeforeUpload,\n    storageLocationId,\n    uploadDestination,\n    accessKey,\n    secretKey,\n    onUploadComplete,\n  })\n\n  /**\n   * After all files have been prepared for upload, process them to determine if the upload can automatically continue.\n   * If all files can be uploaded without user intervention, start the upload. Otherwise, prompt the user to make required\n   * decisions to continue the upload.\n   */\n  const startUploadOrPromptForConfirmation = useCallback(\n    (preparedFiles: PrepareDirsForUploadReturn) => {\n      const { filesReadyForUpload, filesToPromptForNewVersion } = preparedFiles\n      if (\n        filesReadyForUpload.length > 0 &&\n        filesToPromptForNewVersion.length == 0\n      ) {\n        // No need to prompt the user, just go ahead and upload!\n        startUpload(...filesReadyForUpload)\n      }\n\n      if (filesToPromptForNewVersion.length > 0) {\n        // Set up state to ask the user to confirm that they want to upload new versions.\n        confirmUploadFileWithNewVersion(...filesReadyForUpload)\n        addFileToConfirmUploadNewVersion(...filesToPromptForNewVersion)\n      }\n    },\n    [\n      addFileToConfirmUploadNewVersion,\n      confirmUploadFileWithNewVersion,\n      startUpload,\n    ],\n  )\n\n  const { mutateAsync: prepareDirsForUpload, isPending: isPrecheckingUpload } =\n    usePrepareFileEntityUpload()\n\n  const initiateUpload = useCallback(\n    async (args: InitiateUploadArgs) => {\n      if (uploadDestination == null) {\n        console.error(\n          'Upload destination was not loaded, or failed to load! Aborting upload.',\n        )\n        return\n      }\n      if (\n        willUploadsExceedStorageLimit(\n          args.map(arg => arg.file),\n          uploadDestination.projectStorageLocationUsage,\n          bytesPendingUpload,\n        )\n      ) {\n        onStorageLimitExceeded()\n        return\n      }\n      const filesReadyForUpload = await prepareDirsForUpload(args)\n\n      startUploadOrPromptForConfirmation(filesReadyForUpload)\n    },\n    [\n      bytesPendingUpload,\n      onStorageLimitExceeded,\n      startUploadOrPromptForConfirmation,\n      prepareDirsForUpload,\n      uploadDestination,\n    ],\n  )\n\n  const activePrompts: Prompt[] = useMemo(() => {\n    return filesToConfirmNewVersion.map(fileToPrompt => {\n      return {\n        info: {\n          type: 'CONFIRM_NEW_VERSION',\n          fileName: fileToPrompt.file.name,\n          existingEntityId: (fileToPrompt as UpdateEntityFilePreparedForUpload)\n            .existingEntityId,\n        },\n        onConfirm: () => {\n          const { confirmedItems, pendingItems } =\n            confirmUploadFileWithNewVersion(fileToPrompt)\n\n          if (confirmedItems.length > 0 && pendingItems.length == 0) {\n            void startUpload(...confirmedItems)\n          }\n        },\n        onConfirmAll: () => {\n          const { confirmedItems } = confirmUploadFileWithNewVersion(\n            ...filesToConfirmNewVersion,\n          )\n\n          void startUpload(...confirmedItems)\n        },\n        onSkip: () => {\n          const { confirmedItems, pendingItems } =\n            skipFileRequiringNewVersion(fileToPrompt)\n\n          if (confirmedItems.length > 0 && pendingItems.length == 0) {\n            void startUpload(...confirmedItems)\n          }\n        },\n        onCancelAll: () => {\n          clearPendingFiles()\n        },\n      }\n    })\n  }, [\n    clearPendingFiles,\n    confirmUploadFileWithNewVersion,\n    filesToConfirmNewVersion,\n    skipFileRequiringNewVersion,\n    startUpload,\n  ])\n\n  // Override the uploader state with the checks custom to this hook\n  const uploaderStateOverride = useMemo<EntityUploaderState>(() => {\n    if (errorMessage) {\n      return 'ERROR'\n    }\n    if (isLoadingUploadDestination) {\n      return 'LOADING'\n    }\n    if (activePrompts.length > 0) {\n      return 'PROMPT_USER'\n    }\n    return state\n  }, [activePrompts.length, errorMessage, isLoadingUploadDestination, state])\n\n  return useMemo(() => {\n    return {\n      state: uploaderStateOverride,\n      errorMessage,\n      isPrecheckingUpload,\n      activeUploadCount,\n      initiateUpload: initiateUpload,\n      activePrompts: activePrompts,\n      uploadProgress: uploadProgress,\n      isUploadReady,\n    }\n  }, [\n    uploaderStateOverride,\n    errorMessage,\n    isPrecheckingUpload,\n    activeUploadCount,\n    initiateUpload,\n    activePrompts,\n    uploadProgress,\n    isUploadReady,\n  ])\n}\n"],"mappings":"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"}
+{"version":3,"file":"useUploadFileEntities.js","names":[],"sources":["../../../../src/utils/hooks/useUploadFileEntity/useUploadFileEntities.ts"],"sourcesContent":["import { SYNAPSE_STORAGE_LOCATION_ID } from '@/synapse-client/SynapseClient'\nimport {\n  useCreateEntity,\n  useGetDefaultUploadDestination,\n  useUpdateEntity,\n} from '@/synapse-queries'\nimport {\n  UploaderState,\n  UploadItem,\n  useUploadFiles,\n} from '@/utils/hooks/useUploadFileEntity/useUploadFiles'\nimport { FileEntity } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useCallback, useMemo } from 'react'\nimport { useSynapseContext } from '../../context/index'\nimport useConfirmItems from '../useConfirmItems'\nimport {\n  FilePreparedForUpload,\n  PrepareDirsForUploadReturn,\n  PrepareFileEntityUploadArgs,\n  UpdateEntityFilePreparedForUpload,\n  usePrepareFileEntityUpload,\n} from './usePrepareFileEntityUpload'\nimport { willUploadsExceedStorageLimit } from './willUploadsExceedStorageLimit'\n\nexport type PromptInfo = {\n  type: 'CONFIRM_NEW_VERSION'\n  fileName: string\n  existingEntityId: string\n}\n\nexport type Prompt = {\n  info: PromptInfo\n  onConfirmAll: () => void\n  onConfirm: () => void\n  onSkip: () => void\n  onCancelAll: () => void\n}\n\nexport type EntityUploaderState =\n  | UploaderState\n  | 'LOADING'\n  | 'PROMPT_USER'\n  | 'ERROR'\n\nexport type InitiateUploadArgs = PrepareFileEntityUploadArgs\n\nexport type UseUploadFileEntitiesReturn = {\n  /**\n   * The current state of the uploader\n   */\n  state: EntityUploaderState\n  errorMessage?: string\n  /**\n   * True if the uploader is doing work to prepare the upload (e.g. creating folders, checking for existing files), but the upload has not started.\n   */\n  isPrecheckingUpload: boolean\n  /**\n   * Prompts that require user input before the upload can proceed. Typically, these are prompts to confirm uploading a new version\n   * of an existing FileEntity.\n   *\n   * If prompts are present, `state` will always be 'PROMPT_USER'.\n   */\n  activePrompts: Prompt[]\n  /**\n   * Arguments used to initialize an upload operation. In addition to providing a file, the caller must also provide one of\n   * the following:\n   *   - rootContainerId: The ID of the parent Project or Folder to upload files to. If the File objects include a webkitRelativePath,\n   *       then the Files will be uploaded into created sub-folders to match the relative path. Any files that match on path and file name\n   *       will trigger a prompt to confirm updating a new version in the `activePrompts` field, which must be resolved before the upload can proceed.\n   *   - existingEntityId: The ID of the FileEntity for which a new version should be uploaded. No prompts will be triggered by this option.\n   */\n  initiateUpload: (args: InitiateUploadArgs) => void\n  /**\n   * The total number of files that are actively being uploaded (PREPARING, UPLOADING, or PAUSED)\n   */\n  activeUploadCount: number\n  /**\n   * A list of each file being uploaded, along with its progress, status, and callbacks that can be used to pause, resume, or cancel the upload.\n   */\n  uploadProgress: UploadItem[]\n  /** True when files can be uploaded. */\n  isUploadReady: boolean\n}\n\n/**\n * Hook to start and track the progress of files uploads in Synapse, creating/updating a FileEntity for each uploaded file.\n *\n * To start an upload, see `initiateUpload` returned by this hook.\n */\nexport function useUploadFileEntities(\n  /** The ID of the parent entity to upload files to, or the FileEntity for which a new version should be uploaded */\n  containerOrEntityId: string,\n  /** Optional accessKey for a direct S3 upload */\n  accessKey = '',\n  /** Optional secretKey for a direct S3 upload */\n  secretKey = '',\n  /** Invoked if chosen files will exceed storage limits based on a client-side check. */\n  onStorageLimitExceeded: () => void = noop,\n): UseUploadFileEntitiesReturn {\n  /**\n   * General flow of the internal logic in this hook is\n   *\n   * 1. `initiateUpload(files)` - called by the caller of the hook\n   *    - Verify that the upload can proceed. Specifically:\n   *       1. Validate the upload destination\n   *       2. Check if the uploads will exceed a storage limit\n   *    - If either of these checks fail, do not proceed.\n   * 2. `prepareDirsForUpload(files)` - sets up the folder paths, checks for existing entities with the same name\n   * 3. `startUploadOrPromptForConfirmation(files)`\n   *     - For each file, check if the user should be prompted before the upload starts (e.g. if a new version will be created to update an existing file)\n   *     - If one or more prompts are required, they are added to the `activePrompts` array. Once the user resolves all prompts, the upload may start.\n   *     - If no prompts are required, the upload starts immediately.\n   * 6. `onUploadComplete(file, fileHandleId)` - using the file handle, creates or updates the FileEntity in Synapse\n   */\n\n  const { synapseClient } = useSynapseContext()\n\n  const { mutateAsync: createEntityWithNewFile } = useCreateEntity()\n  const { mutateAsync: updateEntityWithNewFile } = useUpdateEntity()\n\n  const onUploadComplete = useCallback(\n    async function onUploadComplete(\n      preparedFile: FilePreparedForUpload,\n      newFileHandleId: string,\n    ) {\n      if ('existingEntityId' in preparedFile && preparedFile.existingEntityId) {\n        // Update the existing entity\n        const entity =\n          await synapseClient.entityServicesClient.getRepoV1EntityId({\n            id: preparedFile.existingEntityId,\n          })\n        await updateEntityWithNewFile({\n          ...entity,\n          dataFileHandleId: newFileHandleId,\n        } as FileEntity)\n      } else if ('parentId' in preparedFile) {\n        // else, it's a new file entity\n        const newFileEntity: FileEntity = {\n          parentId: preparedFile.parentId,\n          name: preparedFile.file.name,\n          concreteType: 'org.sagebionetworks.repo.model.FileEntity',\n          dataFileHandleId: newFileHandleId,\n        }\n        await createEntityWithNewFile(newFileEntity)\n      } else {\n        // this should never happen\n        throw new Error(\n          `Can't upload file without a parent ID or existing entity ID. File was: ${JSON.stringify(\n            preparedFile,\n          )}`,\n        )\n      }\n    },\n    [\n      createEntityWithNewFile,\n      synapseClient.entityServicesClient,\n      updateEntityWithNewFile,\n    ],\n  )\n\n  /*\n    TODO: We retrieve the upload destination from the root upload container, but what if:\n      1. The user is uploading a folder with nested subdirectories\n      2. One or more of the subdirectories already exists\n      3. An existing subdirectory has a different upload destination\n     The current implementation uploads everything into the root upload destination, but the correct behavior might be\n     to fetch the upload destination for each subdirectory.\n   */\n  const {\n    data: uploadDestination,\n    isLoading: isLoadingUploadDestination,\n    error: getUploadDestinationError,\n  } = useGetDefaultUploadDestination(containerOrEntityId, {\n    // Storage location usage is eventually consistent. We will keep track of the sum of uploaded files client-side\n    // to determine if subsequent uploads will exceed the storage limit.\n    // Do not refetch the storage location usage to avoid double-counting the size of new uploads against the limit.\n    staleTime: Infinity,\n  })\n\n  const isUploadReady = Boolean(containerOrEntityId && uploadDestination)\n\n  const storageLocationId =\n    uploadDestination?.storageLocationId || SYNAPSE_STORAGE_LOCATION_ID\n\n  const errorMessage = getUploadDestinationError?.message\n\n  const {\n    pendingItems: filesToConfirmNewVersion,\n    confirmItem: confirmUploadFileWithNewVersion,\n    addItemsPendingConfirmation: addFileToConfirmUploadNewVersion,\n    removePendingItems: skipFileRequiringNewVersion,\n    clear: clearPendingFiles,\n  } = useConfirmItems<FilePreparedForUpload>()\n\n  const onBeforeUpload = useCallback(() => {\n    clearPendingFiles()\n  }, [clearPendingFiles])\n\n  const {\n    state,\n    startUpload,\n    activeUploadCount,\n    uploadProgress,\n    bytesPendingUpload,\n  } = useUploadFiles({\n    onBeforeUpload,\n    storageLocationId,\n    uploadDestination,\n    accessKey,\n    secretKey,\n    onUploadComplete,\n  })\n\n  /**\n   * After all files have been prepared for upload, process them to determine if the upload can automatically continue.\n   * If all files can be uploaded without user intervention, start the upload. Otherwise, prompt the user to make required\n   * decisions to continue the upload.\n   */\n  const startUploadOrPromptForConfirmation = useCallback(\n    (preparedFiles: PrepareDirsForUploadReturn) => {\n      const { filesReadyForUpload, filesToPromptForNewVersion } = preparedFiles\n      if (\n        filesReadyForUpload.length > 0 &&\n        filesToPromptForNewVersion.length == 0\n      ) {\n        // No need to prompt the user, just go ahead and upload!\n        startUpload(...filesReadyForUpload)\n      }\n\n      if (filesToPromptForNewVersion.length > 0) {\n        // Set up state to ask the user to confirm that they want to upload new versions.\n        confirmUploadFileWithNewVersion(...filesReadyForUpload)\n        addFileToConfirmUploadNewVersion(...filesToPromptForNewVersion)\n      }\n    },\n    [\n      addFileToConfirmUploadNewVersion,\n      confirmUploadFileWithNewVersion,\n      startUpload,\n    ],\n  )\n\n  const { mutateAsync: prepareDirsForUpload, isPending: isPrecheckingUpload } =\n    usePrepareFileEntityUpload()\n\n  const initiateUpload = useCallback(\n    async (args: InitiateUploadArgs) => {\n      if (uploadDestination == null) {\n        console.error(\n          'Upload destination was not loaded, or failed to load! Aborting upload.',\n        )\n        return\n      }\n      if (\n        willUploadsExceedStorageLimit(\n          args.map(arg => arg.file),\n          uploadDestination.projectStorageLocationUsage,\n          bytesPendingUpload,\n        )\n      ) {\n        onStorageLimitExceeded()\n        return\n      }\n      const filesReadyForUpload = await prepareDirsForUpload(args)\n\n      startUploadOrPromptForConfirmation(filesReadyForUpload)\n    },\n    [\n      bytesPendingUpload,\n      onStorageLimitExceeded,\n      startUploadOrPromptForConfirmation,\n      prepareDirsForUpload,\n      uploadDestination,\n    ],\n  )\n\n  const activePrompts: Prompt[] = useMemo(() => {\n    return filesToConfirmNewVersion.map(fileToPrompt => {\n      return {\n        info: {\n          type: 'CONFIRM_NEW_VERSION',\n          fileName: fileToPrompt.file.name,\n          existingEntityId: (fileToPrompt as UpdateEntityFilePreparedForUpload)\n            .existingEntityId,\n        },\n        onConfirm: () => {\n          const { confirmedItems, pendingItems } =\n            confirmUploadFileWithNewVersion(fileToPrompt)\n\n          if (confirmedItems.length > 0 && pendingItems.length == 0) {\n            void startUpload(...confirmedItems)\n          }\n        },\n        onConfirmAll: () => {\n          const { confirmedItems } = confirmUploadFileWithNewVersion(\n            ...filesToConfirmNewVersion,\n          )\n\n          void startUpload(...confirmedItems)\n        },\n        onSkip: () => {\n          const { confirmedItems, pendingItems } =\n            skipFileRequiringNewVersion(fileToPrompt)\n\n          if (confirmedItems.length > 0 && pendingItems.length == 0) {\n            void startUpload(...confirmedItems)\n          }\n        },\n        onCancelAll: () => {\n          clearPendingFiles()\n        },\n      }\n    })\n  }, [\n    clearPendingFiles,\n    confirmUploadFileWithNewVersion,\n    filesToConfirmNewVersion,\n    skipFileRequiringNewVersion,\n    startUpload,\n  ])\n\n  // Override the uploader state with the checks custom to this hook\n  const uploaderStateOverride = useMemo<EntityUploaderState>(() => {\n    if (errorMessage) {\n      return 'ERROR'\n    }\n    if (isLoadingUploadDestination) {\n      return 'LOADING'\n    }\n    if (activePrompts.length > 0) {\n      return 'PROMPT_USER'\n    }\n    return state\n  }, [activePrompts.length, errorMessage, isLoadingUploadDestination, state])\n\n  return useMemo(() => {\n    return {\n      state: uploaderStateOverride,\n      errorMessage,\n      isPrecheckingUpload,\n      activeUploadCount,\n      initiateUpload: initiateUpload,\n      activePrompts: activePrompts,\n      uploadProgress: uploadProgress,\n      isUploadReady,\n    }\n  }, [\n    uploaderStateOverride,\n    errorMessage,\n    isPrecheckingUpload,\n    activeUploadCount,\n    initiateUpload,\n    activePrompts,\n    uploadProgress,\n    isUploadReady,\n  ])\n}\n"],"mappings":"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"}