synapse-react-client 4.0.18 → 4.0.20

package/dist/components/ChangePassword/ChangePasswordWithToken.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangePasswordWithToken.js","names":[],"sources":["../../../src/components/ChangePassword/ChangePasswordWithToken.tsx"],"sourcesContent":["import { validatePassword } from '@/utils/functions/StringUtils'\nimport { Alert, Button, TextField } from '@mui/material'\nimport { PasswordResetSignedToken } from '@sage-bionetworks/synapse-types'\nimport { FormEvent, useState } from 'react'\nimport { displayToast } from '../ToastMessage'\nimport useChangePasswordFormState from './useChangePasswordFormState'\n\ntype ChangePasswordWithTokenProps = {\n  passwordChangeToken: PasswordResetSignedToken\n  onSuccess: () => void\n}\n\nexport default function ChangePasswordWithToken(\n  props: ChangePasswordWithTokenProps,\n) {\n  const { passwordChangeToken, onSuccess } = props\n  const [newPassword, setNewPassword] = useState<string>('')\n  const [confirmPassword, setConfirmPassword] = useState<string>('')\n  const [newPasswordError, setNewPasswordError] = useState<string | undefined>(\n    undefined,\n  )\n\n  const {\n    promptForTwoFactorAuth,\n    TwoFactorAuthPrompt,\n    isPending: changePasswordIsPending,\n    handleChangePasswordWithResetToken,\n    error,\n  } = useChangePasswordFormState({\n    onChangePasswordSuccess: () => {\n      setNewPassword('')\n      setConfirmPassword('')\n      displayToast('Password successfully changed.', 'success')\n      onSuccess()\n    },\n  })\n\n  const handleChangePassword = (clickEvent: FormEvent<HTMLElement>) => {\n    clickEvent.preventDefault()\n    if (newPassword !== confirmPassword) {\n      displayToast('Passwords do not match.', 'danger')\n    } else {\n      handleChangePasswordWithResetToken(newPassword, passwordChangeToken)\n    }\n  }\n\n  return (\n    <div>\n      {promptForTwoFactorAuth ? (\n        <TwoFactorAuthPrompt />\n      ) : (\n        <form\n          onSubmit={e => {\n            handleChangePassword(e)\n          }}\n        >\n          <TextField\n            fullWidth\n            required\n            helperText={newPasswordError}\n            type=\"password\"\n            id=\"newPassword\"\n            name=\"newPassword\"\n            label={'New password'}\n            onChange={e => {\n              const error = validatePassword(e.target.value)\n              setNewPasswordError(error)\n              setNewPassword(e.target.value)\n            }}\n            value={newPassword || ''}\n            sx={{ mb: 2 }}\n          />\n          <TextField\n            fullWidth\n            required\n            type=\"password\"\n            id=\"confirmPassword\"\n            name=\"confirmPassword\"\n            label={'Confirm password'}\n            onChange={e => setConfirmPassword(e.target.value)}\n            value={confirmPassword || ''}\n            sx={{ mb: 2 }}\n          />\n          <Button\n            variant=\"contained\"\n            type=\"submit\"\n            fullWidth\n            disabled={\n              !newPassword || !confirmPassword || changePasswordIsPending\n            }\n            sx={{ mt: 3, py: 2 }}\n          >\n            Change Password\n          </Button>\n        </form>\n      )}\n      {error && (\n        <Alert severity={'error'} sx={{ my: 2 }}>\n          {error.reason}\n        </Alert>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAYA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,wBAAqB,iBAAc,GACrC,CAAC,GAAa,KAAkB,EAAiB,GAAG,EACpD,CAAC,GAAiB,KAAsB,EAAiB,GAAG,EAC5D,CAAC,GAAkB,KAAuB,EAC9C,KAAA,EACD,EAEK,EACJ,2BACA,wBACA,WAAW,GACX,uCACA,aACE,EAA2B,EAC7B,+BAA+B;AAI7B,EAHA,EAAe,GAAG,EAClB,EAAmB,GAAG,EACtB,EAAa,kCAAkC,UAAU,EACzD,GAAW;IAEd,CAAC,EAEI,KAAwB,MAAuC;AAEnE,EADA,EAAW,gBAAgB,EACvB,MAAgB,IAGlB,EAAmC,GAAa,EAAoB,GAFpE,EAAa,2BAA2B,SAAS;;AAMrD,QACE,kBAAC,OAAD,EAAA,UAAA,CACG,IACC,kBAAC,GAAD,EAAuB,CAAA,GAEvB,kBAAC,QAAD;EACE,WAAU,MAAK;AACb,KAAqB,EAAE;;YAF3B;GAKE,kBAAC,GAAD;IACE,WAAA;IACA,UAAA;IACA,YAAY;IACZ,MAAK;IACL,IAAG;IACH,MAAK;IACL,OAAO;IACP,WAAU,MAAK;AAGb,KADA,EADc,EAAiB,EAAE,OAAO,MACpB,CAAM,EAC1B,EAAe,EAAE,OAAO,MAAM;;IAEhC,OAAO,KAAe;IACtB,IAAI,EAAE,IAAI,GAAG;IACb,CAAA;GACF,kBAAC,GAAD;IACE,WAAA;IACA,UAAA;IACA,MAAK;IACL,IAAG;IACH,MAAK;IACL,OAAO;IACP,WAAU,MAAK,EAAmB,EAAE,OAAO,MAAM;IACjD,OAAO,KAAmB;IAC1B,IAAI,EAAE,IAAI,GAAG;IACb,CAAA;GACF,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,WAAA;IACA,UACE,CAAC,KAAe,CAAC,KAAmB;IAEtC,IAAI;KAAE,IAAI;KAAG,IAAI;KAAG;cACrB;IAEQ,CAAA;GACJ;KAER,KACC,kBAAC,GAAD;EAAO,UAAU;EAAS,IAAI,EAAE,IAAI,GAAG;YACpC,EAAM;EACD,CAAA,CAEN,EAAA,CAAA"}
+{"version":3,"file":"ChangePasswordWithToken.js","names":[],"sources":["../../../src/components/ChangePassword/ChangePasswordWithToken.tsx"],"sourcesContent":["import { validatePassword } from '@/utils/functions/StringUtils'\nimport { Alert, Button, TextField } from '@mui/material'\nimport { PasswordResetSignedToken } from '@sage-bionetworks/synapse-types'\nimport { FormEvent, useState } from 'react'\nimport { displayToast } from '../ToastMessage'\nimport useChangePasswordFormState from './useChangePasswordFormState'\n\ntype ChangePasswordWithTokenProps = {\n  passwordChangeToken: PasswordResetSignedToken\n  onSuccess: () => void\n}\n\nexport default function ChangePasswordWithToken(\n  props: ChangePasswordWithTokenProps,\n) {\n  const { passwordChangeToken, onSuccess } = props\n  const [newPassword, setNewPassword] = useState<string>('')\n  const [confirmPassword, setConfirmPassword] = useState<string>('')\n  const [newPasswordError, setNewPasswordError] = useState<string | undefined>(\n    undefined,\n  )\n\n  const {\n    promptForTwoFactorAuth,\n    TwoFactorAuthPrompt,\n    isPending: changePasswordIsPending,\n    handleChangePasswordWithResetToken,\n    error,\n  } = useChangePasswordFormState({\n    onChangePasswordSuccess: () => {\n      setNewPassword('')\n      setConfirmPassword('')\n      displayToast('Password successfully changed.', 'success')\n      onSuccess()\n    },\n  })\n\n  const handleChangePassword = (clickEvent: FormEvent<HTMLElement>) => {\n    clickEvent.preventDefault()\n    if (newPassword !== confirmPassword) {\n      displayToast('Passwords do not match.', 'danger')\n    } else {\n      handleChangePasswordWithResetToken(newPassword, passwordChangeToken)\n    }\n  }\n\n  return (\n    <div>\n      {promptForTwoFactorAuth ? (\n        <TwoFactorAuthPrompt />\n      ) : (\n        <form\n          onSubmit={e => {\n            handleChangePassword(e)\n          }}\n        >\n          <TextField\n            fullWidth\n            required\n            helperText={newPasswordError}\n            type=\"password\"\n            id=\"newPassword\"\n            name=\"newPassword\"\n            label={'New password'}\n            onChange={e => {\n              const error = validatePassword(e.target.value)\n              setNewPasswordError(error)\n              setNewPassword(e.target.value)\n            }}\n            value={newPassword || ''}\n            sx={{ mb: 2 }}\n          />\n          <TextField\n            fullWidth\n            required\n            type=\"password\"\n            id=\"confirmPassword\"\n            name=\"confirmPassword\"\n            label={'Confirm password'}\n            onChange={e => setConfirmPassword(e.target.value)}\n            value={confirmPassword || ''}\n            sx={{ mb: 2 }}\n          />\n          <Button\n            variant=\"contained\"\n            type=\"submit\"\n            fullWidth\n            disabled={\n              !newPassword || !confirmPassword || changePasswordIsPending\n            }\n            sx={{ mt: 3, py: 2 }}\n          >\n            Change Password\n          </Button>\n        </form>\n      )}\n      {error && (\n        <Alert severity={'error'} sx={{ my: 2 }}>\n          {error.reason}\n        </Alert>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAYA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,wBAAqB,iBAAc,GACrC,CAAC,GAAa,KAAkB,EAAiB,EAAE,GACnD,CAAC,GAAiB,KAAsB,EAAiB,EAAE,GAC3D,CAAC,GAAkB,KAAuB,EAC9C,KAAA,CACF,GAEM,EACJ,2BACA,wBACA,WAAW,GACX,uCACA,aACE,EAA2B,EAC7B,+BAA+B;EAI7B,AAHA,EAAe,EAAE,GACjB,EAAmB,EAAE,GACrB,EAAa,kCAAkC,SAAS,GACxD,EAAU;CACZ,EACF,CAAC,GAEK,KAAwB,MAAuC;EAEnE,AADA,EAAW,eAAe,GACtB,MAAgB,IAGlB,EAAmC,GAAa,CAAmB,IAFnE,EAAa,2BAA2B,QAAQ;CAIpD;CAEA,OACE,kBAAC,OAAD,EAAA,UAAA,CACG,IACC,kBAAC,GAAD,CAAsB,CAAA,IAEtB,kBAAC,QAAD;EACE,WAAU,MAAK;GACb,EAAqB,CAAC;EACxB;YAHF;GAKE,kBAAC,GAAD;IACE,WAAA;IACA,UAAA;IACA,YAAY;IACZ,MAAK;IACL,IAAG;IACH,MAAK;IACL,OAAO;IACP,WAAU,MAAK;KAGb,AADA,EADc,EAAiB,EAAE,OAAO,KACpB,CAAK,GACzB,EAAe,EAAE,OAAO,KAAK;IAC/B;IACA,OAAO,KAAe;IACtB,IAAI,EAAE,IAAI,EAAE;GACb,CAAA;GACD,kBAAC,GAAD;IACE,WAAA;IACA,UAAA;IACA,MAAK;IACL,IAAG;IACH,MAAK;IACL,OAAO;IACP,WAAU,MAAK,EAAmB,EAAE,OAAO,KAAK;IAChD,OAAO,KAAmB;IAC1B,IAAI,EAAE,IAAI,EAAE;GACb,CAAA;GACD,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,WAAA;IACA,UACE,CAAC,KAAe,CAAC,KAAmB;IAEtC,IAAI;KAAE,IAAI;KAAG,IAAI;IAAE;cACpB;GAEO,CAAA;EACJ;KAEP,KACC,kBAAC,GAAD;EAAO,UAAU;EAAS,IAAI,EAAE,IAAI,EAAE;YACnC,EAAM;CACF,CAAA,CAEN,EAAA,CAAA;AAET"}

package/dist/components/ChangePassword/useChangePasswordFormState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChangePasswordFormState.js","names":[],"sources":["../../../src/components/ChangePassword/useChangePasswordFormState.tsx"],"sourcesContent":["import { useChangePassword, useResetTwoFactorAuth } from '@/synapse-queries'\nimport appendFinalQueryParamKey from '@/utils/appendFinalQueryParamKey'\nimport { useOneSageURL } from '@/utils/hooks'\nimport { Alert, Typography } from '@mui/material'\nimport { TwoFactorAuthErrorResponse } from '@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse'\nimport {\n  ChangePasswordWithCurrentPassword,\n  ChangePasswordWithToken as ChangePasswordWithTokenObject,\n  ChangePasswordWithTwoFactorAuthToken,\n  PasswordResetSignedToken,\n  TwoFactorAuthOtpType,\n  TwoFactorAuthResetRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport { ONE_TIME_PASSWORD_STEP, OneTimePasswordForm } from '../Authentication'\nimport {\n  RECOVERY_CODE_GUIDANCE_TEXT_SHORT,\n  TOTP_GUIDANCE_TEXT,\n} from '../Authentication/Constants'\n\nexport const TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT =\n  'Two-factor authentication is required to change your password. Your password has not yet been changed.'\n\nexport type UseChangePasswordFormStateOptions = {\n  hideReset2FA?: boolean\n  onChangePasswordSuccess?: () => void\n}\n\n/**\n * Hook that handles submitting a change password request and prompting the user for 2FA if necessary.\n * @param options\n */\nexport default function useChangePasswordFormState(\n  options?: UseChangePasswordFormStateOptions,\n) {\n  const defaultTwoFactorAuthResetUrl = useOneSageURL('/reset2FA')\n  const twoFactorAuthResetUri = appendFinalQueryParamKey(\n    defaultTwoFactorAuthResetUrl,\n    'twoFAResetToken',\n  )\n\n  // Store current and new password in state so that we can re-use it if 2FA is required\n  const [currentPassword, setCurrentPassword] = useState<string>('')\n  const [newPassword, setNewPassword] = useState<string>('')\n  const [twoFactorAuthErrorResponse, setTwoFactorAuthErrorResponse] = useState<\n    TwoFactorAuthErrorResponse | undefined\n  >()\n  const [otpStep, setOtpStep] =\n    useState<ONE_TIME_PASSWORD_STEP>('VERIFICATION_CODE')\n  const [successfullyChangedPassword, setSuccessfullyChangedPassword] =\n    useState(false)\n  const {\n    mutate: changePassword,\n    isPending,\n    error,\n  } = useChangePassword({\n    onSuccess: maybeTwoFactorResponse => {\n      if (maybeTwoFactorResponse) {\n        // We store the 2FA Error Response in state because the `changePasswordResult` may change before we are done with the 2FA code,\n        // e.g. if the user enters the wrong 2FA code\n        setTwoFactorAuthErrorResponse(maybeTwoFactorResponse)\n      } else {\n        setSuccessfullyChangedPassword(true)\n        setTwoFactorAuthErrorResponse(undefined)\n        if (options?.onChangePasswordSuccess) {\n          options.onChangePasswordSuccess()\n        }\n      }\n    },\n  })\n\n  const handleChangePasswordWithCurrentPassword = useCallback(\n    (username: string, currentPassword: string, newPassword: string) => {\n      setCurrentPassword(currentPassword)\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithCurrentPassword = {\n        username,\n        currentPassword,\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithCurrentPassword',\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithResetToken = useCallback(\n    (newPassword: string, passwordChangeToken: PasswordResetSignedToken) => {\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithTokenObject = {\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithToken',\n        passwordChangeToken: passwordChangeToken,\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithOtp = useCallback(\n    (newPassword: string, code: string, otpType: TwoFactorAuthOtpType) => {\n      if (twoFactorAuthErrorResponse) {\n        const changeRequest: ChangePasswordWithTwoFactorAuthToken = {\n          newPassword,\n          concreteType:\n            'org.sagebionetworks.repo.model.auth.ChangePasswordWithTwoFactorAuthToken',\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaToken: twoFactorAuthErrorResponse.twoFaToken!,\n          otpType: otpType,\n          otpCode: code,\n        }\n        changePassword(changeRequest)\n      }\n    },\n    [changePassword, twoFactorAuthErrorResponse],\n  )\n  const promptForTwoFactorAuth = Boolean(twoFactorAuthErrorResponse)\n  const {\n    mutate: resetTwoFactorAuth,\n    isSuccess: twoFactorAuthResetIsSuccess,\n    isPending: twoFactorAuthResetIsPending,\n  } = useResetTwoFactorAuth()\n\n  const beginTwoFactorAuthReset = useCallback(\n    (twoFaResetEndpoint: string) => {\n      if (twoFactorAuthErrorResponse) {\n        const request: TwoFactorAuthResetRequest = {\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaResetEndpoint: twoFaResetEndpoint,\n          // When attempting to reset 2FA while resetting a password, the current password must be used to request 2FA reset\n          password: currentPassword,\n        }\n        resetTwoFactorAuth(request)\n      }\n    },\n    [currentPassword, resetTwoFactorAuth, twoFactorAuthErrorResponse],\n  )\n\n  const TwoFactorAuthPrompt = useCallback(() => {\n    if (!promptForTwoFactorAuth) {\n      return <></>\n    }\n    return (\n      <>\n        {otpStep === 'VERIFICATION_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {TOTP_GUIDANCE_TEXT}\n          </Typography>\n        )}\n        {otpStep === 'RECOVERY_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {RECOVERY_CODE_GUIDANCE_TEXT_SHORT}\n          </Typography>\n        )}\n        <OneTimePasswordForm\n          step={otpStep}\n          onClickUseTOTP={() => {\n            setOtpStep('VERIFICATION_CODE')\n          }}\n          onClickUseBackupCode={() => {\n            setOtpStep('RECOVERY_CODE')\n          }}\n          loginIsPending={isPending}\n          onSubmit={(code, otpType) =>\n            handleChangePasswordWithOtp(newPassword, code, otpType)\n          }\n          hideReset2FA={options?.hideReset2FA}\n          onClickPromptReset2FA={() => {\n            setOtpStep('DISABLE_2FA_PROMPT')\n          }}\n          onClickReset2FA={() => {\n            beginTwoFactorAuthReset(twoFactorAuthResetUri)\n          }}\n          twoFactorAuthResetIsPending={twoFactorAuthResetIsPending}\n          twoFactorAuthResetIsSuccess={twoFactorAuthResetIsSuccess}\n        />\n        {(otpStep === 'RECOVERY_CODE' || otpStep === 'VERIFICATION_CODE') && (\n          <Alert severity={'info'} sx={{ my: 2 }}>\n            {TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT}\n          </Alert>\n        )}\n        {otpStep === 'DISABLE_2FA_PROMPT' && twoFactorAuthResetIsSuccess && (\n          <Alert severity={'warning'} sx={{ my: 2 }}>\n            <strong>Your password has not been changed.</strong> To disable\n            two-factor authentication, you may be required to enter your current\n            password after clicking the link sent to your email address.\n          </Alert>\n        )}\n      </>\n    )\n  }, [\n    beginTwoFactorAuthReset,\n    handleChangePasswordWithOtp,\n    isPending,\n    newPassword,\n    options?.hideReset2FA,\n    otpStep,\n    promptForTwoFactorAuth,\n    twoFactorAuthResetIsPending,\n    twoFactorAuthResetIsSuccess,\n    twoFactorAuthResetUri,\n  ])\n\n  return {\n    successfullyChangedPassword,\n    isPending,\n    error,\n    promptForTwoFactorAuth,\n    TwoFactorAuthPrompt: TwoFactorAuthPrompt,\n    handleChangePasswordWithCurrentPassword,\n    handleChangePasswordWithResetToken,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,IAAa,IACX;AAWF,SAAwB,EACtB,GACA;CAEA,IAAM,IAAwB,EADO,EAAc,YAEjD,EACA,kBACD,EAGK,CAAC,GAAiB,KAAsB,EAAiB,GAAG,EAC5D,CAAC,GAAa,KAAkB,EAAiB,GAAG,EACpD,CAAC,GAA4B,KAAiC,GAEjE,EACG,CAAC,GAAS,KACd,EAAiC,oBAAoB,EACjD,CAAC,GAA6B,KAClC,EAAS,GAAM,EACX,EACJ,QAAQ,GACR,cACA,aACE,EAAkB,EACpB,YAAW,MAA0B;AACnC,EAAI,IAGF,EAA8B,EAAuB,IAErD,EAA+B,GAAK,EACpC,EAA8B,KAAA,EAAU,EACpC,GAAS,2BACX,EAAQ,yBAAyB;IAIxC,CAAC,EAEI,IAA0C,GAC7C,GAAkB,GAAyB,MAAwB;AAUlE,EATA,EAAmB,EAAgB,EACnC,EAAe,EAAY,EAQ3B,EAAe;GANb;GACA;GACA;GACA,cACE;GAEW,CAAc;IAE/B,CAAC,EAAe,CACjB,EAEK,IAAqC,GACxC,GAAqB,MAAkD;AAQtE,EAPA,EAAe,EAAY,EAO3B,EAAe;GALb;GACA,cACE;GACmB;GAER,CAAc;IAE/B,CAAC,EAAe,CACjB,EAEK,IAA8B,GACjC,GAAqB,GAAc,MAAkC;AACpE,EAAI,KAUF,EAAe;GARb;GACA,cACE;GACF,QAAQ,EAA2B;GACnC,YAAY,EAA2B;GAC9B;GACT,SAAS;GAEI,CAAc;IAGjC,CAAC,GAAgB,EAA2B,CAC7C,EACK,IAAyB,EAAQ,GACjC,EACJ,QAAQ,GACR,WAAW,GACX,WAAW,MACT,GAAuB,EAErB,IAA0B,GAC7B,MAA+B;AAC9B,EAAI,KAOF,EAAmB;GALjB,QAAQ,EAA2B;GACf;GAEpB,UAAU;GAEO,CAAQ;IAG/B;EAAC;EAAiB;EAAoB;EAA2B,CAClE;AAmED,QAAO;EACL;EACA;EACA;EACA;EACqB,qBAtEK,QACrB,IAIH,kBAAA,GAAA,EAAA,UAAA;GACG,MAAY,uBACX,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI,EAAE,IAAI,GAAG;IAAE,OAAO;;IAEvC,CAAA;GAEd,MAAY,mBACX,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI,EAAE,IAAI,GAAG;IAAE,OAAO;;IAEvC,CAAA;GAEf,kBAAC,GAAD;IACE,MAAM;IACN,sBAAsB;AACpB,OAAW,oBAAoB;;IAEjC,4BAA4B;AAC1B,OAAW,gBAAgB;;IAE7B,gBAAgB;IAChB,WAAW,GAAM,MACf,EAA4B,GAAa,GAAM,EAAQ;IAEzD,cAAc,GAAS;IACvB,6BAA6B;AAC3B,OAAW,qBAAqB;;IAElC,uBAAuB;AACrB,OAAwB,EAAsB;;IAEnB;IACA;IAC7B,CAAA;IACA,MAAY,mBAAmB,MAAY,wBAC3C,kBAAC,GAAD;IAAO,UAAU;IAAQ,IAAI,EAAE,IAAI,GAAG;;IAE9B,CAAA;GAET,MAAY,wBAAwB,KACnC,kBAAC,GAAD;IAAO,UAAU;IAAW,IAAI,EAAE,IAAI,GAAG;cAAzC,CACE,kBAAC,UAAD,EAAA,UAAQ,uCAA4C,CAAA,EAAA,gJAG9C;;GAET,EAAA,CAAA,GAhDI,kBAAA,GAAA,EAAK,CAAA,EAkDb;GACD;GACA;GACA;GACA;GACA,GAAS;GACT;GACA;GACA;GACA;GACA;GACD,CAOsB;EACrB;EACA;EACD"}
+{"version":3,"file":"useChangePasswordFormState.js","names":[],"sources":["../../../src/components/ChangePassword/useChangePasswordFormState.tsx"],"sourcesContent":["import { useChangePassword, useResetTwoFactorAuth } from '@/synapse-queries'\nimport appendFinalQueryParamKey from '@/utils/appendFinalQueryParamKey'\nimport { useOneSageURL } from '@/utils/hooks'\nimport { Alert, Typography } from '@mui/material'\nimport { TwoFactorAuthErrorResponse } from '@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse'\nimport {\n  ChangePasswordWithCurrentPassword,\n  ChangePasswordWithToken as ChangePasswordWithTokenObject,\n  ChangePasswordWithTwoFactorAuthToken,\n  PasswordResetSignedToken,\n  TwoFactorAuthOtpType,\n  TwoFactorAuthResetRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport { ONE_TIME_PASSWORD_STEP, OneTimePasswordForm } from '../Authentication'\nimport {\n  RECOVERY_CODE_GUIDANCE_TEXT_SHORT,\n  TOTP_GUIDANCE_TEXT,\n} from '../Authentication/Constants'\n\nexport const TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT =\n  'Two-factor authentication is required to change your password. Your password has not yet been changed.'\n\nexport type UseChangePasswordFormStateOptions = {\n  hideReset2FA?: boolean\n  onChangePasswordSuccess?: () => void\n}\n\n/**\n * Hook that handles submitting a change password request and prompting the user for 2FA if necessary.\n * @param options\n */\nexport default function useChangePasswordFormState(\n  options?: UseChangePasswordFormStateOptions,\n) {\n  const defaultTwoFactorAuthResetUrl = useOneSageURL('/reset2FA')\n  const twoFactorAuthResetUri = appendFinalQueryParamKey(\n    defaultTwoFactorAuthResetUrl,\n    'twoFAResetToken',\n  )\n\n  // Store current and new password in state so that we can re-use it if 2FA is required\n  const [currentPassword, setCurrentPassword] = useState<string>('')\n  const [newPassword, setNewPassword] = useState<string>('')\n  const [twoFactorAuthErrorResponse, setTwoFactorAuthErrorResponse] = useState<\n    TwoFactorAuthErrorResponse | undefined\n  >()\n  const [otpStep, setOtpStep] =\n    useState<ONE_TIME_PASSWORD_STEP>('VERIFICATION_CODE')\n  const [successfullyChangedPassword, setSuccessfullyChangedPassword] =\n    useState(false)\n  const {\n    mutate: changePassword,\n    isPending,\n    error,\n  } = useChangePassword({\n    onSuccess: maybeTwoFactorResponse => {\n      if (maybeTwoFactorResponse) {\n        // We store the 2FA Error Response in state because the `changePasswordResult` may change before we are done with the 2FA code,\n        // e.g. if the user enters the wrong 2FA code\n        setTwoFactorAuthErrorResponse(maybeTwoFactorResponse)\n      } else {\n        setSuccessfullyChangedPassword(true)\n        setTwoFactorAuthErrorResponse(undefined)\n        if (options?.onChangePasswordSuccess) {\n          options.onChangePasswordSuccess()\n        }\n      }\n    },\n  })\n\n  const handleChangePasswordWithCurrentPassword = useCallback(\n    (username: string, currentPassword: string, newPassword: string) => {\n      setCurrentPassword(currentPassword)\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithCurrentPassword = {\n        username,\n        currentPassword,\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithCurrentPassword',\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithResetToken = useCallback(\n    (newPassword: string, passwordChangeToken: PasswordResetSignedToken) => {\n      setNewPassword(newPassword)\n      const changeRequest: ChangePasswordWithTokenObject = {\n        newPassword,\n        concreteType:\n          'org.sagebionetworks.repo.model.auth.ChangePasswordWithToken',\n        passwordChangeToken: passwordChangeToken,\n      }\n      changePassword(changeRequest)\n    },\n    [changePassword],\n  )\n\n  const handleChangePasswordWithOtp = useCallback(\n    (newPassword: string, code: string, otpType: TwoFactorAuthOtpType) => {\n      if (twoFactorAuthErrorResponse) {\n        const changeRequest: ChangePasswordWithTwoFactorAuthToken = {\n          newPassword,\n          concreteType:\n            'org.sagebionetworks.repo.model.auth.ChangePasswordWithTwoFactorAuthToken',\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaToken: twoFactorAuthErrorResponse.twoFaToken!,\n          otpType: otpType,\n          otpCode: code,\n        }\n        changePassword(changeRequest)\n      }\n    },\n    [changePassword, twoFactorAuthErrorResponse],\n  )\n  const promptForTwoFactorAuth = Boolean(twoFactorAuthErrorResponse)\n  const {\n    mutate: resetTwoFactorAuth,\n    isSuccess: twoFactorAuthResetIsSuccess,\n    isPending: twoFactorAuthResetIsPending,\n  } = useResetTwoFactorAuth()\n\n  const beginTwoFactorAuthReset = useCallback(\n    (twoFaResetEndpoint: string) => {\n      if (twoFactorAuthErrorResponse) {\n        const request: TwoFactorAuthResetRequest = {\n          userId: twoFactorAuthErrorResponse.userId!,\n          twoFaResetEndpoint: twoFaResetEndpoint,\n          // When attempting to reset 2FA while resetting a password, the current password must be used to request 2FA reset\n          password: currentPassword,\n        }\n        resetTwoFactorAuth(request)\n      }\n    },\n    [currentPassword, resetTwoFactorAuth, twoFactorAuthErrorResponse],\n  )\n\n  const TwoFactorAuthPrompt = useCallback(() => {\n    if (!promptForTwoFactorAuth) {\n      return <></>\n    }\n    return (\n      <>\n        {otpStep === 'VERIFICATION_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {TOTP_GUIDANCE_TEXT}\n          </Typography>\n        )}\n        {otpStep === 'RECOVERY_CODE' && (\n          <Typography variant={'body1'} sx={{ my: 2 }} align={'center'}>\n            {RECOVERY_CODE_GUIDANCE_TEXT_SHORT}\n          </Typography>\n        )}\n        <OneTimePasswordForm\n          step={otpStep}\n          onClickUseTOTP={() => {\n            setOtpStep('VERIFICATION_CODE')\n          }}\n          onClickUseBackupCode={() => {\n            setOtpStep('RECOVERY_CODE')\n          }}\n          loginIsPending={isPending}\n          onSubmit={(code, otpType) =>\n            handleChangePasswordWithOtp(newPassword, code, otpType)\n          }\n          hideReset2FA={options?.hideReset2FA}\n          onClickPromptReset2FA={() => {\n            setOtpStep('DISABLE_2FA_PROMPT')\n          }}\n          onClickReset2FA={() => {\n            beginTwoFactorAuthReset(twoFactorAuthResetUri)\n          }}\n          twoFactorAuthResetIsPending={twoFactorAuthResetIsPending}\n          twoFactorAuthResetIsSuccess={twoFactorAuthResetIsSuccess}\n        />\n        {(otpStep === 'RECOVERY_CODE' || otpStep === 'VERIFICATION_CODE') && (\n          <Alert severity={'info'} sx={{ my: 2 }}>\n            {TWO_FACTOR_AUTH_CHANGE_PASSWORD_PROMPT}\n          </Alert>\n        )}\n        {otpStep === 'DISABLE_2FA_PROMPT' && twoFactorAuthResetIsSuccess && (\n          <Alert severity={'warning'} sx={{ my: 2 }}>\n            <strong>Your password has not been changed.</strong> To disable\n            two-factor authentication, you may be required to enter your current\n            password after clicking the link sent to your email address.\n          </Alert>\n        )}\n      </>\n    )\n  }, [\n    beginTwoFactorAuthReset,\n    handleChangePasswordWithOtp,\n    isPending,\n    newPassword,\n    options?.hideReset2FA,\n    otpStep,\n    promptForTwoFactorAuth,\n    twoFactorAuthResetIsPending,\n    twoFactorAuthResetIsSuccess,\n    twoFactorAuthResetUri,\n  ])\n\n  return {\n    successfullyChangedPassword,\n    isPending,\n    error,\n    promptForTwoFactorAuth,\n    TwoFactorAuthPrompt: TwoFactorAuthPrompt,\n    handleChangePasswordWithCurrentPassword,\n    handleChangePasswordWithResetToken,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,IAAa,IACX;AAWF,SAAwB,EACtB,GACA;CAEA,IAAM,IAAwB,EADO,EAAc,WAEjD,GACA,iBACF,GAGM,CAAC,GAAiB,KAAsB,EAAiB,EAAE,GAC3D,CAAC,GAAa,KAAkB,EAAiB,EAAE,GACnD,CAAC,GAA4B,KAAiC,EAElE,GACI,CAAC,GAAS,KACd,EAAiC,mBAAmB,GAChD,CAAC,GAA6B,KAClC,EAAS,EAAK,GACV,EACJ,QAAQ,GACR,cACA,aACE,EAAkB,EACpB,YAAW,MAA0B;EACnC,AAAI,IAGF,EAA8B,CAAsB,KAEpD,EAA+B,EAAI,GACnC,EAA8B,KAAA,CAAS,GACnC,GAAS,2BACX,EAAQ,wBAAwB;CAGtC,EACF,CAAC,GAEK,IAA0C,GAC7C,GAAkB,GAAyB,MAAwB;EAUlE,AATA,EAAmB,CAAe,GAClC,EAAe,CAAW,GAQ1B,EAAe;GANb;GACA;GACA;GACA,cACE;EAEW,CAAa;CAC9B,GACA,CAAC,CAAc,CACjB,GAEM,IAAqC,GACxC,GAAqB,MAAkD;EAQtE,AAPA,EAAe,CAAW,GAO1B,EAAe;GALb;GACA,cACE;GACmB;EAER,CAAa;CAC9B,GACA,CAAC,CAAc,CACjB,GAEM,IAA8B,GACjC,GAAqB,GAAc,MAAkC;EACpE,AAAI,KAUF,EAAe;GARb;GACA,cACE;GACF,QAAQ,EAA2B;GACnC,YAAY,EAA2B;GAC9B;GACT,SAAS;EAEI,CAAa;CAEhC,GACA,CAAC,GAAgB,CAA0B,CAC7C,GACM,IAAyB,EAAQ,GACjC,EACJ,QAAQ,GACR,WAAW,GACX,WAAW,MACT,EAAsB,GAEpB,IAA0B,GAC7B,MAA+B;EAC9B,AAAI,KAOF,EAAmB;GALjB,QAAQ,EAA2B;GACf;GAEpB,UAAU;EAEO,CAAO;CAE9B,GACA;EAAC;EAAiB;EAAoB;CAA0B,CAClE;CAmEA,OAAO;EACL;EACA;EACA;EACA;EACqB,qBAtEK,QACrB,IAIH,kBAAA,GAAA,EAAA,UAAA;GACG,MAAY,uBACX,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI,EAAE,IAAI,EAAE;IAAG,OAAO;;GAExC,CAAA;GAEb,MAAY,mBACX,kBAAC,GAAD;IAAY,SAAS;IAAS,IAAI,EAAE,IAAI,EAAE;IAAG,OAAO;;GAExC,CAAA;GAEd,kBAAC,GAAD;IACE,MAAM;IACN,sBAAsB;KACpB,EAAW,mBAAmB;IAChC;IACA,4BAA4B;KAC1B,EAAW,eAAe;IAC5B;IACA,gBAAgB;IAChB,WAAW,GAAM,MACf,EAA4B,GAAa,GAAM,CAAO;IAExD,cAAc,GAAS;IACvB,6BAA6B;KAC3B,EAAW,oBAAoB;IACjC;IACA,uBAAuB;KACrB,EAAwB,CAAqB;IAC/C;IAC6B;IACA;GAC9B,CAAA;IACC,MAAY,mBAAmB,MAAY,wBAC3C,kBAAC,GAAD;IAAO,UAAU;IAAQ,IAAI,EAAE,IAAI,EAAE;;GAE9B,CAAA;GAER,MAAY,wBAAwB,KACnC,kBAAC,GAAD;IAAO,UAAU;IAAW,IAAI,EAAE,IAAI,EAAE;cAAxC,CACE,kBAAC,UAAD,EAAA,UAAQ,sCAA2C,CAAA,GAAC,+IAG/C;;EAET,EAAA,CAAA,IAhDK,kBAAA,GAAA,CAAI,CAAA,GAkDZ;GACD;GACA;GACA;GACA;GACA,GAAS;GACT;GACA;GACA;GACA;GACA;EACF,CAOuB;EACrB;EACA;CACF;AACF"}

package/dist/components/CitationPopover/CitationPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"CitationPopover.js","names":[],"sources":["../../../src/components/CitationPopover/CitationPopover.tsx"],"sourcesContent":["import { ReactComponent as DoubleQuotes } from '@/assets/icons/DoubleQuotes.svg'\nimport { Typography } from '@mui/material'\nimport { useState } from 'react'\nimport GenericCardActionButton from '../GenericCard/GenericCardActionButton'\nimport CitationPopoverContent from './CitationPopoverContent'\nimport { CitationProps } from './CitationTypes'\n\nfunction CitationPopover(props: CitationProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  const open = Boolean(anchorEl)\n  const id = open ? 'cite-as-popover' : undefined\n\n  return (\n    <>\n      {props.doi && (\n        <GenericCardActionButton\n          onClick={handleClick}\n          variant=\"outlined\"\n          startIcon={<DoubleQuotes />}\n          sx={props.buttonSx}\n        >\n          <Typography variant=\"label\" sx={{ lineHeight: '20px' }}>\n            Cite As\n          </Typography>\n        </GenericCardActionButton>\n      )}\n      <CitationPopoverContent\n        {...props}\n        anchorEl={anchorEl}\n        open={open}\n        id={id}\n        onClose={handleClose}\n      />\n    </>\n  )\n}\n\nexport default CitationPopover\n"],"mappings":";;;;;;;AAOA,SAAS,EAAgB,GAAsB;CAC7C,IAAM,CAAC,GAAU,KAAe,EAAmC,KAAK,EAElE,KAAe,MAA+C;AAClE,IAAY,EAAM,cAAc;IAG5B,UAAoB;AACxB,IAAY,KAAK;IAGb,IAAO,EAAQ,GACf,IAAK,IAAO,oBAAoB,KAAA;AAEtC,QACE,kBAAA,GAAA,EAAA,UAAA,CACG,EAAM,OACL,kBAAC,GAAD;EACE,SAAS;EACT,SAAQ;EACR,WAAW,kBAAC,GAAD,EAAgB,CAAA;EAC3B,IAAI,EAAM;YAEV,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,YAAY,QAAQ;aAAE;GAE3C,CAAA;EACW,CAAA,EAE5B,kBAAC,GAAD;EACE,GAAI;EACM;EACJ;EACF;EACJ,SAAS;EACT,CAAA,CACD,EAAA,CAAA"}
+{"version":3,"file":"CitationPopover.js","names":[],"sources":["../../../src/components/CitationPopover/CitationPopover.tsx"],"sourcesContent":["import { ReactComponent as DoubleQuotes } from '@/assets/icons/DoubleQuotes.svg'\nimport { Typography } from '@mui/material'\nimport { useState } from 'react'\nimport GenericCardActionButton from '../GenericCard/GenericCardActionButton'\nimport CitationPopoverContent from './CitationPopoverContent'\nimport { CitationProps } from './CitationTypes'\n\nfunction CitationPopover(props: CitationProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  const open = Boolean(anchorEl)\n  const id = open ? 'cite-as-popover' : undefined\n\n  return (\n    <>\n      {props.doi && (\n        <GenericCardActionButton\n          onClick={handleClick}\n          variant=\"outlined\"\n          startIcon={<DoubleQuotes />}\n          sx={props.buttonSx}\n        >\n          <Typography variant=\"label\" sx={{ lineHeight: '20px' }}>\n            Cite As\n          </Typography>\n        </GenericCardActionButton>\n      )}\n      <CitationPopoverContent\n        {...props}\n        anchorEl={anchorEl}\n        open={open}\n        id={id}\n        onClose={handleClose}\n      />\n    </>\n  )\n}\n\nexport default CitationPopover\n"],"mappings":";;;;;;;AAOA,SAAS,EAAgB,GAAsB;CAC7C,IAAM,CAAC,GAAU,KAAe,EAAmC,IAAI,GAEjE,KAAe,MAA+C;EAClE,EAAY,EAAM,aAAa;CACjC,GAEM,UAAoB;EACxB,EAAY,IAAI;CAClB,GAEM,IAAO,EAAQ,GACf,IAAK,IAAO,oBAAoB,KAAA;CAEtC,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,EAAM,OACL,kBAAC,GAAD;EACE,SAAS;EACT,SAAQ;EACR,WAAW,kBAAC,GAAD,CAAe,CAAA;EAC1B,IAAI,EAAM;YAEV,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,YAAY,OAAO;aAAG;EAE5C,CAAA;CACW,CAAA,GAE3B,kBAAC,GAAD;EACE,GAAI;EACM;EACJ;EACF;EACJ,SAAS;CACV,CAAA,CACD,EAAA,CAAA;AAEN"}

package/dist/components/CitationPopover/CitationPopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CitationPopoverContent.js","names":[],"sources":["../../../src/components/CitationPopover/CitationPopoverContent.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  FormControl,\n  MenuItem,\n  Popover,\n  Select,\n  SelectChangeEvent,\n  Stack,\n  SxProps,\n  Typography,\n  PopoverProps,\n} from '@mui/material'\nimport React from 'react'\nimport { useCitation } from './useCitation'\nimport { createLinkAndDownload } from './CitationPopoverUtils'\nimport { KeyboardArrowDown } from '@mui/icons-material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useState } from 'react'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport { CitationProps, CitationFormat } from './CitationTypes'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nconst selectSx: SxProps = {\n  width: '100%',\n  '.MuiInputBase-root': {\n    minHeight: '38px',\n    borderRadius: 0,\n    '&:before, &:after': {\n      borderBottom: 'none !important',\n    },\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: 0,\n  },\n  '&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n    border: 'none',\n  },\n  '.MuiSelect-select': {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  '.MuiInputBase-input': {\n    padding: '7px 10px',\n  },\n}\n\nexport type CitationPopoverProps = CitationProps &\n  Pick<PopoverProps, 'anchorEl' | 'open' | 'id' | 'onClose'>\n\nexport const CitationPopoverContent = (\n  props: CitationPopoverProps,\n): React.ReactNode => {\n  const {\n    doi,\n    title,\n    boilerplateText,\n    defaultCitationFormat,\n    onClose,\n    anchorEl,\n    open,\n    id,\n  } = props\n\n  const [citationFormat, setCitationFormat] = useState<CitationFormat>(\n    defaultCitationFormat || 'bibtex',\n  )\n  const {\n    data: citation,\n    isLoading,\n    error,\n  } = useCitation(doi || '', citationFormat, true)\n\n  const handleDownload = (citation: string) => {\n    if (!citation) {\n      return\n    }\n    const extensionMap: Record<string, string> = {\n      apa: 'ris',\n      bibtex: 'bib',\n      ieee: 'ris',\n      nature: 'ris',\n      science: 'ris',\n    }\n    const fileExtension = extensionMap[citationFormat] || 'txt'\n\n    const blob = new Blob([citation], { type: 'text/plain' })\n    const url = URL.createObjectURL(blob)\n\n    createLinkAndDownload(title || 'citation', fileExtension, url)\n  }\n\n  const handleChange = (event: SelectChangeEvent<CitationFormat>) => {\n    setCitationFormat(event.target.value as CitationFormat)\n  }\n\n  return (\n    <Popover\n      aria-label=\"Citation options\"\n      role=\"dialog\"\n      id={id}\n      elevation={9}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'left',\n      }}\n      transformOrigin={{\n        vertical: 'top',\n        horizontal: 'left',\n      }}\n      slotProps={{\n        paper: {\n          square: true,\n          sx: theme => ({\n            width: '500px',\n            position: 'relative',\n            [theme.breakpoints.down('sm')]: {\n              maxWidth: '100%',\n              maxHeight: '100%',\n              top: '0 !important',\n              left: '0 !important',\n              bottom: '0 !important',\n            },\n          }),\n        },\n      }}\n    >\n      <Stack\n        sx={{\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n          <Typography\n            sx={{ fontSize: '20px', fontWeight: 700, lineHeight: 'normal' }}\n          >\n            Cite As:\n          </Typography>\n          <CloseIcon\n            sx={{\n              cursor: 'pointer',\n              display: { xs: 'block', sm: 'none' },\n              marginLeft: 'auto',\n              color: '#878E95',\n            }}\n            onClick={() => {\n              onClose?.({}, 'escapeKeyDown')\n            }}\n          />\n        </Box>\n        {error && (\n          <Alert severity={'error'} sx={{ my: 2 }} icon={false}>\n            {error.message}\n          </Alert>\n        )}\n        <Typography\n          variant=\"smallText1\"\n          component={'div'}\n          sx={{\n            lineHeight: 'normal',\n            maxHeight: '300px',\n            overflowY: 'scroll',\n            wordWrap: 'break-word',\n          }}\n        >\n          {boilerplateText && (\n            <>\n              <MarkdownSynapse markdown={boilerplateText} />\n              <br />\n            </>\n          )}\n          {isLoading ? (\n            <Box sx={{ fontWeight: 700 }}>\n              <br />\n              Loading citation...\n            </Box>\n          ) : (\n            citation\n          )}\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: { xs: 'column', sm: 'row' },\n            gap: { xs: '10px', sm: '8px' },\n            width: '100%',\n            maxHeight: '38px',\n          }}\n        >\n          <Box sx={{ flex: 1 }}>\n            <FormControl sx={selectSx}>\n              <Select\n                variant=\"standard\"\n                sx={{\n                  svg: {\n                    color: '#878E95',\n                    width: '24px',\n                    height: '24px',\n                    right: '10px',\n                  },\n                }}\n                value={citationFormat}\n                onChange={handleChange}\n                IconComponent={KeyboardArrowDown}\n              >\n                <MenuItem value={'bibtex'}>bibtex</MenuItem>\n                <MenuItem value={'apa'}>apa</MenuItem>\n                <MenuItem value={'ieee'}>ieee</MenuItem>\n                <MenuItem value={'nature'}>nature</MenuItem>\n                <MenuItem value={'science'}>science</MenuItem>\n              </Select>\n            </FormControl>\n          </Box>\n          <Button\n            onClick={() => handleDownload(citation || '')}\n            variant=\"contained\"\n            sx={{\n              padding: '6px 16px',\n              borderRadius: 0,\n            }}\n          >\n            Download Citation\n          </Button>\n          <CopyToClipboardIcon\n            value={citation || ''}\n            sx={{\n              borderRadius: 0,\n              padding: '6px 16px',\n              border: '1px solid',\n              borderColor: 'primary.main',\n            }}\n          />\n        </Box>\n      </Stack>\n    </Popover>\n  )\n}\n\nexport default CitationPopoverContent\n"],"mappings":"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"}
+{"version":3,"file":"CitationPopoverContent.js","names":[],"sources":["../../../src/components/CitationPopover/CitationPopoverContent.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  FormControl,\n  MenuItem,\n  Popover,\n  Select,\n  SelectChangeEvent,\n  Stack,\n  SxProps,\n  Typography,\n  PopoverProps,\n} from '@mui/material'\nimport React from 'react'\nimport { useCitation } from './useCitation'\nimport { createLinkAndDownload } from './CitationPopoverUtils'\nimport { KeyboardArrowDown } from '@mui/icons-material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useState } from 'react'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport { CitationProps, CitationFormat } from './CitationTypes'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nconst selectSx: SxProps = {\n  width: '100%',\n  '.MuiInputBase-root': {\n    minHeight: '38px',\n    borderRadius: 0,\n    '&:before, &:after': {\n      borderBottom: 'none !important',\n    },\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: 0,\n  },\n  '&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n    border: 'none',\n  },\n  '.MuiSelect-select': {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  '.MuiInputBase-input': {\n    padding: '7px 10px',\n  },\n}\n\nexport type CitationPopoverProps = CitationProps &\n  Pick<PopoverProps, 'anchorEl' | 'open' | 'id' | 'onClose'>\n\nexport const CitationPopoverContent = (\n  props: CitationPopoverProps,\n): React.ReactNode => {\n  const {\n    doi,\n    title,\n    boilerplateText,\n    defaultCitationFormat,\n    onClose,\n    anchorEl,\n    open,\n    id,\n  } = props\n\n  const [citationFormat, setCitationFormat] = useState<CitationFormat>(\n    defaultCitationFormat || 'bibtex',\n  )\n  const {\n    data: citation,\n    isLoading,\n    error,\n  } = useCitation(doi || '', citationFormat, true)\n\n  const handleDownload = (citation: string) => {\n    if (!citation) {\n      return\n    }\n    const extensionMap: Record<string, string> = {\n      apa: 'ris',\n      bibtex: 'bib',\n      ieee: 'ris',\n      nature: 'ris',\n      science: 'ris',\n    }\n    const fileExtension = extensionMap[citationFormat] || 'txt'\n\n    const blob = new Blob([citation], { type: 'text/plain' })\n    const url = URL.createObjectURL(blob)\n\n    createLinkAndDownload(title || 'citation', fileExtension, url)\n  }\n\n  const handleChange = (event: SelectChangeEvent<CitationFormat>) => {\n    setCitationFormat(event.target.value as CitationFormat)\n  }\n\n  return (\n    <Popover\n      aria-label=\"Citation options\"\n      role=\"dialog\"\n      id={id}\n      elevation={9}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'left',\n      }}\n      transformOrigin={{\n        vertical: 'top',\n        horizontal: 'left',\n      }}\n      slotProps={{\n        paper: {\n          square: true,\n          sx: theme => ({\n            width: '500px',\n            position: 'relative',\n            [theme.breakpoints.down('sm')]: {\n              maxWidth: '100%',\n              maxHeight: '100%',\n              top: '0 !important',\n              left: '0 !important',\n              bottom: '0 !important',\n            },\n          }),\n        },\n      }}\n    >\n      <Stack\n        sx={{\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n          <Typography\n            sx={{ fontSize: '20px', fontWeight: 700, lineHeight: 'normal' }}\n          >\n            Cite As:\n          </Typography>\n          <CloseIcon\n            sx={{\n              cursor: 'pointer',\n              display: { xs: 'block', sm: 'none' },\n              marginLeft: 'auto',\n              color: '#878E95',\n            }}\n            onClick={() => {\n              onClose?.({}, 'escapeKeyDown')\n            }}\n          />\n        </Box>\n        {error && (\n          <Alert severity={'error'} sx={{ my: 2 }} icon={false}>\n            {error.message}\n          </Alert>\n        )}\n        <Typography\n          variant=\"smallText1\"\n          component={'div'}\n          sx={{\n            lineHeight: 'normal',\n            maxHeight: '300px',\n            overflowY: 'scroll',\n            wordWrap: 'break-word',\n          }}\n        >\n          {boilerplateText && (\n            <>\n              <MarkdownSynapse markdown={boilerplateText} />\n              <br />\n            </>\n          )}\n          {isLoading ? (\n            <Box sx={{ fontWeight: 700 }}>\n              <br />\n              Loading citation...\n            </Box>\n          ) : (\n            citation\n          )}\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: { xs: 'column', sm: 'row' },\n            gap: { xs: '10px', sm: '8px' },\n            width: '100%',\n            maxHeight: '38px',\n          }}\n        >\n          <Box sx={{ flex: 1 }}>\n            <FormControl sx={selectSx}>\n              <Select\n                variant=\"standard\"\n                sx={{\n                  svg: {\n                    color: '#878E95',\n                    width: '24px',\n                    height: '24px',\n                    right: '10px',\n                  },\n                }}\n                value={citationFormat}\n                onChange={handleChange}\n                IconComponent={KeyboardArrowDown}\n              >\n                <MenuItem value={'bibtex'}>bibtex</MenuItem>\n                <MenuItem value={'apa'}>apa</MenuItem>\n                <MenuItem value={'ieee'}>ieee</MenuItem>\n                <MenuItem value={'nature'}>nature</MenuItem>\n                <MenuItem value={'science'}>science</MenuItem>\n              </Select>\n            </FormControl>\n          </Box>\n          <Button\n            onClick={() => handleDownload(citation || '')}\n            variant=\"contained\"\n            sx={{\n              padding: '6px 16px',\n              borderRadius: 0,\n            }}\n          >\n            Download Citation\n          </Button>\n          <CopyToClipboardIcon\n            value={citation || ''}\n            sx={{\n              borderRadius: 0,\n              padding: '6px 16px',\n              border: '1px solid',\n              borderColor: 'primary.main',\n            }}\n          />\n        </Box>\n      </Stack>\n    </Popover>\n  )\n}\n\nexport default CitationPopoverContent\n"],"mappings":"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"}

package/dist/components/CitationPopover/CitationPopoverUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"CitationPopoverUtils.js","names":[],"sources":["../../../src/components/CitationPopover/CitationPopoverUtils.ts"],"sourcesContent":["export const createLinkAndDownload = (\n  title: string,\n  fileExtension: string,\n  url: string,\n) => {\n  const citationTitle = `${title.replace(/\\s+/g, '_')}`\n  const link = document.createElement('a')\n  link.href = url\n  link.setAttribute('download', `${citationTitle}.${fileExtension}`)\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n"],"mappings":";AAAA,IAAa,KACX,GACA,GACA,MACG;CACH,IAAM,IAAgB,GAAG,EAAM,QAAQ,QAAQ,IAAI,IAC7C,IAAO,SAAS,cAAc,IAAI;AAKxC,CAJA,EAAK,OAAO,GACZ,EAAK,aAAa,YAAY,GAAG,EAAc,GAAG,IAAgB,EAClE,SAAS,KAAK,YAAY,EAAK,EAC/B,EAAK,OAAO,EACZ,SAAS,KAAK,YAAY,EAAK"}
+{"version":3,"file":"CitationPopoverUtils.js","names":[],"sources":["../../../src/components/CitationPopover/CitationPopoverUtils.ts"],"sourcesContent":["export const createLinkAndDownload = (\n  title: string,\n  fileExtension: string,\n  url: string,\n) => {\n  const citationTitle = `${title.replace(/\\s+/g, '_')}`\n  const link = document.createElement('a')\n  link.href = url\n  link.setAttribute('download', `${citationTitle}.${fileExtension}`)\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n"],"mappings":";AAAA,IAAa,KACX,GACA,GACA,MACG;CACH,IAAM,IAAgB,GAAG,EAAM,QAAQ,QAAQ,GAAG,KAC5C,IAAO,SAAS,cAAc,GAAG;CAKvC,AAJA,EAAK,OAAO,GACZ,EAAK,aAAa,YAAY,GAAG,EAAc,GAAG,GAAe,GACjE,SAAS,KAAK,YAAY,CAAI,GAC9B,EAAK,MAAM,GACX,SAAS,KAAK,YAAY,CAAI;AAChC"}

package/dist/components/CitationPopover/useCitation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCitation.js","names":[],"sources":["../../../src/components/CitationPopover/useCitation.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\n\nexport const fetchCitation = async (\n  doi: string | undefined,\n  format: string,\n) => {\n  const formattedDoi = doi ? doi.replace('https://doi.org/', '') : ''\n  const response = await fetch(\n    `https://citation.doi.org/format?doi=${formattedDoi}&style=${format}&lang=en-US`,\n    {\n      headers: {\n        Accept: `text/x-${format}`,\n      },\n    },\n  )\n  if (!response.ok) {\n    throw new Error(\n      `Failed to fetch citation: ${response.status}: ${response.statusText}`,\n    )\n  }\n  return await response.text()\n}\n\nexport const useCitation = (doi: string, format: string, enabled: boolean) => {\n  return useQuery({\n    queryKey: ['citation', doi, format],\n    queryFn: () => fetchCitation(doi, format),\n    enabled: !!doi && !!format && enabled,\n  })\n}\n"],"mappings":";;AAEA,IAAa,IAAgB,OAC3B,GACA,MACG;CACH,IAAM,IAAe,IAAM,EAAI,QAAQ,oBAAoB,GAAG,GAAG,IAC3D,IAAW,MAAM,MACrB,uCAAuC,EAAa,SAAS,EAAO,cACpE,EACE,SAAS,EACP,QAAQ,UAAU,KACnB,EACF,CACF;AACD,KAAI,CAAC,EAAS,GACZ,OAAU,MACR,6BAA6B,EAAS,OAAO,IAAI,EAAS,aAC3D;AAEH,QAAO,MAAM,EAAS,MAAM;GAGjB,KAAe,GAAa,GAAgB,MAChD,EAAS;CACd,UAAU;EAAC;EAAY;EAAK;EAAO;CACnC,eAAe,EAAc,GAAK,EAAO;CACzC,SAAS,CAAC,CAAC,KAAO,CAAC,CAAC,KAAU;CAC/B,CAAC"}
+{"version":3,"file":"useCitation.js","names":[],"sources":["../../../src/components/CitationPopover/useCitation.tsx"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\n\nexport const fetchCitation = async (\n  doi: string | undefined,\n  format: string,\n) => {\n  const formattedDoi = doi ? doi.replace('https://doi.org/', '') : ''\n  const response = await fetch(\n    `https://citation.doi.org/format?doi=${formattedDoi}&style=${format}&lang=en-US`,\n    {\n      headers: {\n        Accept: `text/x-${format}`,\n      },\n    },\n  )\n  if (!response.ok) {\n    throw new Error(\n      `Failed to fetch citation: ${response.status}: ${response.statusText}`,\n    )\n  }\n  return await response.text()\n}\n\nexport const useCitation = (doi: string, format: string, enabled: boolean) => {\n  return useQuery({\n    queryKey: ['citation', doi, format],\n    queryFn: () => fetchCitation(doi, format),\n    enabled: !!doi && !!format && enabled,\n  })\n}\n"],"mappings":";;AAEA,IAAa,IAAgB,OAC3B,GACA,MACG;CACH,IAAM,IAAe,IAAM,EAAI,QAAQ,oBAAoB,EAAE,IAAI,IAC3D,IAAW,MAAM,MACrB,uCAAuC,EAAa,SAAS,EAAO,cACpE,EACE,SAAS,EACP,QAAQ,UAAU,IACpB,EACF,CACF;CACA,IAAI,CAAC,EAAS,IACZ,MAAU,MACR,6BAA6B,EAAS,OAAO,IAAI,EAAS,YAC5D;CAEF,OAAO,MAAM,EAAS,KAAK;AAC7B,GAEa,KAAe,GAAa,GAAgB,MAChD,EAAS;CACd,UAAU;EAAC;EAAY;EAAK;CAAM;CAClC,eAAe,EAAc,GAAK,CAAM;CACxC,SAAS,CAAC,CAAC,KAAO,CAAC,CAAC,KAAU;AAChC,CAAC"}

package/dist/components/ColorGradient/ColorGradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorGradient.js","names":[],"sources":["../../../src/components/ColorGradient/ColorGradient.tsx"],"sourcesContent":["import {\n  COLOR_PALETTE_EVEN,\n  COLOR_PALETTE_ODD,\n} from '@/utils/functions/colorPalette'\n\nexport function rgba2rgb(background: number[], color: number[]) {\n  const alpha = color[3]\n  return [\n    Math.floor((1 - alpha) * background[0] + alpha * color[0] + 0.5),\n    Math.floor((1 - alpha) * background[1] + alpha * color[1] + 0.5),\n    Math.floor((1 - alpha) * background[2] + alpha * color[2] + 0.5),\n  ]\n}\n\nconst VARIANTS_PER_HUE = 5\nconst NUMBER_OF_HUES = Math.floor(COLOR_PALETTE_EVEN.length / VARIANTS_PER_HUE)\n\nexport function getColorPalette(\n  start: number,\n  end: number,\n): { colorPalette: string[]; textColors: string[] } {\n  let colorPaletteSelection: string[] = []\n  const textColors: string[] = []\n  let offset = -1\n\n  if (start % 2 === 0) {\n    colorPaletteSelection = COLOR_PALETTE_EVEN\n    offset = start * VARIANTS_PER_HUE\n  } else {\n    colorPaletteSelection = COLOR_PALETTE_ODD\n    offset = (start - 1) * VARIANTS_PER_HUE\n  }\n\n  const colorPalette: string[] = []\n\n  for (let i = 0; i < end; i++) {\n    // Each hue goes from dark to light, then light to dark, and repeats\n    // So we can use the index * 2 to determine if text shown should be white or black\n    const textColor: string =\n      i % (VARIANTS_PER_HUE * 2) < 2 || i % (VARIANTS_PER_HUE * 2) > 7\n        ? 'white'\n        : 'black'\n    const color: string =\n      colorPaletteSelection[(offset + i) % colorPaletteSelection.length]\n\n    colorPalette.push(color)\n    textColors.push(textColor)\n  }\n  return { colorPalette, textColors }\n}\n\nexport function getContrastColorPalette(\n  palette: 'even' | 'odd',\n  offset: number,\n  numberOfPalettes: number,\n): string[] {\n  let colorPaletteSelection: string[] = []\n\n  if (palette === 'even') {\n    colorPaletteSelection = COLOR_PALETTE_EVEN\n  } else {\n    colorPaletteSelection = COLOR_PALETTE_ODD\n  }\n  const colorPalette: string[] = []\n\n  for (let i = 0; i < numberOfPalettes; i++) {\n    // Each iteration should be a different hue\n    const hueIndex = i * VARIANTS_PER_HUE\n    // Select a lighter/darker variant using the offset\n    // if we happen to need more colors than we have hues, increment the offset (hence adding i / NUMBER_OF_HUES)\n    const hueOffset =\n      (offset + Math.floor(i / NUMBER_OF_HUES)) % VARIANTS_PER_HUE\n    const color: string =\n      colorPaletteSelection[\n        (hueIndex + hueOffset) % colorPaletteSelection.length\n      ]\n\n    colorPalette.push(color)\n  }\n  return colorPalette\n}\n"],"mappings":";;AAKA,SAAgB,EAAS,GAAsB,GAAiB;CAC9D,IAAM,IAAQ,EAAM;AACpB,QAAO;EACL,KAAK,OAAO,IAAI,KAAS,EAAW,KAAK,IAAQ,EAAM,KAAK,GAAI;EAChE,KAAK,OAAO,IAAI,KAAS,EAAW,KAAK,IAAQ,EAAM,KAAK,GAAI;EAChE,KAAK,OAAO,IAAI,KAAS,EAAW,KAAK,IAAQ,EAAM,KAAK,GAAI;EACjE;;AAGH,IAAM,IAAmB,GACnB,IAAiB,KAAK,MAAM,EAAmB,SAAS,EAAiB;AAE/E,SAAgB,EACd,GACA,GACkD;CAClD,IAAI,IAAkC,EAAE,EAClC,IAAuB,EAAE,EAC3B,IAAS;AAEb,CAAI,IAAQ,KAAM,KAChB,IAAwB,GACxB,IAAS,IAAQ,MAEjB,IAAwB,GACxB,KAAU,IAAQ,KAAK;CAGzB,IAAM,IAAyB,EAAE;AAEjC,MAAK,IAAI,IAAI,GAAG,IAAI,GAAK,KAAK;EAG5B,IAAM,IACJ,KAAK,IAAmB,KAAK,KAAK,KAAK,IAAmB,KAAK,IAC3D,UACA,SACA,IACJ,GAAuB,IAAS,KAAK,EAAsB;AAG7D,EADA,EAAa,KAAK,EAAM,EACxB,EAAW,KAAK,EAAU;;AAE5B,QAAO;EAAE;EAAc;EAAY;;AAGrC,SAAgB,EACd,GACA,GACA,GACU;CACV,IAAI,IAAkC,EAAE;AAExC,CAGE,IAHE,MAAY,SACU,IAEA;CAE1B,IAAM,IAAyB,EAAE;AAEjC,MAAK,IAAI,IAAI,GAAG,IAAI,GAAkB,KAAK;EAEzC,IAAM,IAAW,IAAI,GAGf,KACH,IAAS,KAAK,MAAM,IAAI,EAAe,IAAI,GACxC,IACJ,GACG,IAAW,KAAa,EAAsB;AAGnD,IAAa,KAAK,EAAM;;AAE1B,QAAO"}
+{"version":3,"file":"ColorGradient.js","names":[],"sources":["../../../src/components/ColorGradient/ColorGradient.tsx"],"sourcesContent":["import {\n  COLOR_PALETTE_EVEN,\n  COLOR_PALETTE_ODD,\n} from '@/utils/functions/colorPalette'\n\nexport function rgba2rgb(background: number[], color: number[]) {\n  const alpha = color[3]\n  return [\n    Math.floor((1 - alpha) * background[0] + alpha * color[0] + 0.5),\n    Math.floor((1 - alpha) * background[1] + alpha * color[1] + 0.5),\n    Math.floor((1 - alpha) * background[2] + alpha * color[2] + 0.5),\n  ]\n}\n\nconst VARIANTS_PER_HUE = 5\nconst NUMBER_OF_HUES = Math.floor(COLOR_PALETTE_EVEN.length / VARIANTS_PER_HUE)\n\nexport function getColorPalette(\n  start: number,\n  end: number,\n): { colorPalette: string[]; textColors: string[] } {\n  let colorPaletteSelection: string[] = []\n  const textColors: string[] = []\n  let offset = -1\n\n  if (start % 2 === 0) {\n    colorPaletteSelection = COLOR_PALETTE_EVEN\n    offset = start * VARIANTS_PER_HUE\n  } else {\n    colorPaletteSelection = COLOR_PALETTE_ODD\n    offset = (start - 1) * VARIANTS_PER_HUE\n  }\n\n  const colorPalette: string[] = []\n\n  for (let i = 0; i < end; i++) {\n    // Each hue goes from dark to light, then light to dark, and repeats\n    // So we can use the index * 2 to determine if text shown should be white or black\n    const textColor: string =\n      i % (VARIANTS_PER_HUE * 2) < 2 || i % (VARIANTS_PER_HUE * 2) > 7\n        ? 'white'\n        : 'black'\n    const color: string =\n      colorPaletteSelection[(offset + i) % colorPaletteSelection.length]\n\n    colorPalette.push(color)\n    textColors.push(textColor)\n  }\n  return { colorPalette, textColors }\n}\n\nexport function getContrastColorPalette(\n  palette: 'even' | 'odd',\n  offset: number,\n  numberOfPalettes: number,\n): string[] {\n  let colorPaletteSelection: string[] = []\n\n  if (palette === 'even') {\n    colorPaletteSelection = COLOR_PALETTE_EVEN\n  } else {\n    colorPaletteSelection = COLOR_PALETTE_ODD\n  }\n  const colorPalette: string[] = []\n\n  for (let i = 0; i < numberOfPalettes; i++) {\n    // Each iteration should be a different hue\n    const hueIndex = i * VARIANTS_PER_HUE\n    // Select a lighter/darker variant using the offset\n    // if we happen to need more colors than we have hues, increment the offset (hence adding i / NUMBER_OF_HUES)\n    const hueOffset =\n      (offset + Math.floor(i / NUMBER_OF_HUES)) % VARIANTS_PER_HUE\n    const color: string =\n      colorPaletteSelection[\n        (hueIndex + hueOffset) % colorPaletteSelection.length\n      ]\n\n    colorPalette.push(color)\n  }\n  return colorPalette\n}\n"],"mappings":";;AAKA,SAAgB,EAAS,GAAsB,GAAiB;CAC9D,IAAM,IAAQ,EAAM;CACpB,OAAO;EACL,KAAK,OAAO,IAAI,KAAS,EAAW,KAAK,IAAQ,EAAM,KAAK,EAAG;EAC/D,KAAK,OAAO,IAAI,KAAS,EAAW,KAAK,IAAQ,EAAM,KAAK,EAAG;EAC/D,KAAK,OAAO,IAAI,KAAS,EAAW,KAAK,IAAQ,EAAM,KAAK,EAAG;CACjE;AACF;AAEA,IAAM,IAAmB,GACnB,IAAiB,KAAK,MAAM,EAAmB,SAAS,CAAgB;AAE9E,SAAgB,EACd,GACA,GACkD;CAClD,IAAI,IAAkC,CAAC,GACjC,IAAuB,CAAC,GAC1B,IAAS;CAEb,AAAI,IAAQ,KAAM,KAChB,IAAwB,GACxB,IAAS,IAAQ,MAEjB,IAAwB,GACxB,KAAU,IAAQ,KAAK;CAGzB,IAAM,IAAyB,CAAC;CAEhC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAK,KAAK;EAG5B,IAAM,IACJ,KAAK,IAAmB,KAAK,KAAK,KAAK,IAAmB,KAAK,IAC3D,UACA,SACA,IACJ,GAAuB,IAAS,KAAK,EAAsB;EAG7D,AADA,EAAa,KAAK,CAAK,GACvB,EAAW,KAAK,CAAS;CAC3B;CACA,OAAO;EAAE;EAAc;CAAW;AACpC;AAEA,SAAgB,EACd,GACA,GACA,GACU;CACV,IAAI,IAAkC,CAAC;CAEvC,AAGE,IAHE,MAAY,SACU,IAEA;CAE1B,IAAM,IAAyB,CAAC;CAEhC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAkB,KAAK;EAEzC,IAAM,IAAW,IAAI,GAGf,KACH,IAAS,KAAK,MAAM,IAAI,CAAc,KAAK,GACxC,IACJ,GACG,IAAW,KAAa,EAAsB;EAGnD,EAAa,KAAK,CAAK;CACzB;CACA,OAAO;AACT"}

package/dist/components/ColoredBulletListItem/ColoredBulletListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColoredBulletListItem.js","names":[],"sources":["../../../src/components/ColoredBulletListItem/ColoredBulletListItem.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport styles from './ColoredBulletListItem.module.scss'\n\nexport type ColoredBulletListItemProps = {\n  bulletColor: string\n  mainText: string\n  subText?: string\n}\n\nfunction ColoredBulletListItem(props: ColoredBulletListItemProps) {\n  const { bulletColor, mainText, subText } = props\n\n  return (\n    <div className={styles.container}>\n      <div\n        className={styles.bullet}\n        style={{ borderColor: bulletColor, backgroundColor: bulletColor }}\n      />\n      <Typography variant=\"headline1\" className={styles.mainText}>\n        {mainText}\n      </Typography>\n      {subText && (\n        <Typography variant=\"body1\" className={styles.subText}>\n          {subText}\n        </Typography>\n      )}\n    </div>\n  )\n}\n\nexport default ColoredBulletListItem\n"],"mappings":";;;;AASA,SAAS,EAAsB,GAAmC;CAChE,IAAM,EAAE,gBAAa,aAAU,eAAY;AAE3C,QACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB;GACE,kBAAC,OAAD;IACE,WAAW,EAAO;IAClB,OAAO;KAAE,aAAa;KAAa,iBAAiB;KAAa;IACjE,CAAA;GACF,kBAAC,GAAD;IAAY,SAAQ;IAAY,WAAW,EAAO;cAC/C;IACU,CAAA;GACZ,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,WAAW,EAAO;cAC3C;IACU,CAAA;GAEX"}
+{"version":3,"file":"ColoredBulletListItem.js","names":[],"sources":["../../../src/components/ColoredBulletListItem/ColoredBulletListItem.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport styles from './ColoredBulletListItem.module.scss'\n\nexport type ColoredBulletListItemProps = {\n  bulletColor: string\n  mainText: string\n  subText?: string\n}\n\nfunction ColoredBulletListItem(props: ColoredBulletListItemProps) {\n  const { bulletColor, mainText, subText } = props\n\n  return (\n    <div className={styles.container}>\n      <div\n        className={styles.bullet}\n        style={{ borderColor: bulletColor, backgroundColor: bulletColor }}\n      />\n      <Typography variant=\"headline1\" className={styles.mainText}>\n        {mainText}\n      </Typography>\n      {subText && (\n        <Typography variant=\"body1\" className={styles.subText}>\n          {subText}\n        </Typography>\n      )}\n    </div>\n  )\n}\n\nexport default ColoredBulletListItem\n"],"mappings":";;;;AASA,SAAS,EAAsB,GAAmC;CAChE,IAAM,EAAE,gBAAa,aAAU,eAAY;CAE3C,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB;GACE,kBAAC,OAAD;IACE,WAAW,EAAO;IAClB,OAAO;KAAE,aAAa;KAAa,iBAAiB;IAAY;GACjE,CAAA;GACD,kBAAC,GAAD;IAAY,SAAQ;IAAY,WAAW,EAAO;cAC/C;GACS,CAAA;GACX,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,WAAW,EAAO;cAC3C;GACS,CAAA;EAEX;;AAET"}

package/dist/components/ColumnFilter/ColumnFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnFilter.js","names":[],"sources":["../../../src/components/ColumnFilter/ColumnFilter.tsx"],"sourcesContent":["import { UniqueFacetIdentifier } from '@/utils'\nimport {\n  facetObjectMatchesDefinition,\n  getCorrespondingSelectedFacet,\n} from '@/utils/functions/queryUtils'\nimport { Autocomplete, TextField } from '@mui/material'\nimport {\n  FacetColumnResultValues,\n  FacetColumnValuesRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { SyntheticEvent } from 'react'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\n\nexport type FilterProps = {\n  topLevelEnumeratedFacetToFilter: UniqueFacetIdentifier\n}\n\nfunction ColumnFilter(props: FilterProps) {\n  const queryContext = useQueryContext()\n  const {\n    getCurrentQueryRequest,\n    addValueToSelectedFacet,\n    removeSelectedFacet,\n  } = queryContext\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const { topLevelEnumeratedFacetToFilter } = props\n\n  const currentQuery = getCurrentQueryRequest()\n\n  const activeFacet = (queryMetadata?.facets ?? []).find(facet =>\n    facetObjectMatchesDefinition(facet, topLevelEnumeratedFacetToFilter),\n  ) as FacetColumnResultValues | undefined\n\n  // Map the facet values to format for MUI Autocomplete options\n  const filterOptions = activeFacet?.facetValues.map(({ value }) => value) ?? []\n\n  const selectedFacetFromQuery = getCorrespondingSelectedFacet(\n    topLevelEnumeratedFacetToFilter,\n    currentQuery.query.selectedFacets,\n  ) as FacetColumnValuesRequest | undefined\n\n  const selectedValues = selectedFacetFromQuery?.facetValues || []\n\n  const onChange = (\n    event: SyntheticEvent,\n    values: string[], // New value for the selected options\n  ) => {\n    removeSelectedFacet(topLevelEnumeratedFacetToFilter)\n\n    values.forEach(value =>\n      addValueToSelectedFacet(topLevelEnumeratedFacetToFilter, value),\n    )\n  }\n\n  return (\n    <div>\n      {filterOptions.length > 0 && (\n        <Autocomplete\n          multiple\n          options={filterOptions}\n          value={selectedValues}\n          onChange={onChange}\n          renderInput={params => (\n            <TextField {...params} placeholder=\"Select Filter(s)\" />\n          )}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default ColumnFilter\n"],"mappings":";;;;;;AAkBA,SAAS,EAAa,GAAoB;CAExC,IAAM,EACJ,2BACA,4BACA,2BAJmB,GAKjB,EACE,EAAE,MAAM,MAAkB,GAAqB,EAC/C,EAAE,uCAAoC,GAEtC,IAAe,GAAwB,EAOvC,KALe,GAAe,UAAU,EAAE,EAAE,MAAK,MACrD,EAA6B,GAAO,EAAgC,CAIhD,EAAa,YAAY,KAAK,EAAE,eAAY,EAAM,IAAI,EAAE,EAOxE,IALyB,EAC7B,GACA,EAAa,MAAM,eAGE,EAAwB,eAAe,EAAE;AAahE,QACE,kBAAC,OAAD,EAAA,UACG,EAAc,SAAS,KACtB,kBAAC,GAAD;EACE,UAAA;EACA,SAAS;EACT,OAAO;EACG,WAjBhB,GACA,MACG;AAGH,GAFA,EAAoB,EAAgC,EAEpD,EAAO,SAAQ,MACb,EAAwB,GAAiC,EAAM,CAChE;;EAWK,cAAa,MACX,kBAAC,GAAD;GAAW,GAAI;GAAQ,aAAY;GAAqB,CAAA;EAE1D,CAAA,EAEA,CAAA"}
+{"version":3,"file":"ColumnFilter.js","names":[],"sources":["../../../src/components/ColumnFilter/ColumnFilter.tsx"],"sourcesContent":["import { UniqueFacetIdentifier } from '@/utils'\nimport {\n  facetObjectMatchesDefinition,\n  getCorrespondingSelectedFacet,\n} from '@/utils/functions/queryUtils'\nimport { Autocomplete, TextField } from '@mui/material'\nimport {\n  FacetColumnResultValues,\n  FacetColumnValuesRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { SyntheticEvent } from 'react'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\n\nexport type FilterProps = {\n  topLevelEnumeratedFacetToFilter: UniqueFacetIdentifier\n}\n\nfunction ColumnFilter(props: FilterProps) {\n  const queryContext = useQueryContext()\n  const {\n    getCurrentQueryRequest,\n    addValueToSelectedFacet,\n    removeSelectedFacet,\n  } = queryContext\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const { topLevelEnumeratedFacetToFilter } = props\n\n  const currentQuery = getCurrentQueryRequest()\n\n  const activeFacet = (queryMetadata?.facets ?? []).find(facet =>\n    facetObjectMatchesDefinition(facet, topLevelEnumeratedFacetToFilter),\n  ) as FacetColumnResultValues | undefined\n\n  // Map the facet values to format for MUI Autocomplete options\n  const filterOptions = activeFacet?.facetValues.map(({ value }) => value) ?? []\n\n  const selectedFacetFromQuery = getCorrespondingSelectedFacet(\n    topLevelEnumeratedFacetToFilter,\n    currentQuery.query.selectedFacets,\n  ) as FacetColumnValuesRequest | undefined\n\n  const selectedValues = selectedFacetFromQuery?.facetValues || []\n\n  const onChange = (\n    event: SyntheticEvent,\n    values: string[], // New value for the selected options\n  ) => {\n    removeSelectedFacet(topLevelEnumeratedFacetToFilter)\n\n    values.forEach(value =>\n      addValueToSelectedFacet(topLevelEnumeratedFacetToFilter, value),\n    )\n  }\n\n  return (\n    <div>\n      {filterOptions.length > 0 && (\n        <Autocomplete\n          multiple\n          options={filterOptions}\n          value={selectedValues}\n          onChange={onChange}\n          renderInput={params => (\n            <TextField {...params} placeholder=\"Select Filter(s)\" />\n          )}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default ColumnFilter\n"],"mappings":";;;;;;AAkBA,SAAS,EAAa,GAAoB;CAExC,IAAM,EACJ,2BACA,4BACA,2BAJmB,EAKjB,GACE,EAAE,MAAM,MAAkB,EAAoB,GAC9C,EAAE,uCAAoC,GAEtC,IAAe,EAAuB,GAOtC,KALe,GAAe,UAAU,CAAC,GAAG,MAAK,MACrD,EAA6B,GAAO,CAA+B,CAI/C,GAAa,YAAY,KAAK,EAAE,eAAY,CAAK,KAAK,CAAC,GAOvE,IALyB,EAC7B,GACA,EAAa,MAAM,cAGE,GAAwB,eAAe,CAAC;CAa/D,OACE,kBAAC,OAAD,EAAA,UACG,EAAc,SAAS,KACtB,kBAAC,GAAD;EACE,UAAA;EACA,SAAS;EACT,OAAO;EACG,WAjBhB,GACA,MACG;GAGH,AAFA,EAAoB,CAA+B,GAEnD,EAAO,SAAQ,MACb,EAAwB,GAAiC,CAAK,CAChE;EACF;EAUQ,cAAa,MACX,kBAAC,GAAD;GAAW,GAAI;GAAQ,aAAY;EAAoB,CAAA;CAE1D,CAAA,EAEA,CAAA;AAET"}

package/dist/components/ComponentCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComponentCollapse.js","names":[],"sources":["../../src/components/ComponentCollapse.tsx"],"sourcesContent":["import { spreadSx } from '@/theme/spreadSx'\nimport {\n  KeyboardArrowDownTwoTone,\n  KeyboardArrowUpTwoTone,\n} from '@mui/icons-material'\nimport { Box, Collapse, SxProps } from '@mui/material'\nimport {\n  KeyboardEvent,\n  PropsWithChildren,\n  ReactNode,\n  useId,\n  useState,\n} from 'react'\n\nexport type ComponentCollapseProps = PropsWithChildren<{\n  component: ReactNode\n  defaultVisible?: boolean // default to false (collapsed)\n  componentContainerSx?: SxProps\n  collapseBoxSx?: SxProps\n  iconSx?: SxProps\n}>\n\n/**\n * Wrap any child components in a collapse, using a custom component as the trigger\n */\nexport default function ComponentCollapse({\n  component,\n  defaultVisible,\n  componentContainerSx,\n  collapseBoxSx,\n  iconSx,\n  children,\n}: ComponentCollapseProps) {\n  const [show, setShow] = useState(defaultVisible)\n  const collapseId = useId()\n  const allIconSx: SxProps = {\n    color: 'grey.700',\n    marginBottom: '-5px !important',\n    height: '18px',\n    ...iconSx,\n  }\n\n  const componentContainerDefaultSx: SxProps = {\n    display: 'flex',\n    textAlign: 'left',\n    justifyContent: 'space-between',\n    backgroundColor: 'grey.200',\n    padding: '15px',\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  }\n  const collapseBoxDefaultSx: SxProps = {\n    backgroundColor: 'grey.100',\n    padding: '25px',\n  }\n\n  return (\n    <div className=\"MarkdownCollapse\">\n      <Box\n        component=\"button\"\n        sx={spreadSx(componentContainerDefaultSx, componentContainerSx)}\n        onClick={() => setShow(!show)}\n        onKeyDown={(e: KeyboardEvent) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            setShow(!show)\n          }\n        }}\n        aria-controls={collapseId}\n        aria-expanded={show}\n      >\n        {component}\n        {show ? (\n          <KeyboardArrowUpTwoTone sx={allIconSx} />\n        ) : (\n          <KeyboardArrowDownTwoTone sx={allIconSx} />\n        )}\n      </Box>\n      <Collapse in={show}>\n        <Box sx={spreadSx(collapseBoxDefaultSx, collapseBoxSx)}>\n          <div id={collapseId}>{children}</div>\n        </Box>\n      </Collapse>\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAyBA,SAAwB,EAAkB,EACxC,cACA,mBACA,yBACA,kBACA,WACA,eACyB;CACzB,IAAM,CAAC,GAAM,KAAW,EAAS,EAAe,EAC1C,IAAa,GAAO,EACpB,IAAqB;EACzB,OAAO;EACP,cAAc;EACd,QAAQ;EACR,GAAG;EACJ;AAiBD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,WAAU;GACV,IAAI,EAAS;IAlBjB,SAAS;IACT,WAAW;IACX,gBAAgB;IAChB,iBAAiB;IACjB,SAAS;IACT,WAAW,EACT,QAAQ,WACT;IAWgB,EAA6B,EAAqB;GAC/D,eAAe,EAAQ,CAAC,EAAK;GAC7B,YAAY,MAAqB;AAC/B,KAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,EAAQ,CAAC,EAAK;;GAGlB,iBAAe;GACf,iBAAe;aAXjB,CAaG,GAEC,EADD,IACE,IAEA,GAFD,EAAwB,IAAI,GAAa,CAEE,CAEzC;MACN,kBAAC,GAAD;GAAU,IAAI;aACZ,kBAAC,GAAD;IAAK,IAAI,EAAS;KA3BtB,iBAAiB;KACjB,SAAS;KA0Ba,EAAsB,EAAc;cACpD,kBAAC,OAAD;KAAK,IAAI;KAAa;KAAe,CAAA;IACjC,CAAA;GACG,CAAA,CACP"}
+{"version":3,"file":"ComponentCollapse.js","names":[],"sources":["../../src/components/ComponentCollapse.tsx"],"sourcesContent":["import { spreadSx } from '@/theme/spreadSx'\nimport {\n  KeyboardArrowDownTwoTone,\n  KeyboardArrowUpTwoTone,\n} from '@mui/icons-material'\nimport { Box, Collapse, SxProps } from '@mui/material'\nimport {\n  KeyboardEvent,\n  PropsWithChildren,\n  ReactNode,\n  useId,\n  useState,\n} from 'react'\n\nexport type ComponentCollapseProps = PropsWithChildren<{\n  component: ReactNode\n  defaultVisible?: boolean // default to false (collapsed)\n  componentContainerSx?: SxProps\n  collapseBoxSx?: SxProps\n  iconSx?: SxProps\n}>\n\n/**\n * Wrap any child components in a collapse, using a custom component as the trigger\n */\nexport default function ComponentCollapse({\n  component,\n  defaultVisible,\n  componentContainerSx,\n  collapseBoxSx,\n  iconSx,\n  children,\n}: ComponentCollapseProps) {\n  const [show, setShow] = useState(defaultVisible)\n  const collapseId = useId()\n  const allIconSx: SxProps = {\n    color: 'grey.700',\n    marginBottom: '-5px !important',\n    height: '18px',\n    ...iconSx,\n  }\n\n  const componentContainerDefaultSx: SxProps = {\n    display: 'flex',\n    textAlign: 'left',\n    justifyContent: 'space-between',\n    backgroundColor: 'grey.200',\n    padding: '15px',\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  }\n  const collapseBoxDefaultSx: SxProps = {\n    backgroundColor: 'grey.100',\n    padding: '25px',\n  }\n\n  return (\n    <div className=\"MarkdownCollapse\">\n      <Box\n        component=\"button\"\n        sx={spreadSx(componentContainerDefaultSx, componentContainerSx)}\n        onClick={() => setShow(!show)}\n        onKeyDown={(e: KeyboardEvent) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            setShow(!show)\n          }\n        }}\n        aria-controls={collapseId}\n        aria-expanded={show}\n      >\n        {component}\n        {show ? (\n          <KeyboardArrowUpTwoTone sx={allIconSx} />\n        ) : (\n          <KeyboardArrowDownTwoTone sx={allIconSx} />\n        )}\n      </Box>\n      <Collapse in={show}>\n        <Box sx={spreadSx(collapseBoxDefaultSx, collapseBoxSx)}>\n          <div id={collapseId}>{children}</div>\n        </Box>\n      </Collapse>\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAyBA,SAAwB,EAAkB,EACxC,cACA,mBACA,yBACA,kBACA,WACA,eACyB;CACzB,IAAM,CAAC,GAAM,KAAW,EAAS,CAAc,GACzC,IAAa,EAAM,GACnB,IAAqB;EACzB,OAAO;EACP,cAAc;EACd,QAAQ;EACR,GAAG;CACL;CAiBA,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,WAAU;GACV,IAAI,EAAS;IAlBjB,SAAS;IACT,WAAW;IACX,gBAAgB;IAChB,iBAAiB;IACjB,SAAS;IACT,WAAW,EACT,QAAQ,UACV;GAWiB,GAA6B,CAAoB;GAC9D,eAAe,EAAQ,CAAC,CAAI;GAC5B,YAAY,MAAqB;IAC/B,CAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAe,GACjB,EAAQ,CAAC,CAAI;GAEjB;GACA,iBAAe;GACf,iBAAe;aAXjB,CAaG,GAEC,EADD,IACE,IAEA,GAFD,EAAwB,IAAI,EAAY,CAEE,CAEzC;MACL,kBAAC,GAAD;GAAU,IAAI;aACZ,kBAAC,GAAD;IAAK,IAAI,EAAS;KA3BtB,iBAAiB;KACjB,SAAS;IA0Ba,GAAsB,CAAa;cACnD,kBAAC,OAAD;KAAK,IAAI;KAAa;IAAc,CAAA;GACjC,CAAA;EACG,CAAA,CACP;;AAET"}

package/dist/components/ConfirmationDialog/ConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationDialog.js","names":[],"sources":["../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["import React from 'react'\nimport { Button, ButtonProps } from '@mui/material'\nimport { MouseEventHandler } from 'react'\nimport { DialogBase, DialogBaseProps } from '../DialogBase'\nimport { defaults } from 'lodash-es'\n\nexport type ConfirmationButtonsProps = {\n  onConfirm: MouseEventHandler<HTMLButtonElement>\n  onCancel: DialogBaseProps['onCancel']\n  confirmButtonProps?: Omit<ButtonProps, 'onClick'>\n  cancelButtonProps?: Omit<ButtonProps, 'onClick'>\n  hasCancelButton?: boolean\n}\n\nexport const CANCEL_BUTTON_TEXT = 'Cancel'\n\nconst DEFAULT_CONFIRM_BUTTON_PROPS: Omit<ButtonProps, 'onClick'> = {\n  children: 'OK',\n  color: 'primary',\n  variant: 'contained',\n}\n\nconst DEFAULT_CANCEL_BUTTON_PROPS: Omit<ButtonProps, 'onClick'> = {\n  children: CANCEL_BUTTON_TEXT,\n  variant: 'outlined',\n}\n\nexport const ConfirmationButtons = (\n  props: ConfirmationButtonsProps,\n): React.ReactNode => {\n  const { onConfirm, onCancel, hasCancelButton = true } = props\n\n  const confirmButtonProps: Omit<ButtonProps, 'onClick'> = defaults(\n    {},\n    props.confirmButtonProps,\n    DEFAULT_CONFIRM_BUTTON_PROPS,\n  )\n\n  const cancelButtonProps: Omit<ButtonProps, 'onClick'> = defaults(\n    {},\n    props.cancelButtonProps,\n    DEFAULT_CANCEL_BUTTON_PROPS,\n  )\n\n  return (\n    <>\n      {hasCancelButton && <Button {...cancelButtonProps} onClick={onCancel} />}\n      <Button {...confirmButtonProps} onClick={onConfirm} />\n    </>\n  )\n}\n\nexport type ConfirmationDialogProps = DialogBaseProps & ConfirmationButtonsProps\n\n/**\n * A confirmation dialog built using MUI components.\n */\nexport function ConfirmationDialog(props: ConfirmationDialogProps) {\n  const {\n    onConfirm,\n    onCancel,\n    hasCancelButton,\n    confirmButtonProps,\n    cancelButtonProps,\n    ...rest\n  } = props\n  return (\n    <DialogBase\n      onCancel={onCancel}\n      actions={\n        <ConfirmationButtons\n          confirmButtonProps={confirmButtonProps}\n          cancelButtonProps={cancelButtonProps}\n          onConfirm={onConfirm}\n          onCancel={onCancel}\n          hasCancelButton={hasCancelButton}\n        />\n      }\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;AAcA,IAAa,IAAqB,UAE5B,IAA6D;CACjE,UAAU;CACV,OAAO;CACP,SAAS;CACV,EAEK,IAA4D;CAChE,UAAU;CACV,SAAS;CACV,EAEY,KACX,MACoB;CACpB,IAAM,EAAE,cAAW,aAAU,qBAAkB,OAAS,GAElD,IAAmD,EACvD,EAAE,EACF,EAAM,oBACN,EACD,EAEK,IAAkD,EACtD,EAAE,EACF,EAAM,mBACN,EACD;AAED,QACE,kBAAA,GAAA,EAAA,UAAA,CACG,KAAmB,kBAAC,GAAD;EAAQ,GAAI;EAAmB,SAAS;EAAY,CAAA,EACxE,kBAAC,GAAD;EAAQ,GAAI;EAAoB,SAAS;EAAa,CAAA,CACrD,EAAA,CAAA;;AASP,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EACJ,cACA,aACA,oBACA,uBACA,sBACA,GAAG,MACD;AACJ,QACE,kBAAC,GAAD;EACY;EACV,SACE,kBAAC,GAAD;GACsB;GACD;GACR;GACD;GACO;GACjB,CAAA;EAEJ,GAAI;EACJ,CAAA"}
+{"version":3,"file":"ConfirmationDialog.js","names":[],"sources":["../../../src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"sourcesContent":["import React from 'react'\nimport { Button, ButtonProps } from '@mui/material'\nimport { MouseEventHandler } from 'react'\nimport { DialogBase, DialogBaseProps } from '../DialogBase'\nimport { defaults } from 'lodash-es'\n\nexport type ConfirmationButtonsProps = {\n  onConfirm: MouseEventHandler<HTMLButtonElement>\n  onCancel: DialogBaseProps['onCancel']\n  confirmButtonProps?: Omit<ButtonProps, 'onClick'>\n  cancelButtonProps?: Omit<ButtonProps, 'onClick'>\n  hasCancelButton?: boolean\n}\n\nexport const CANCEL_BUTTON_TEXT = 'Cancel'\n\nconst DEFAULT_CONFIRM_BUTTON_PROPS: Omit<ButtonProps, 'onClick'> = {\n  children: 'OK',\n  color: 'primary',\n  variant: 'contained',\n}\n\nconst DEFAULT_CANCEL_BUTTON_PROPS: Omit<ButtonProps, 'onClick'> = {\n  children: CANCEL_BUTTON_TEXT,\n  variant: 'outlined',\n}\n\nexport const ConfirmationButtons = (\n  props: ConfirmationButtonsProps,\n): React.ReactNode => {\n  const { onConfirm, onCancel, hasCancelButton = true } = props\n\n  const confirmButtonProps: Omit<ButtonProps, 'onClick'> = defaults(\n    {},\n    props.confirmButtonProps,\n    DEFAULT_CONFIRM_BUTTON_PROPS,\n  )\n\n  const cancelButtonProps: Omit<ButtonProps, 'onClick'> = defaults(\n    {},\n    props.cancelButtonProps,\n    DEFAULT_CANCEL_BUTTON_PROPS,\n  )\n\n  return (\n    <>\n      {hasCancelButton && <Button {...cancelButtonProps} onClick={onCancel} />}\n      <Button {...confirmButtonProps} onClick={onConfirm} />\n    </>\n  )\n}\n\nexport type ConfirmationDialogProps = DialogBaseProps & ConfirmationButtonsProps\n\n/**\n * A confirmation dialog built using MUI components.\n */\nexport function ConfirmationDialog(props: ConfirmationDialogProps) {\n  const {\n    onConfirm,\n    onCancel,\n    hasCancelButton,\n    confirmButtonProps,\n    cancelButtonProps,\n    ...rest\n  } = props\n  return (\n    <DialogBase\n      onCancel={onCancel}\n      actions={\n        <ConfirmationButtons\n          confirmButtonProps={confirmButtonProps}\n          cancelButtonProps={cancelButtonProps}\n          onConfirm={onConfirm}\n          onCancel={onCancel}\n          hasCancelButton={hasCancelButton}\n        />\n      }\n      {...rest}\n    />\n  )\n}\n"],"mappings":";;;;;;AAcA,IAAa,IAAqB,UAE5B,IAA6D;CACjE,UAAU;CACV,OAAO;CACP,SAAS;AACX,GAEM,IAA4D;CAChE,UAAU;CACV,SAAS;AACX,GAEa,KACX,MACoB;CACpB,IAAM,EAAE,cAAW,aAAU,qBAAkB,OAAS,GAElD,IAAmD,EACvD,CAAC,GACD,EAAM,oBACN,CACF,GAEM,IAAkD,EACtD,CAAC,GACD,EAAM,mBACN,CACF;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,KAAmB,kBAAC,GAAD;EAAQ,GAAI;EAAmB,SAAS;CAAW,CAAA,GACvE,kBAAC,GAAD;EAAQ,GAAI;EAAoB,SAAS;CAAY,CAAA,CACrD,EAAA,CAAA;AAEN;AAOA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EACJ,cACA,aACA,oBACA,uBACA,sBACA,GAAG,MACD;CACJ,OACE,kBAAC,GAAD;EACY;EACV,SACE,kBAAC,GAAD;GACsB;GACD;GACR;GACD;GACO;EAClB,CAAA;EAEH,GAAI;CACL,CAAA;AAEL"}

package/dist/components/CookiesNotification/CookiePreferencesDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CookiePreferencesDialog.js","names":[],"sources":["../../../src/components/CookiesNotification/CookiePreferencesDialog.tsx"],"sourcesContent":["import {\n  CookiePreference,\n  useCookiePreferences,\n} from '@/utils/hooks/useCookiePreferences'\nimport { PRIVACY_POLICY_LINK } from '@/utils/SynapseConstants'\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  Link,\n  Typography,\n} from '@mui/material'\nimport { useState } from 'react'\nimport { DialogBaseTitle } from '../DialogBase'\n\nexport type CookiePreferencesDialogProps = {\n  isOpen: boolean\n  /* Called when the user saves settings */\n  onSave: (prefs: CookiePreference) => void\n  onHide: () => void\n}\n\ntype CookiePreferenceItemProps = {\n  title: string\n  description: string\n} & (\n  | {\n      constantValue?: string\n    }\n  | {\n      checked: boolean\n      onChange: (newValue: boolean) => void\n    }\n)\n\nfunction CookiePreferenceItem(props: CookiePreferenceItemProps) {\n  const { title, description } = props\n  const isCheckbox = 'onChange' in props\n  const cursor = isCheckbox ? 'pointer' : undefined\n  return (\n    <Box\n      onClick={() => (isCheckbox ? props.onChange(!props.checked) : undefined)}\n      sx={{ cursor }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          marginTop: '17px',\n          alignItems: 'center',\n        }}\n      >\n        <Typography\n          variant={'body1'}\n          sx={{ fontWeight: 400, color: 'grey.900' }}\n        >\n          {title}\n        </Typography>\n        {'constantValue' in props && (\n          <Typography\n            variant={'body1'}\n            sx={{ fontWeight: 700, marginBottom: '15px' }}\n          >\n            {props.constantValue}\n          </Typography>\n        )}\n        {isCheckbox && (\n          <Checkbox\n            // We handle toggling the value in the parent div onClick handler.\n            checked={props.checked}\n          />\n        )}\n      </Box>\n      <Typography variant={'body1'} sx={{ fontWeight: 400, color: 'grey.700' }}>\n        {description}\n      </Typography>\n    </Box>\n  )\n}\n\nexport default function CookiePreferencesDialog(\n  props: CookiePreferencesDialogProps,\n) {\n  const [cookiePreferences, setCookiePreferences] = useCookiePreferences()\n  const { onSave, onHide, isOpen } = props\n  const [isFunctionalCookiesAllowed, setIsFunctionalCookiesAllowed] =\n    useState<boolean>(cookiePreferences.functionalAllowed)\n  const [isAnalyticsCookiesAllowed, setIsAnalyticsCookiesAllowed] =\n    useState<boolean>(cookiePreferences.analyticsAllowed)\n\n  return (\n    <Dialog maxWidth=\"md\" open={isOpen} onClose={onHide} sx={{ zIndex: 1500 }}>\n      <DialogBaseTitle title=\"Privacy Preferences\" onCancel={onHide} />\n      <DialogContent sx={{ paddingRight: '20px' }}>\n        <Typography variant={'body1'}>\n          Sage Bionetworks uses cookies and other browser storage methods to\n          save information about how you use our websites, and to make our\n          websites work the way you expect them to.\n        </Typography>\n        <Typography variant={'body1'} sx={{ marginBottom: '30px' }}>\n          Read our <Link href={PRIVACY_POLICY_LINK}>privacy policy</Link>.\n        </Typography>\n        <CookiePreferenceItem\n          title=\"Strictly necessary cookies\"\n          description=\"Information about your authentication, and other critical data. For example, after you log in successfully, we save a token in your browser that tells our website what level of access you are allowed to have. You can’t turn off these cookies, because the site wouldn’t function without them.\"\n          constantValue=\"Always Active\"\n        />\n        <CookiePreferenceItem\n          title=\"Functional cookies\"\n          description=\"This includes important customization preferences, for example, your local time, and whether you are using experimental features. You can turn off this setting, however it may impact your experience of using our websites.\"\n          checked={isFunctionalCookiesAllowed}\n          onChange={setIsFunctionalCookiesAllowed}\n        />\n        <CookiePreferenceItem\n          title=\"Analytics cookie\"\n          description=\"If you allow us to, we store information about how you use our websites. This helps us identify problems and improve our products. While we do not attempt to track you, it may be possible to identify individual users. Deactivating this setting will not affect your experience of using our websites.\"\n          checked={isAnalyticsCookiesAllowed}\n          onChange={setIsAnalyticsCookiesAllowed}\n        />\n        <CookiePreferenceItem\n          title=\"Targeting and marketing cookies\"\n          description=\"We do not store or exchange user or session information for targeting or marketing purposes.\"\n          constantValue=\"Never\"\n        />\n      </DialogContent>\n      <DialogActions>\n        <Button\n          variant=\"contained\"\n          onClick={() => {\n            const prefs: CookiePreference = {\n              functionalAllowed: isFunctionalCookiesAllowed,\n              analyticsAllowed: isAnalyticsCookiesAllowed,\n            }\n            setCookiePreferences(prefs)\n            onSave(prefs)\n          }}\n        >\n          Save\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n"],"mappings":";;;;;;;AAsCA,SAAS,EAAqB,GAAkC;CAC9D,IAAM,EAAE,UAAO,mBAAgB,GACzB,IAAa,cAAc;AAEjC,QACE,kBAAC,GAAD;EACE,eAAgB,IAAa,EAAM,SAAS,CAAC,EAAM,QAAQ,GAAG,KAAA;EAC9D,IAAI,EAAE,QAJK,IAAa,YAAY,KAAA,GAItB;YAFhB,CAIE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,gBAAgB;IAChB,WAAW;IACX,YAAY;IACb;aANH;IAQE,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MAAE,YAAY;MAAK,OAAO;MAAY;eAEzC;KACU,CAAA;IACZ,mBAAmB,KAClB,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MAAE,YAAY;MAAK,cAAc;MAAQ;eAE5C,EAAM;KACI,CAAA;IAEd,KACC,kBAAC,GAAD,EAEE,SAAS,EAAM,SACf,CAAA;IAEA;MACN,kBAAC,GAAD;GAAY,SAAS;GAAS,IAAI;IAAE,YAAY;IAAK,OAAO;IAAY;aACrE;GACU,CAAA,CACT;;;AAIV,SAAwB,EACtB,GACA;CACA,IAAM,CAAC,GAAmB,KAAwB,GAAsB,EAClE,EAAE,WAAQ,WAAQ,cAAW,GAC7B,CAAC,GAA4B,KACjC,EAAkB,EAAkB,kBAAkB,EAClD,CAAC,GAA2B,KAChC,EAAkB,EAAkB,iBAAiB;AAEvD,QACE,kBAAC,GAAD;EAAQ,UAAS;EAAK,MAAM;EAAQ,SAAS;EAAQ,IAAI,EAAE,QAAQ,MAAM;YAAzE;GACE,kBAAC,GAAD;IAAiB,OAAM;IAAsB,UAAU;IAAU,CAAA;GACjE,kBAAC,GAAD;IAAe,IAAI,EAAE,cAAc,QAAQ;cAA3C;KACE,kBAAC,GAAD;MAAY,SAAS;gBAAS;MAIjB,CAAA;KACb,kBAAC,GAAD;MAAY,SAAS;MAAS,IAAI,EAAE,cAAc,QAAQ;gBAA1D;OAA4D;OACjD,kBAAC,GAAD;QAAM,MAAM;kBAAqB;QAAqB,CAAA;;OACpD;;KACb,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,eAAc;MACd,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,SAAS;MACT,UAAU;MACV,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,SAAS;MACT,UAAU;MACV,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,eAAc;MACd,CAAA;KACY;;GAChB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe;KACb,IAAM,IAA0B;MAC9B,mBAAmB;MACnB,kBAAkB;MACnB;AAED,KADA,EAAqB,EAAM,EAC3B,EAAO,EAAM;;cAEhB;IAEQ,CAAA,EACK,CAAA;GACT"}
+{"version":3,"file":"CookiePreferencesDialog.js","names":[],"sources":["../../../src/components/CookiesNotification/CookiePreferencesDialog.tsx"],"sourcesContent":["import {\n  CookiePreference,\n  useCookiePreferences,\n} from '@/utils/hooks/useCookiePreferences'\nimport { PRIVACY_POLICY_LINK } from '@/utils/SynapseConstants'\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  Link,\n  Typography,\n} from '@mui/material'\nimport { useState } from 'react'\nimport { DialogBaseTitle } from '../DialogBase'\n\nexport type CookiePreferencesDialogProps = {\n  isOpen: boolean\n  /* Called when the user saves settings */\n  onSave: (prefs: CookiePreference) => void\n  onHide: () => void\n}\n\ntype CookiePreferenceItemProps = {\n  title: string\n  description: string\n} & (\n  | {\n      constantValue?: string\n    }\n  | {\n      checked: boolean\n      onChange: (newValue: boolean) => void\n    }\n)\n\nfunction CookiePreferenceItem(props: CookiePreferenceItemProps) {\n  const { title, description } = props\n  const isCheckbox = 'onChange' in props\n  const cursor = isCheckbox ? 'pointer' : undefined\n  return (\n    <Box\n      onClick={() => (isCheckbox ? props.onChange(!props.checked) : undefined)}\n      sx={{ cursor }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          marginTop: '17px',\n          alignItems: 'center',\n        }}\n      >\n        <Typography\n          variant={'body1'}\n          sx={{ fontWeight: 400, color: 'grey.900' }}\n        >\n          {title}\n        </Typography>\n        {'constantValue' in props && (\n          <Typography\n            variant={'body1'}\n            sx={{ fontWeight: 700, marginBottom: '15px' }}\n          >\n            {props.constantValue}\n          </Typography>\n        )}\n        {isCheckbox && (\n          <Checkbox\n            // We handle toggling the value in the parent div onClick handler.\n            checked={props.checked}\n          />\n        )}\n      </Box>\n      <Typography variant={'body1'} sx={{ fontWeight: 400, color: 'grey.700' }}>\n        {description}\n      </Typography>\n    </Box>\n  )\n}\n\nexport default function CookiePreferencesDialog(\n  props: CookiePreferencesDialogProps,\n) {\n  const [cookiePreferences, setCookiePreferences] = useCookiePreferences()\n  const { onSave, onHide, isOpen } = props\n  const [isFunctionalCookiesAllowed, setIsFunctionalCookiesAllowed] =\n    useState<boolean>(cookiePreferences.functionalAllowed)\n  const [isAnalyticsCookiesAllowed, setIsAnalyticsCookiesAllowed] =\n    useState<boolean>(cookiePreferences.analyticsAllowed)\n\n  return (\n    <Dialog maxWidth=\"md\" open={isOpen} onClose={onHide} sx={{ zIndex: 1500 }}>\n      <DialogBaseTitle title=\"Privacy Preferences\" onCancel={onHide} />\n      <DialogContent sx={{ paddingRight: '20px' }}>\n        <Typography variant={'body1'}>\n          Sage Bionetworks uses cookies and other browser storage methods to\n          save information about how you use our websites, and to make our\n          websites work the way you expect them to.\n        </Typography>\n        <Typography variant={'body1'} sx={{ marginBottom: '30px' }}>\n          Read our <Link href={PRIVACY_POLICY_LINK}>privacy policy</Link>.\n        </Typography>\n        <CookiePreferenceItem\n          title=\"Strictly necessary cookies\"\n          description=\"Information about your authentication, and other critical data. For example, after you log in successfully, we save a token in your browser that tells our website what level of access you are allowed to have. You can’t turn off these cookies, because the site wouldn’t function without them.\"\n          constantValue=\"Always Active\"\n        />\n        <CookiePreferenceItem\n          title=\"Functional cookies\"\n          description=\"This includes important customization preferences, for example, your local time, and whether you are using experimental features. You can turn off this setting, however it may impact your experience of using our websites.\"\n          checked={isFunctionalCookiesAllowed}\n          onChange={setIsFunctionalCookiesAllowed}\n        />\n        <CookiePreferenceItem\n          title=\"Analytics cookie\"\n          description=\"If you allow us to, we store information about how you use our websites. This helps us identify problems and improve our products. While we do not attempt to track you, it may be possible to identify individual users. Deactivating this setting will not affect your experience of using our websites.\"\n          checked={isAnalyticsCookiesAllowed}\n          onChange={setIsAnalyticsCookiesAllowed}\n        />\n        <CookiePreferenceItem\n          title=\"Targeting and marketing cookies\"\n          description=\"We do not store or exchange user or session information for targeting or marketing purposes.\"\n          constantValue=\"Never\"\n        />\n      </DialogContent>\n      <DialogActions>\n        <Button\n          variant=\"contained\"\n          onClick={() => {\n            const prefs: CookiePreference = {\n              functionalAllowed: isFunctionalCookiesAllowed,\n              analyticsAllowed: isAnalyticsCookiesAllowed,\n            }\n            setCookiePreferences(prefs)\n            onSave(prefs)\n          }}\n        >\n          Save\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n"],"mappings":";;;;;;;AAsCA,SAAS,EAAqB,GAAkC;CAC9D,IAAM,EAAE,UAAO,mBAAgB,GACzB,IAAa,cAAc;CAEjC,OACE,kBAAC,GAAD;EACE,eAAgB,IAAa,EAAM,SAAS,CAAC,EAAM,OAAO,IAAI,KAAA;EAC9D,IAAI,EAAE,QAJK,IAAa,YAAY,KAAA,EAIvB;YAFf,CAIE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,gBAAgB;IAChB,WAAW;IACX,YAAY;GACd;aANF;IAQE,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MAAE,YAAY;MAAK,OAAO;KAAW;eAExC;IACS,CAAA;IACX,mBAAmB,KAClB,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MAAE,YAAY;MAAK,cAAc;KAAO;eAE3C,EAAM;IACG,CAAA;IAEb,KACC,kBAAC,GAAD,EAEE,SAAS,EAAM,QAChB,CAAA;GAEA;MACL,kBAAC,GAAD;GAAY,SAAS;GAAS,IAAI;IAAE,YAAY;IAAK,OAAO;GAAW;aACpE;EACS,CAAA,CACT;;AAET;AAEA,SAAwB,EACtB,GACA;CACA,IAAM,CAAC,GAAmB,KAAwB,EAAqB,GACjE,EAAE,WAAQ,WAAQ,cAAW,GAC7B,CAAC,GAA4B,KACjC,EAAkB,EAAkB,iBAAiB,GACjD,CAAC,GAA2B,KAChC,EAAkB,EAAkB,gBAAgB;CAEtD,OACE,kBAAC,GAAD;EAAQ,UAAS;EAAK,MAAM;EAAQ,SAAS;EAAQ,IAAI,EAAE,QAAQ,KAAK;YAAxE;GACE,kBAAC,GAAD;IAAiB,OAAM;IAAsB,UAAU;GAAS,CAAA;GAChE,kBAAC,GAAD;IAAe,IAAI,EAAE,cAAc,OAAO;cAA1C;KACE,kBAAC,GAAD;MAAY,SAAS;gBAAS;KAIlB,CAAA;KACZ,kBAAC,GAAD;MAAY,SAAS;MAAS,IAAI,EAAE,cAAc,OAAO;gBAAzD;OAA4D;OACjD,kBAAC,GAAD;QAAM,MAAM;kBAAqB;OAAoB,CAAA;OAAC;MACrD;;KACZ,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,eAAc;KACf,CAAA;KACD,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,SAAS;MACT,UAAU;KACX,CAAA;KACD,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,SAAS;MACT,UAAU;KACX,CAAA;KACD,kBAAC,GAAD;MACE,OAAM;MACN,aAAY;MACZ,eAAc;KACf,CAAA;IACY;;GACf,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe;KACb,IAAM,IAA0B;MAC9B,mBAAmB;MACnB,kBAAkB;KACpB;KAEA,AADA,EAAqB,CAAK,GAC1B,EAAO,CAAK;IACd;cACD;GAEO,CAAA,EACK,CAAA;EACT;;AAEZ"}

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

@@ -1 +1 @@
-{"version":3,"file":"CookiesNotification.d.ts","sourceRoot":"","sources":["../../../src/components/CookiesNotification/CookiesNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,gBAAgB,EAGjB,MAAM,oCAAoC,CAAA;AAM3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,WAAW;;;;;;CA4BvB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAClD,CAAA;AAED,QAAA,MAAM,mBAAmB,GACvB,OAAO,uBAAuB,KAC7B,KAAK,CAAC,SAiER,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"CookiesNotification.d.ts","sourceRoot":"","sources":["../../../src/components/CookiesNotification/CookiesNotification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,gBAAgB,EAGjB,MAAM,oCAAoC,CAAA;AAM3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,WAAW;;;;;;CA4BvB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAClD,CAAA;AAED,QAAA,MAAM,mBAAmB,GACvB,OAAO,uBAAuB,KAC7B,KAAK,CAAC,SAqER,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/CookiesNotification/CookiesNotification.js

@@ -6,7 +6,7 @@ import l from "./CookiesNotification.module.js";
 import { useEffect as u, useState as d } from "react";
 import { Link as f, Typography as p } from "@mui/material";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import _ from "universal-cookie";
+import { useCookieValue as _ } from "@react-hookz/web/useCookieValue/index.js";
 //#region src/components/CookiesNotification/CookiesNotification.tsx
 var v = {
 	title: "Our site uses cookies.",
@@ -44,11 +44,11 @@ var v = {
 	secondaryButtonText: "Disable All",
 	tertiaryButtonText: "Customize"
 }, y = (e) => {
-	let { onClose: t } = e, [, n] = s(), [l, f] = d(!0);
+	let { onClose: t } = e, [, n] = s(), [l, f] = d(!0), [p] = _(i);
 	u(() => {
-		f(!!new _().get(i));
-	}, []);
-	let [p, y] = d(!1);
+		f(!!p);
+	}, [p]);
+	let [y, b] = d(!1);
 	return l ? /* @__PURE__ */ h(m, {}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(r, {
 		globalAlertSx: { zIndex: 1500 },
 		variant: "info",
@@ -69,17 +69,17 @@ var v = {
 		tertiaryButtonConfig: {
 			text: v.tertiaryButtonText,
 			onClick: () => {
-				y(!0);
+				b(!0);
 			}
 		},
 		isGlobal: !0
 	}), /* @__PURE__ */ h(c, {
-		isOpen: p,
+		isOpen: y,
 		onSave: (e) => {
-			f(!0), y(!1), t && t(e);
+			f(!0), b(!1), t && t(e);
 		},
 		onHide: () => {
-			y(!1);
+			b(!1);
 		}
 	})] });
 };

package/dist/components/CookiesNotification/CookiesNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"CookiesNotification.js","names":[],"sources":["../../../src/components/CookiesNotification/CookiesNotification.tsx"],"sourcesContent":["import {\n  allowAll,\n  allowNone,\n  CookiePreference,\n  COOKIES_AGREEMENT_COOKIE_KEY,\n  useCookiePreferences,\n} from '@/utils/hooks/useCookiePreferences'\nimport {\n  PRIVACY_POLICY_LINK,\n  URL_TERMS_CONDITIONS_AGREEMENT,\n  CHILD_MINOR_ADDENDUM_LINK,\n} from '@/utils/SynapseConstants'\nimport React from 'react'\nimport { Link, Typography } from '@mui/material'\nimport { useEffect, useState } from 'react'\nimport UniversalCookies from 'universal-cookie'\nimport FullWidthAlert from '../FullWidthAlert'\nimport CookiePreferencesDialog from './CookiePreferencesDialog'\nimport styles from './CookiesNotification.module.scss'\n\nexport const alertConfig = {\n  title: 'Our site uses cookies.',\n  description: (\n    <>\n      <Typography variant=\"body1\">\n        We use necessary cookies and store your data to ensure our websites\n        function properly. With your consent, we would also like to use optional\n        cookies to remember your preferences and improve our websites. Please\n        read our <Link href={PRIVACY_POLICY_LINK}>Privacy Policy</Link> for\n        details. By clicking “Allow All,” you agree to our use of cookies. You\n        can adjust your cookie preferences anytime on the Settings page.\n      </Typography>\n      <Typography\n        variant=\"smallText1\"\n        sx={{ mt: '20px' }}\n        className={styles.MinorAddendum}\n      >\n        Please read our{' '}\n        <Link href={URL_TERMS_CONDITIONS_AGREEMENT}>Terms of Service</Link>{' '}\n        before using our website. If you are between 13 and 18, you must submit\n        a <Link href={CHILD_MINOR_ADDENDUM_LINK}>Child Minor Addendum</Link> for\n        access.\n      </Typography>\n    </>\n  ),\n  primaryButtonText: 'ALLOW ALL',\n  secondaryButtonText: 'Disable All',\n  tertiaryButtonText: 'Customize',\n}\n\nexport type CookieNotificationProps = {\n  onClose?: (cookiePrefs: CookiePreference) => void\n}\n\nconst CookiesNotification = (\n  props: CookieNotificationProps,\n): React.ReactNode => {\n  const { onClose } = props\n  const [, setCookiePreferences] = useCookiePreferences()\n\n  const [notificationDismissed, setNotificationDismissed] = useState(true)\n  useEffect(() => {\n    const cookies = new UniversalCookies()\n    setNotificationDismissed(!!cookies.get(COOKIES_AGREEMENT_COOKIE_KEY))\n  }, [])\n\n  const [isCookiePrefsDialogVisible, setIsCookiePrefsDialogVisible] =\n    useState(false)\n  // show banner if they haven't clicked okay, otherwise show nothing\n  return notificationDismissed ? (\n    <></>\n  ) : (\n    <>\n      <FullWidthAlert\n        globalAlertSx={{ zIndex: 1500 }}\n        variant=\"info\"\n        title={alertConfig.title}\n        description={alertConfig.description}\n        primaryButtonConfig={{\n          text: alertConfig.primaryButtonText,\n          onClick: () => {\n            setCookiePreferences(allowAll)\n            setNotificationDismissed(true)\n            if (onClose) {\n              onClose(allowAll)\n            }\n          },\n        }}\n        secondaryButtonConfig={{\n          text: alertConfig.secondaryButtonText,\n          onClick: () => {\n            setCookiePreferences(allowNone)\n            setNotificationDismissed(true)\n            if (onClose) {\n              onClose(allowNone)\n            }\n          },\n        }}\n        tertiaryButtonConfig={{\n          text: alertConfig.tertiaryButtonText,\n          onClick: () => {\n            setIsCookiePrefsDialogVisible(true)\n          },\n        }}\n        isGlobal={true}\n      />\n      <CookiePreferencesDialog\n        isOpen={isCookiePrefsDialogVisible}\n        onSave={prefs => {\n          setNotificationDismissed(true)\n          setIsCookiePrefsDialogVisible(false)\n          if (onClose) {\n            onClose(prefs)\n          }\n        }}\n        onHide={() => {\n          setIsCookiePrefsDialogVisible(false)\n        }}\n      />\n    </>\n  )\n}\n\nexport default CookiesNotification\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,IAAc;CACzB,OAAO;CACP,aACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAQ;YAApB;GAA4B;GAIjB,kBAAC,GAAD;IAAM,MAAM;cAAqB;IAAqB,CAAA;;GAGpD;KACb,kBAAC,GAAD;EACE,SAAQ;EACR,IAAI,EAAE,IAAI,QAAQ;EAClB,WAAW,EAAO;YAHpB;GAIC;GACiB;GAChB,kBAAC,GAAD;IAAM,MAAM;cAAgC;IAAuB,CAAA;GAAC;GAAI;GAEtE,kBAAC,GAAD;IAAM,MAAM;cAA2B;IAA2B,CAAA;;GAEzD;IACZ,EAAA,CAAA;CAEL,mBAAmB;CACnB,qBAAqB;CACrB,oBAAoB;CACrB,EAMK,KACJ,MACoB;CACpB,IAAM,EAAE,eAAY,GACd,GAAG,KAAwB,GAAsB,EAEjD,CAAC,GAAuB,KAA4B,EAAS,GAAK;AACxE,SAAgB;AAEd,IAAyB,CAAC,CAAC,IADP,GACO,CAAQ,IAAI,EAA6B,CAAC;IACpE,EAAE,CAAC;CAEN,IAAM,CAAC,GAA4B,KACjC,EAAS,GAAM;AAEjB,QAAO,IACL,kBAAA,GAAA,EAAK,CAAA,GAEL,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,eAAe,EAAE,QAAQ,MAAM;EAC/B,SAAQ;EACR,OAAO,EAAY;EACnB,aAAa,EAAY;EACzB,qBAAqB;GACnB,MAAM,EAAY;GAClB,eAAe;AAGb,IAFA,EAAqB,EAAS,EAC9B,EAAyB,GAAK,EAC1B,KACF,EAAQ,EAAS;;GAGtB;EACD,uBAAuB;GACrB,MAAM,EAAY;GAClB,eAAe;AAGb,IAFA,EAAqB,EAAU,EAC/B,EAAyB,GAAK,EAC1B,KACF,EAAQ,EAAU;;GAGvB;EACD,sBAAsB;GACpB,MAAM,EAAY;GAClB,eAAe;AACb,MAA8B,GAAK;;GAEtC;EACD,UAAU;EACV,CAAA,EACF,kBAAC,GAAD;EACE,QAAQ;EACR,SAAQ,MAAS;AAGf,GAFA,EAAyB,GAAK,EAC9B,EAA8B,GAAM,EAChC,KACF,EAAQ,EAAM;;EAGlB,cAAc;AACZ,KAA8B,GAAM;;EAEtC,CAAA,CACD,EAAA,CAAA"}
+{"version":3,"file":"CookiesNotification.js","names":[],"sources":["../../../src/components/CookiesNotification/CookiesNotification.tsx"],"sourcesContent":["import {\n  allowAll,\n  allowNone,\n  CookiePreference,\n  COOKIES_AGREEMENT_COOKIE_KEY,\n  useCookiePreferences,\n} from '@/utils/hooks/useCookiePreferences'\nimport {\n  PRIVACY_POLICY_LINK,\n  URL_TERMS_CONDITIONS_AGREEMENT,\n  CHILD_MINOR_ADDENDUM_LINK,\n} from '@/utils/SynapseConstants'\nimport React from 'react'\nimport { Link, Typography } from '@mui/material'\nimport { useEffect, useState } from 'react'\nimport FullWidthAlert from '../FullWidthAlert'\nimport CookiePreferencesDialog from './CookiePreferencesDialog'\nimport styles from './CookiesNotification.module.scss'\nimport { useCookieValue } from '@react-hookz/web/useCookieValue/index.js'\n\nexport const alertConfig = {\n  title: 'Our site uses cookies.',\n  description: (\n    <>\n      <Typography variant=\"body1\">\n        We use necessary cookies and store your data to ensure our websites\n        function properly. With your consent, we would also like to use optional\n        cookies to remember your preferences and improve our websites. Please\n        read our <Link href={PRIVACY_POLICY_LINK}>Privacy Policy</Link> for\n        details. By clicking “Allow All,” you agree to our use of cookies. You\n        can adjust your cookie preferences anytime on the Settings page.\n      </Typography>\n      <Typography\n        variant=\"smallText1\"\n        sx={{ mt: '20px' }}\n        className={styles.MinorAddendum}\n      >\n        Please read our{' '}\n        <Link href={URL_TERMS_CONDITIONS_AGREEMENT}>Terms of Service</Link>{' '}\n        before using our website. If you are between 13 and 18, you must submit\n        a <Link href={CHILD_MINOR_ADDENDUM_LINK}>Child Minor Addendum</Link> for\n        access.\n      </Typography>\n    </>\n  ),\n  primaryButtonText: 'ALLOW ALL',\n  secondaryButtonText: 'Disable All',\n  tertiaryButtonText: 'Customize',\n}\n\nexport type CookieNotificationProps = {\n  onClose?: (cookiePrefs: CookiePreference) => void\n}\n\nconst CookiesNotification = (\n  props: CookieNotificationProps,\n): React.ReactNode => {\n  const { onClose } = props\n  const [, setCookiePreferences] = useCookiePreferences()\n\n  const [notificationDismissed, setNotificationDismissed] = useState(true)\n\n  const [notificationDismissedCookie] = useCookieValue(\n    COOKIES_AGREEMENT_COOKIE_KEY,\n  )\n\n  useEffect(() => {\n    setNotificationDismissed(!!notificationDismissedCookie)\n  }, [notificationDismissedCookie])\n\n  const [isCookiePrefsDialogVisible, setIsCookiePrefsDialogVisible] =\n    useState(false)\n  // show banner if they haven't clicked okay, otherwise show nothing\n  return notificationDismissed ? (\n    <></>\n  ) : (\n    <>\n      <FullWidthAlert\n        globalAlertSx={{ zIndex: 1500 }}\n        variant=\"info\"\n        title={alertConfig.title}\n        description={alertConfig.description}\n        primaryButtonConfig={{\n          text: alertConfig.primaryButtonText,\n          onClick: () => {\n            setCookiePreferences(allowAll)\n            setNotificationDismissed(true)\n            if (onClose) {\n              onClose(allowAll)\n            }\n          },\n        }}\n        secondaryButtonConfig={{\n          text: alertConfig.secondaryButtonText,\n          onClick: () => {\n            setCookiePreferences(allowNone)\n            setNotificationDismissed(true)\n            if (onClose) {\n              onClose(allowNone)\n            }\n          },\n        }}\n        tertiaryButtonConfig={{\n          text: alertConfig.tertiaryButtonText,\n          onClick: () => {\n            setIsCookiePrefsDialogVisible(true)\n          },\n        }}\n        isGlobal={true}\n      />\n      <CookiePreferencesDialog\n        isOpen={isCookiePrefsDialogVisible}\n        onSave={prefs => {\n          setNotificationDismissed(true)\n          setIsCookiePrefsDialogVisible(false)\n          if (onClose) {\n            onClose(prefs)\n          }\n        }}\n        onHide={() => {\n          setIsCookiePrefsDialogVisible(false)\n        }}\n      />\n    </>\n  )\n}\n\nexport default CookiesNotification\n"],"mappings":";;;;;;;;;;AAoBA,IAAa,IAAc;CACzB,OAAO;CACP,aACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAQ;YAApB;GAA4B;GAIjB,kBAAC,GAAD;IAAM,MAAM;cAAqB;GAAoB,CAAA;GAAC;EAGrD;KACZ,kBAAC,GAAD;EACE,SAAQ;EACR,IAAI,EAAE,IAAI,OAAO;EACjB,WAAW,EAAO;YAHpB;GAIC;GACiB;GAChB,kBAAC,GAAD;IAAM,MAAM;cAAgC;GAAsB,CAAA;GAAE;GAAI;GAEtE,kBAAC,GAAD;IAAM,MAAM;cAA2B;GAA0B,CAAA;GAAC;EAE1D;GACZ,EAAA,CAAA;CAEJ,mBAAmB;CACnB,qBAAqB;CACrB,oBAAoB;AACtB,GAMM,KACJ,MACoB;CACpB,IAAM,EAAE,eAAY,GACd,GAAG,KAAwB,EAAqB,GAEhD,CAAC,GAAuB,KAA4B,EAAS,EAAI,GAEjE,CAAC,KAA+B,EACpC,CACF;CAEA,QAAgB;EACd,EAAyB,CAAC,CAAC,CAA2B;CACxD,GAAG,CAAC,CAA2B,CAAC;CAEhC,IAAM,CAAC,GAA4B,KACjC,EAAS,EAAK;CAEhB,OAAO,IACL,kBAAA,GAAA,CAAI,CAAA,IAEJ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,eAAe,EAAE,QAAQ,KAAK;EAC9B,SAAQ;EACR,OAAO,EAAY;EACnB,aAAa,EAAY;EACzB,qBAAqB;GACnB,MAAM,EAAY;GAClB,eAAe;IAGb,AAFA,EAAqB,CAAQ,GAC7B,EAAyB,EAAI,GACzB,KACF,EAAQ,CAAQ;GAEpB;EACF;EACA,uBAAuB;GACrB,MAAM,EAAY;GAClB,eAAe;IAGb,AAFA,EAAqB,CAAS,GAC9B,EAAyB,EAAI,GACzB,KACF,EAAQ,CAAS;GAErB;EACF;EACA,sBAAsB;GACpB,MAAM,EAAY;GAClB,eAAe;IACb,EAA8B,EAAI;GACpC;EACF;EACA,UAAU;CACX,CAAA,GACD,kBAAC,GAAD;EACE,QAAQ;EACR,SAAQ,MAAS;GAGf,AAFA,EAAyB,EAAI,GAC7B,EAA8B,EAAK,GAC/B,KACF,EAAQ,CAAK;EAEjB;EACA,cAAc;GACZ,EAA8B,EAAK;EACrC;CACD,CAAA,CACD,EAAA,CAAA;AAEN"}

package/dist/components/CopyToClipboardIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardIcon.js","names":[],"sources":["../../src/components/CopyToClipboardIcon.tsx"],"sourcesContent":["import { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { IconButton, IconButtonProps, Tooltip } from '@mui/material'\nimport { createRef, RefObject, SyntheticEvent } from 'react'\nimport IconSvg from './IconSvg'\nimport { displayToast } from './ToastMessage/ToastMessage'\n\nexport type CopyToClipboardIconProps = IconButtonProps & {\n  value: string\n  sizePx?: number\n}\n\nexport function CopyToClipboardIcon({\n  value,\n  sizePx = 16,\n  ...props\n}: CopyToClipboardIconProps) {\n  const ref = createRef<HTMLButtonElement>()\n\n  const copyToClipboard =\n    (ref: RefObject<HTMLElement | null>, value: string) =>\n    (event: SyntheticEvent) => {\n      event.preventDefault()\n\n      copyStringToClipboard(value).then(() => {\n        displayToast('Successfully copied to clipboard', 'success')\n      })\n    }\n\n  return (\n    <Tooltip title={'Copy to Clipboard'}>\n      <IconButton\n        ref={ref}\n        {...props}\n        onClick={copyToClipboard(ref, value)}\n        aria-label=\"Copy to clipboard\"\n      >\n        <IconSvg\n          icon=\"contentCopy\"\n          wrap={false}\n          fontSize={'inherit'}\n          sx={\n            sizePx ? { width: `${sizePx}px`, height: `${sizePx}px` } : undefined\n          }\n        />\n      </IconButton>\n    </Tooltip>\n  )\n}\n\nexport default CopyToClipboardIcon\n"],"mappings":";;;;;;;AAWA,SAAgB,EAAoB,EAClC,UACA,YAAS,IACT,GAAG,KACwB;CAC3B,IAAM,IAAM,GAA8B,EAEpC,KACH,GAAoC,OACpC,MAA0B;AAGzB,EAFA,EAAM,gBAAgB,EAEtB,EAAsB,EAAM,CAAC,WAAW;AACtC,KAAa,oCAAoC,UAAU;IAC3D;;AAGN,QACE,kBAAC,GAAD;EAAS,OAAO;YACd,kBAAC,GAAD;GACO;GACL,GAAI;GACJ,SAAS,EAAgB,GAAK,EAAM;GACpC,cAAW;aAEX,kBAAC,GAAD;IACE,MAAK;IACL,MAAM;IACN,UAAU;IACV,IACE,IAAS;KAAE,OAAO,GAAG,EAAO;KAAK,QAAQ,GAAG,EAAO;KAAK,GAAG,KAAA;IAE7D,CAAA;GACS,CAAA;EACL,CAAA"}
+{"version":3,"file":"CopyToClipboardIcon.js","names":[],"sources":["../../src/components/CopyToClipboardIcon.tsx"],"sourcesContent":["import { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { IconButton, IconButtonProps, Tooltip } from '@mui/material'\nimport { createRef, RefObject, SyntheticEvent } from 'react'\nimport IconSvg from './IconSvg'\nimport { displayToast } from './ToastMessage/ToastMessage'\n\nexport type CopyToClipboardIconProps = IconButtonProps & {\n  value: string\n  sizePx?: number\n}\n\nexport function CopyToClipboardIcon({\n  value,\n  sizePx = 16,\n  ...props\n}: CopyToClipboardIconProps) {\n  const ref = createRef<HTMLButtonElement>()\n\n  const copyToClipboard =\n    (ref: RefObject<HTMLElement | null>, value: string) =>\n    (event: SyntheticEvent) => {\n      event.preventDefault()\n\n      copyStringToClipboard(value).then(() => {\n        displayToast('Successfully copied to clipboard', 'success')\n      })\n    }\n\n  return (\n    <Tooltip title={'Copy to Clipboard'}>\n      <IconButton\n        ref={ref}\n        {...props}\n        onClick={copyToClipboard(ref, value)}\n        aria-label=\"Copy to clipboard\"\n      >\n        <IconSvg\n          icon=\"contentCopy\"\n          wrap={false}\n          fontSize={'inherit'}\n          sx={\n            sizePx ? { width: `${sizePx}px`, height: `${sizePx}px` } : undefined\n          }\n        />\n      </IconButton>\n    </Tooltip>\n  )\n}\n\nexport default CopyToClipboardIcon\n"],"mappings":";;;;;;;AAWA,SAAgB,EAAoB,EAClC,UACA,YAAS,IACT,GAAG,KACwB;CAC3B,IAAM,IAAM,EAA6B,GAEnC,KACH,GAAoC,OACpC,MAA0B;EAGzB,AAFA,EAAM,eAAe,GAErB,EAAsB,CAAK,EAAE,WAAW;GACtC,EAAa,oCAAoC,SAAS;EAC5D,CAAC;CACH;CAEF,OACE,kBAAC,GAAD;EAAS,OAAO;YACd,kBAAC,GAAD;GACO;GACL,GAAI;GACJ,SAAS,EAAgB,GAAK,CAAK;GACnC,cAAW;aAEX,kBAAC,GAAD;IACE,MAAK;IACL,MAAM;IACN,UAAU;IACV,IACE,IAAS;KAAE,OAAO,GAAG,EAAO;KAAK,QAAQ,GAAG,EAAO;IAAI,IAAI,KAAA;GAE9D,CAAA;EACS,CAAA;CACL,CAAA;AAEb"}

package/dist/components/CopyToClipboardInput/CopyToClipboardInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardInput.js","names":[],"sources":["../../../src/components/CopyToClipboardInput/CopyToClipboardInput.tsx"],"sourcesContent":["import { Box, IconButton, InputAdornment, TextField } from '@mui/material'\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy'\nimport { createRef, RefObject, SyntheticEvent, useState } from 'react'\nimport { ToastMessage } from '../ToastMessage/ToastMessage'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\nexport type CopyToClipboardInputProps = {\n  value: string\n  inputWidth: string\n}\n\n/**\n * Component that holds a large string in a readonly <input> to be copied to the user's clipboard when clicked.\n * This component should only be used when the full length of the string value to copy does not necessarily need to be\n * seen by the user. This component was adapted from the email address copy to clipboard functionality in UserCardMedium.\n * For smaller/inline strings, look at UserCardMedium functionality for displaying the value in a <p> tag instead of a\n * readonly <input> tag.\n */\nexport function CopyToClipboardInput({\n  value,\n  inputWidth,\n}: CopyToClipboardInputProps) {\n  const [showModal, setShowModal] = useState(false)\n  const ref = createRef<HTMLDivElement>()\n\n  const copyToClipboard =\n    (ref: RefObject<HTMLElement | null>, value: string) =>\n    (event: SyntheticEvent) => {\n      event.preventDefault()\n\n      copyStringToClipboard(value).then(() => {\n        // show modal and hide after 4 seconds, the timing is per Material Design\n        setShowModal(true)\n        // hide after 4 seconds\n        setTimeout(() => {\n          setShowModal(false)\n        }, 4000)\n      })\n    }\n\n  return (\n    <>\n      <ToastMessage\n        text=\"Successfully copied to clipboard\"\n        show={showModal}\n        autohide={true}\n      ></ToastMessage>\n      <Box\n        ref={ref}\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          my: 2,\n          mx: 0,\n        }}\n      >\n        <TextField\n          sx={{\n            width: inputWidth,\n          }}\n          value={value}\n          slotProps={{\n            input: {\n              endAdornment: (\n                <InputAdornment position=\"end\">\n                  <IconButton onClick={copyToClipboard(ref, value)}>\n                    <ContentCopyIcon />\n                  </IconButton>\n                </InputAdornment>\n              ),\n            },\n\n            htmlInput: {\n              readOnly: true,\n              onClick: copyToClipboard(ref, value),\n            },\n          }}\n        />\n      </Box>\n    </>\n  )\n}\n\nexport default CopyToClipboardInput\n"],"mappings":";;;;;;;AAkBA,SAAgB,EAAqB,EACnC,UACA,iBAC4B;CAC5B,IAAM,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,IAAM,GAA2B,EAEjC,KACH,GAAoC,OACpC,MAA0B;AAGzB,EAFA,EAAM,gBAAgB,EAEtB,EAAsB,EAAM,CAAC,WAAW;AAItC,GAFA,EAAa,GAAK,EAElB,iBAAiB;AACf,MAAa,GAAM;MAClB,IAAK;IACR;;AAGN,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAK;EACL,MAAM;EACN,UAAU;EACI,CAAA,EAChB,kBAAC,GAAD;EACO;EACL,IAAI;GACF,SAAS;GACT,gBAAgB;GAChB,IAAI;GACJ,IAAI;GACL;YAED,kBAAC,GAAD;GACE,IAAI,EACF,OAAO,GACR;GACM;GACP,WAAW;IACT,OAAO,EACL,cACE,kBAAC,GAAD;KAAgB,UAAS;eACvB,kBAAC,GAAD;MAAY,SAAS,EAAgB,GAAK,EAAM;gBAC9C,kBAAC,GAAD,EAAmB,CAAA;MACR,CAAA;KACE,CAAA,EAEpB;IAED,WAAW;KACT,UAAU;KACV,SAAS,EAAgB,GAAK,EAAM;KACrC;IACF;GACD,CAAA;EACE,CAAA,CACL,EAAA,CAAA"}
+{"version":3,"file":"CopyToClipboardInput.js","names":[],"sources":["../../../src/components/CopyToClipboardInput/CopyToClipboardInput.tsx"],"sourcesContent":["import { Box, IconButton, InputAdornment, TextField } from '@mui/material'\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy'\nimport { createRef, RefObject, SyntheticEvent, useState } from 'react'\nimport { ToastMessage } from '../ToastMessage/ToastMessage'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\nexport type CopyToClipboardInputProps = {\n  value: string\n  inputWidth: string\n}\n\n/**\n * Component that holds a large string in a readonly <input> to be copied to the user's clipboard when clicked.\n * This component should only be used when the full length of the string value to copy does not necessarily need to be\n * seen by the user. This component was adapted from the email address copy to clipboard functionality in UserCardMedium.\n * For smaller/inline strings, look at UserCardMedium functionality for displaying the value in a <p> tag instead of a\n * readonly <input> tag.\n */\nexport function CopyToClipboardInput({\n  value,\n  inputWidth,\n}: CopyToClipboardInputProps) {\n  const [showModal, setShowModal] = useState(false)\n  const ref = createRef<HTMLDivElement>()\n\n  const copyToClipboard =\n    (ref: RefObject<HTMLElement | null>, value: string) =>\n    (event: SyntheticEvent) => {\n      event.preventDefault()\n\n      copyStringToClipboard(value).then(() => {\n        // show modal and hide after 4 seconds, the timing is per Material Design\n        setShowModal(true)\n        // hide after 4 seconds\n        setTimeout(() => {\n          setShowModal(false)\n        }, 4000)\n      })\n    }\n\n  return (\n    <>\n      <ToastMessage\n        text=\"Successfully copied to clipboard\"\n        show={showModal}\n        autohide={true}\n      ></ToastMessage>\n      <Box\n        ref={ref}\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          my: 2,\n          mx: 0,\n        }}\n      >\n        <TextField\n          sx={{\n            width: inputWidth,\n          }}\n          value={value}\n          slotProps={{\n            input: {\n              endAdornment: (\n                <InputAdornment position=\"end\">\n                  <IconButton onClick={copyToClipboard(ref, value)}>\n                    <ContentCopyIcon />\n                  </IconButton>\n                </InputAdornment>\n              ),\n            },\n\n            htmlInput: {\n              readOnly: true,\n              onClick: copyToClipboard(ref, value),\n            },\n          }}\n        />\n      </Box>\n    </>\n  )\n}\n\nexport default CopyToClipboardInput\n"],"mappings":";;;;;;;AAkBA,SAAgB,EAAqB,EACnC,UACA,iBAC4B;CAC5B,IAAM,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,IAAM,EAA0B,GAEhC,KACH,GAAoC,OACpC,MAA0B;EAGzB,AAFA,EAAM,eAAe,GAErB,EAAsB,CAAK,EAAE,WAAW;GAItC,AAFA,EAAa,EAAI,GAEjB,iBAAiB;IACf,EAAa,EAAK;GACpB,GAAG,GAAI;EACT,CAAC;CACH;CAEF,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAK;EACL,MAAM;EACN,UAAU;CACG,CAAA,GACf,kBAAC,GAAD;EACO;EACL,IAAI;GACF,SAAS;GACT,gBAAgB;GAChB,IAAI;GACJ,IAAI;EACN;YAEA,kBAAC,GAAD;GACE,IAAI,EACF,OAAO,EACT;GACO;GACP,WAAW;IACT,OAAO,EACL,cACE,kBAAC,GAAD;KAAgB,UAAS;eACvB,kBAAC,GAAD;MAAY,SAAS,EAAgB,GAAK,CAAK;gBAC7C,kBAAC,GAAD,CAAkB,CAAA;KACR,CAAA;IACE,CAAA,EAEpB;IAEA,WAAW;KACT,UAAU;KACV,SAAS,EAAgB,GAAK,CAAK;IACrC;GACF;EACD,CAAA;CACE,CAAA,CACL,EAAA,CAAA;AAEN"}

package/dist/components/CopyToClipboardString/CopyToClipboardString.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardString.js","names":[],"sources":["../../../src/components/CopyToClipboardString/CopyToClipboardString.tsx"],"sourcesContent":["import { Stack, Tooltip, Typography, TypographyProps } from '@mui/material'\nimport { SyntheticEvent, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\nexport type CopyToClipboardStringProps = {\n  value: string\n  typographyVariant?: TypographyProps['variant']\n}\n\n/**\n * Displays a string and a \"Copy to Clipboard\" icon, that, when clicked, will copy the contents of the string to the clipboard.\n */\nexport function CopyToClipboardString(props: CopyToClipboardStringProps) {\n  const { value, typographyVariant = 'smallText1' } = props\n  const [tooltipText, setTooltipText] = useState('Copy to clipboard')\n\n  const copyToClipboard = (event: SyntheticEvent) => {\n    event.preventDefault()\n\n    copyStringToClipboard(value).then(() => {\n      setTooltipText('Copied to clipboard')\n    })\n  }\n\n  return (\n    <Stack\n      direction={'row'}\n      spacing={0.5}\n      sx={{\n        alignItems: 'center',\n        display: 'inline-flex',\n      }}\n    >\n      <Typography component={'span'} variant={typographyVariant}>\n        {value}\n      </Typography>\n      <Tooltip title={tooltipText} placement={'top'}>\n        <span\n          role=\"button\"\n          style={{ cursor: 'pointer' }}\n          onClick={copyToClipboard}\n        >\n          <IconSvg icon=\"contentCopy\" wrap={false} sx={{ width: '16px' }} />\n        </span>\n      </Tooltip>\n    </Stack>\n  )\n}\n\nexport default CopyToClipboardString\n"],"mappings":";;;;;;AAaA,SAAgB,EAAsB,GAAmC;CACvE,IAAM,EAAE,UAAO,uBAAoB,iBAAiB,GAC9C,CAAC,GAAa,KAAkB,EAAS,oBAAoB;AAUnE,QACE,kBAAC,GAAD;EACE,WAAW;EACX,SAAS;EACT,IAAI;GACF,YAAY;GACZ,SAAS;GACV;YANH,CAQE,kBAAC,GAAD;GAAY,WAAW;GAAQ,SAAS;aACrC;GACU,CAAA,EACb,kBAAC,GAAD;GAAS,OAAO;GAAa,WAAW;aACtC,kBAAC,QAAD;IACE,MAAK;IACL,OAAO,EAAE,QAAQ,WAAW;IAC5B,UAxBiB,MAA0B;AAGjD,KAFA,EAAM,gBAAgB,EAEtB,EAAsB,EAAM,CAAC,WAAW;AACtC,QAAe,sBAAsB;OACrC;;cAqBI,kBAAC,GAAD;KAAS,MAAK;KAAc,MAAM;KAAO,IAAI,EAAE,OAAO,QAAQ;KAAI,CAAA;IAC7D,CAAA;GACC,CAAA,CACJ"}
+{"version":3,"file":"CopyToClipboardString.js","names":[],"sources":["../../../src/components/CopyToClipboardString/CopyToClipboardString.tsx"],"sourcesContent":["import { Stack, Tooltip, Typography, TypographyProps } from '@mui/material'\nimport { SyntheticEvent, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\nexport type CopyToClipboardStringProps = {\n  value: string\n  typographyVariant?: TypographyProps['variant']\n}\n\n/**\n * Displays a string and a \"Copy to Clipboard\" icon, that, when clicked, will copy the contents of the string to the clipboard.\n */\nexport function CopyToClipboardString(props: CopyToClipboardStringProps) {\n  const { value, typographyVariant = 'smallText1' } = props\n  const [tooltipText, setTooltipText] = useState('Copy to clipboard')\n\n  const copyToClipboard = (event: SyntheticEvent) => {\n    event.preventDefault()\n\n    copyStringToClipboard(value).then(() => {\n      setTooltipText('Copied to clipboard')\n    })\n  }\n\n  return (\n    <Stack\n      direction={'row'}\n      spacing={0.5}\n      sx={{\n        alignItems: 'center',\n        display: 'inline-flex',\n      }}\n    >\n      <Typography component={'span'} variant={typographyVariant}>\n        {value}\n      </Typography>\n      <Tooltip title={tooltipText} placement={'top'}>\n        <span\n          role=\"button\"\n          style={{ cursor: 'pointer' }}\n          onClick={copyToClipboard}\n        >\n          <IconSvg icon=\"contentCopy\" wrap={false} sx={{ width: '16px' }} />\n        </span>\n      </Tooltip>\n    </Stack>\n  )\n}\n\nexport default CopyToClipboardString\n"],"mappings":";;;;;;AAaA,SAAgB,EAAsB,GAAmC;CACvE,IAAM,EAAE,UAAO,uBAAoB,iBAAiB,GAC9C,CAAC,GAAa,KAAkB,EAAS,mBAAmB;CAUlE,OACE,kBAAC,GAAD;EACE,WAAW;EACX,SAAS;EACT,IAAI;GACF,YAAY;GACZ,SAAS;EACX;YANF,CAQE,kBAAC,GAAD;GAAY,WAAW;GAAQ,SAAS;aACrC;EACS,CAAA,GACZ,kBAAC,GAAD;GAAS,OAAO;GAAa,WAAW;aACtC,kBAAC,QAAD;IACE,MAAK;IACL,OAAO,EAAE,QAAQ,UAAU;IAC3B,UAxBiB,MAA0B;KAGjD,AAFA,EAAM,eAAe,GAErB,EAAsB,CAAK,EAAE,WAAW;MACtC,EAAe,qBAAqB;KACtC,CAAC;IACH;cAoBQ,kBAAC,GAAD;KAAS,MAAK;KAAc,MAAM;KAAO,IAAI,EAAE,OAAO,OAAO;IAAI,CAAA;GAC7D,CAAA;EACC,CAAA,CACJ;;AAEX"}

package/dist/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrUpdateAccessRequirementWizard.js","names":[],"sources":["../../../src/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.tsx"],"sourcesContent":["import { MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE } from '@sage-bionetworks/synapse-types'\nimport { MouseEventHandler, useMemo, useRef, useState } from 'react'\nimport {\n  AccessRequirementAclEditor,\n  AccessRequirementAclEditorHandle,\n} from '../AccessRequirementAclEditor/AccessRequirementAclEditor'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport {\n  SetAccessRequirementCommonFields,\n  SetAccessRequirementCommonFieldsHandle,\n  SetAccessRequirementCommonFieldsProps,\n} from '../SetAccessRequirementCommonFields'\nimport SetBasicAccessRequirementFields, {\n  SetBasicAccessRequirementFieldsHandle,\n} from '../SetBasicAccessRequirementFields'\nimport SetManagedAccessRequirementFields, {\n  SetManagedAccessRequirementFieldsHandle,\n} from '../SetManagedAccessRequirementFields'\nimport {\n  CreateOrUpdateAccessRequirementWizardStep,\n  getDialogTitle,\n  isLastStep,\n} from './CreateOrUpdateAccessRequirementWizardUtils'\n\nexport type CreateOrUpdateAccessRequirementWizardProps = {\n  open: boolean\n  onCancel: () => void\n  onComplete: (accessRequirementID?: string) => void // return the (possibly new) Access Requirement ID\n} & Pick<\n  SetAccessRequirementCommonFieldsProps,\n  'subject' | 'accessRequirementId'\n>\n\nexport function CreateOrUpdateAccessRequirementWizard(\n  props: CreateOrUpdateAccessRequirementWizardProps,\n) {\n  const { open, onCancel, onComplete } = props\n\n  const [step, setStep] = useState<CreateOrUpdateAccessRequirementWizardStep>(\n    'SET_AR_COMMON_FIELDS',\n  )\n  const [isLoading, setIsLoading] = useState<boolean>(false)\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >(props.accessRequirementId)\n\n  const setArCommonFieldsRef =\n    useRef<SetAccessRequirementCommonFieldsHandle>(null)\n  const setManagedArFieldsRef =\n    useRef<SetManagedAccessRequirementFieldsHandle>(null)\n  const editArAclRef = useRef<AccessRequirementAclEditorHandle>(null)\n  const setBasicArFieldsRef =\n    useRef<SetBasicAccessRequirementFieldsHandle>(null)\n\n  const isEditing = Boolean(props['accessRequirementId'])\n\n  const stepContent = useMemo(() => {\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        return (\n          <SetAccessRequirementCommonFields\n            ref={setArCommonFieldsRef}\n            onSave={(accessRequirementId, accessRequirementConcreteType) => {\n              setAccessRequirementId(accessRequirementId)\n              const nextStep: CreateOrUpdateAccessRequirementWizardStep =\n                accessRequirementConcreteType ===\n                MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ? 'SET_MANAGED_AR_FIELDS'\n                  : 'SET_BASIC_AR_FIELDS'\n              setStep(nextStep)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n            subject={props.subject}\n            accessRequirementId={props.accessRequirementId}\n          />\n        )\n      case 'SET_MANAGED_AR_FIELDS':\n        return (\n          <SetManagedAccessRequirementFields\n            ref={setManagedArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              setStep('SET_MANAGED_AR_ACL_PERMISSIONS')\n              setIsLoading(false)\n            }}\n            onError={() => {\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        return (\n          <AccessRequirementAclEditor\n            ref={editArAclRef}\n            accessRequirementId={accessRequirementId!}\n            onSaveComplete={saveSuccessful => {\n              if (saveSuccessful) {\n                onComplete(accessRequirementId)\n              }\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_BASIC_AR_FIELDS':\n        return (\n          <SetBasicAccessRequirementFields\n            ref={setBasicArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              onComplete(accessRequirementId)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n          />\n        )\n    }\n  }, [\n    step,\n    props.subject,\n    props.accessRequirementId,\n    accessRequirementId,\n    onComplete,\n  ])\n\n  const onClickPrimary: MouseEventHandler<HTMLButtonElement> = e => {\n    // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n    e.preventDefault()\n    setIsLoading(true)\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        setArCommonFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_FIELDS':\n        setManagedArFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        editArAclRef?.current?.save()\n        return\n      case 'SET_BASIC_AR_FIELDS':\n        setBasicArFieldsRef?.current?.save()\n    }\n  }\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      onCancel={onCancel}\n      onConfirm={onClickPrimary}\n      confirmButtonProps={{\n        children: isLastStep(step) ? 'Save' : 'Save & Continue',\n        disabled: isLoading,\n      }}\n      maxWidth={'md'}\n      title={getDialogTitle(step, isEditing)}\n      content={stepContent}\n    />\n  )\n}\n\nexport default CreateOrUpdateAccessRequirementWizard\n"],"mappings":";;;;;;;;;;;AAiCA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,aAAU,kBAAe,GAEjC,CAAC,GAAM,KAAW,EACtB,uBACD,EACK,CAAC,GAAW,KAAgB,EAAkB,GAAM,EACpD,CAAC,GAAqB,KAA0B,EAEpD,EAAM,oBAAoB,EAEtB,IACJ,EAA+C,KAAK,EAChD,IACJ,EAAgD,KAAK,EACjD,IAAe,EAAyC,KAAK,EAC7D,IACJ,EAA8C,KAAK,EAE/C,IAAY,EAAQ,EAAM,qBAE1B,IAAc,QAAc;AAChC,UAAQ,GAAR;GACE,KAAK,uBACH,QACE,kBAAC,GAAD;IACE,KAAK;IACL,SAAS,GAAqB,MAAkC;AAQ9D,KAPA,EAAuB,EAAoB,EAM3C,EAJE,MACA,IACI,0BACA,sBACW,EACjB,EAAa,GAAM;;IAErB,eAAe,EAAa,GAAM;IAClC,SAAS,EAAM;IACf,qBAAqB,EAAM;IAC3B,CAAA;GAEN,KAAK,wBACH,QACE,kBAAC,GAAD;IACE,KAAK;IACgB;IACrB,cAAc;AAEZ,KADA,EAAQ,iCAAiC,EACzC,EAAa,GAAM;;IAErB,eAAe;AACb,OAAa,GAAM;;IAErB,CAAA;GAEN,KAAK,iCACH,QACE,kBAAC,GAAD;IACE,KAAK;IACgB;IACrB,iBAAgB,MAAkB;AAIhC,KAHI,KACF,EAAW,EAAoB,EAEjC,EAAa,GAAM;;IAErB,CAAA;GAEN,KAAK,sBACH,QACE,kBAAC,GAAD;IACE,KAAK;IACgB;IACrB,cAAc;AAEZ,KADA,EAAW,EAAoB,EAC/B,EAAa,GAAM;;IAErB,eAAe,EAAa,GAAM;IAClC,CAAA;;IAGP;EACD;EACA,EAAM;EACN,EAAM;EACN;EACA;EACD,CAAC;AAqBF,QACE,kBAAC,GAAD;EACQ;EACI;EACV,YAvByD,MAAK;AAIhE,WAFA,EAAE,gBAAgB,EAClB,EAAa,GAAK,EACV,GAAR;IACE,KAAK;AACH,QAAsB,SAAS,MAAM;AACrC;IACF,KAAK;AACH,QAAuB,SAAS,MAAM;AACtC;IACF,KAAK;AACH,QAAc,SAAS,MAAM;AAC7B;IACF,KAAK,sBACH,IAAqB,SAAS,MAAM;;;EAStC,oBAAoB;GAClB,UAAU,EAAW,EAAK,GAAG,SAAS;GACtC,UAAU;GACX;EACD,UAAU;EACV,OAAO,EAAe,GAAM,EAAU;EACtC,SAAS;EACT,CAAA"}
+{"version":3,"file":"CreateOrUpdateAccessRequirementWizard.js","names":[],"sources":["../../../src/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.tsx"],"sourcesContent":["import { MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE } from '@sage-bionetworks/synapse-types'\nimport { MouseEventHandler, useMemo, useRef, useState } from 'react'\nimport {\n  AccessRequirementAclEditor,\n  AccessRequirementAclEditorHandle,\n} from '../AccessRequirementAclEditor/AccessRequirementAclEditor'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport {\n  SetAccessRequirementCommonFields,\n  SetAccessRequirementCommonFieldsHandle,\n  SetAccessRequirementCommonFieldsProps,\n} from '../SetAccessRequirementCommonFields'\nimport SetBasicAccessRequirementFields, {\n  SetBasicAccessRequirementFieldsHandle,\n} from '../SetBasicAccessRequirementFields'\nimport SetManagedAccessRequirementFields, {\n  SetManagedAccessRequirementFieldsHandle,\n} from '../SetManagedAccessRequirementFields'\nimport {\n  CreateOrUpdateAccessRequirementWizardStep,\n  getDialogTitle,\n  isLastStep,\n} from './CreateOrUpdateAccessRequirementWizardUtils'\n\nexport type CreateOrUpdateAccessRequirementWizardProps = {\n  open: boolean\n  onCancel: () => void\n  onComplete: (accessRequirementID?: string) => void // return the (possibly new) Access Requirement ID\n} & Pick<\n  SetAccessRequirementCommonFieldsProps,\n  'subject' | 'accessRequirementId'\n>\n\nexport function CreateOrUpdateAccessRequirementWizard(\n  props: CreateOrUpdateAccessRequirementWizardProps,\n) {\n  const { open, onCancel, onComplete } = props\n\n  const [step, setStep] = useState<CreateOrUpdateAccessRequirementWizardStep>(\n    'SET_AR_COMMON_FIELDS',\n  )\n  const [isLoading, setIsLoading] = useState<boolean>(false)\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >(props.accessRequirementId)\n\n  const setArCommonFieldsRef =\n    useRef<SetAccessRequirementCommonFieldsHandle>(null)\n  const setManagedArFieldsRef =\n    useRef<SetManagedAccessRequirementFieldsHandle>(null)\n  const editArAclRef = useRef<AccessRequirementAclEditorHandle>(null)\n  const setBasicArFieldsRef =\n    useRef<SetBasicAccessRequirementFieldsHandle>(null)\n\n  const isEditing = Boolean(props['accessRequirementId'])\n\n  const stepContent = useMemo(() => {\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        return (\n          <SetAccessRequirementCommonFields\n            ref={setArCommonFieldsRef}\n            onSave={(accessRequirementId, accessRequirementConcreteType) => {\n              setAccessRequirementId(accessRequirementId)\n              const nextStep: CreateOrUpdateAccessRequirementWizardStep =\n                accessRequirementConcreteType ===\n                MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ? 'SET_MANAGED_AR_FIELDS'\n                  : 'SET_BASIC_AR_FIELDS'\n              setStep(nextStep)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n            subject={props.subject}\n            accessRequirementId={props.accessRequirementId}\n          />\n        )\n      case 'SET_MANAGED_AR_FIELDS':\n        return (\n          <SetManagedAccessRequirementFields\n            ref={setManagedArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              setStep('SET_MANAGED_AR_ACL_PERMISSIONS')\n              setIsLoading(false)\n            }}\n            onError={() => {\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        return (\n          <AccessRequirementAclEditor\n            ref={editArAclRef}\n            accessRequirementId={accessRequirementId!}\n            onSaveComplete={saveSuccessful => {\n              if (saveSuccessful) {\n                onComplete(accessRequirementId)\n              }\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_BASIC_AR_FIELDS':\n        return (\n          <SetBasicAccessRequirementFields\n            ref={setBasicArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              onComplete(accessRequirementId)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n          />\n        )\n    }\n  }, [\n    step,\n    props.subject,\n    props.accessRequirementId,\n    accessRequirementId,\n    onComplete,\n  ])\n\n  const onClickPrimary: MouseEventHandler<HTMLButtonElement> = e => {\n    // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n    e.preventDefault()\n    setIsLoading(true)\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        setArCommonFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_FIELDS':\n        setManagedArFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        editArAclRef?.current?.save()\n        return\n      case 'SET_BASIC_AR_FIELDS':\n        setBasicArFieldsRef?.current?.save()\n    }\n  }\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      onCancel={onCancel}\n      onConfirm={onClickPrimary}\n      confirmButtonProps={{\n        children: isLastStep(step) ? 'Save' : 'Save & Continue',\n        disabled: isLoading,\n      }}\n      maxWidth={'md'}\n      title={getDialogTitle(step, isEditing)}\n      content={stepContent}\n    />\n  )\n}\n\nexport default CreateOrUpdateAccessRequirementWizard\n"],"mappings":";;;;;;;;;;;AAiCA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,aAAU,kBAAe,GAEjC,CAAC,GAAM,KAAW,EACtB,sBACF,GACM,CAAC,GAAW,KAAgB,EAAkB,EAAK,GACnD,CAAC,GAAqB,KAA0B,EAEpD,EAAM,mBAAmB,GAErB,IACJ,EAA+C,IAAI,GAC/C,IACJ,EAAgD,IAAI,GAChD,IAAe,EAAyC,IAAI,GAC5D,IACJ,EAA8C,IAAI,GAE9C,IAAY,EAAQ,EAAM,qBAE1B,IAAc,QAAc;EAChC,QAAQ,GAAR;GACE,KAAK,wBACH,OACE,kBAAC,GAAD;IACE,KAAK;IACL,SAAS,GAAqB,MAAkC;KAQ9D,AAPA,EAAuB,CAAmB,GAM1C,EAJE,MACA,IACI,0BACA,qBACU,GAChB,EAAa,EAAK;IACpB;IACA,eAAe,EAAa,EAAK;IACjC,SAAS,EAAM;IACf,qBAAqB,EAAM;GAC5B,CAAA;GAEL,KAAK,yBACH,OACE,kBAAC,GAAD;IACE,KAAK;IACgB;IACrB,cAAc;KAEZ,AADA,EAAQ,gCAAgC,GACxC,EAAa,EAAK;IACpB;IACA,eAAe;KACb,EAAa,EAAK;IACpB;GACD,CAAA;GAEL,KAAK,kCACH,OACE,kBAAC,GAAD;IACE,KAAK;IACgB;IACrB,iBAAgB,MAAkB;KAIhC,AAHI,KACF,EAAW,CAAmB,GAEhC,EAAa,EAAK;IACpB;GACD,CAAA;GAEL,KAAK,uBACH,OACE,kBAAC,GAAD;IACE,KAAK;IACgB;IACrB,cAAc;KAEZ,AADA,EAAW,CAAmB,GAC9B,EAAa,EAAK;IACpB;IACA,eAAe,EAAa,EAAK;GAClC,CAAA;EAEP;CACF,GAAG;EACD;EACA,EAAM;EACN,EAAM;EACN;EACA;CACF,CAAC;CAqBD,OACE,kBAAC,GAAD;EACQ;EACI;EACV,YAvByD,MAAK;GAIhE,QAFA,EAAE,eAAe,GACjB,EAAa,EAAI,GACT,GAAR;IACE,KAAK;KACH,GAAsB,SAAS,KAAK;KACpC;IACF,KAAK;KACH,GAAuB,SAAS,KAAK;KACrC;IACF,KAAK;KACH,GAAc,SAAS,KAAK;KAC5B;IACF,KAAK,uBACH,GAAqB,SAAS,KAAK;GACvC;EACF;EAOI,oBAAoB;GAClB,UAAU,EAAW,CAAI,IAAI,SAAS;GACtC,UAAU;EACZ;EACA,UAAU;EACV,OAAO,EAAe,GAAM,CAAS;EACrC,SAAS;CACV,CAAA;AAEL"}

package/dist/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizardUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrUpdateAccessRequirementWizardUtils.js","names":[],"sources":["../../../src/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizardUtils.ts"],"sourcesContent":["export type CreateOrUpdateAccessRequirementWizardStep =\n  | 'SET_AR_COMMON_FIELDS'\n  | 'SET_MANAGED_AR_FIELDS'\n  | 'SET_MANAGED_AR_ACL_PERMISSIONS'\n  | 'SET_BASIC_AR_FIELDS'\n\nexport function getDialogTitle(\n  step: CreateOrUpdateAccessRequirementWizardStep,\n  isEditing: boolean,\n): string {\n  switch (step) {\n    case 'SET_AR_COMMON_FIELDS':\n    case 'SET_MANAGED_AR_FIELDS':\n    case 'SET_BASIC_AR_FIELDS':\n      return `${isEditing ? 'Edit' : 'Create'} Access Requirement`\n    case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n      return 'Access Requirement Permissions'\n  }\n}\n\nexport function isLastStep(\n  step: CreateOrUpdateAccessRequirementWizardStep,\n): boolean {\n  switch (step) {\n    case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n    case 'SET_BASIC_AR_FIELDS':\n      return true\n  }\n  return false\n}\n"],"mappings":";AAMA,SAAgB,EACd,GACA,GACQ;AACR,SAAQ,GAAR;EACE,KAAK;EACL,KAAK;EACL,KAAK,sBACH,QAAO,GAAG,IAAY,SAAS,SAAS;EAC1C,KAAK,iCACH,QAAO;;;AAIb,SAAgB,EACd,GACS;AACT,SAAQ,GAAR;EACE,KAAK;EACL,KAAK,sBACH,QAAO;;AAEX,QAAO"}
+{"version":3,"file":"CreateOrUpdateAccessRequirementWizardUtils.js","names":[],"sources":["../../../src/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizardUtils.ts"],"sourcesContent":["export type CreateOrUpdateAccessRequirementWizardStep =\n  | 'SET_AR_COMMON_FIELDS'\n  | 'SET_MANAGED_AR_FIELDS'\n  | 'SET_MANAGED_AR_ACL_PERMISSIONS'\n  | 'SET_BASIC_AR_FIELDS'\n\nexport function getDialogTitle(\n  step: CreateOrUpdateAccessRequirementWizardStep,\n  isEditing: boolean,\n): string {\n  switch (step) {\n    case 'SET_AR_COMMON_FIELDS':\n    case 'SET_MANAGED_AR_FIELDS':\n    case 'SET_BASIC_AR_FIELDS':\n      return `${isEditing ? 'Edit' : 'Create'} Access Requirement`\n    case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n      return 'Access Requirement Permissions'\n  }\n}\n\nexport function isLastStep(\n  step: CreateOrUpdateAccessRequirementWizardStep,\n): boolean {\n  switch (step) {\n    case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n    case 'SET_BASIC_AR_FIELDS':\n      return true\n  }\n  return false\n}\n"],"mappings":";AAMA,SAAgB,EACd,GACA,GACQ;CACR,QAAQ,GAAR;EACE,KAAK;EACL,KAAK;EACL,KAAK,uBACH,OAAO,GAAG,IAAY,SAAS,SAAS;EAC1C,KAAK,kCACH,OAAO;CACX;AACF;AAEA,SAAgB,EACd,GACS;CACT,QAAQ,GAAR;EACE,KAAK;EACL,KAAK,uBACH,OAAO;CACX;CACA,OAAO;AACT"}

package/dist/components/CreateProjectModal/CreateProjectModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateProjectModal.js","names":[],"sources":["../../../src/components/CreateProjectModal/CreateProjectModal.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Alert, Stack } from '@mui/material'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport { KeyboardEvent, useState } from 'react'\nimport { useMutation } from '@tanstack/react-query'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport TextField from '../TextField/TextField'\nimport {\n  ProjectVisibility,\n  ProjectVisibilityRadioGroup,\n} from './ProjectVisibilityRadioGroup'\n\nexport type CreateProjectModalProps = {\n  isShowingModal?: boolean\n  onClose: () => void\n  gotoPlace?: (href: string) => void\n}\n\nexport function CreateProjectModal({\n  isShowingModal = false,\n  onClose,\n  gotoPlace,\n}: CreateProjectModalProps) {\n  const { accessToken } = useSynapseContext()\n  const [projectName, setProjectName] = useState<string>('')\n  const [description, setDescription] = useState<string>('')\n  const [visibility, setVisibility] =\n    useState<ProjectVisibility>('DISCOVERABLE')\n\n  const { data: realmPrincipals } = useGetRealmPrincipals()\n  const publicGroupId = realmPrincipals?.publicGroup\n  const authenticatedUsersId = realmPrincipals?.authenticatedUsers\n\n  const applyVisibilityAcl = async (projectId: string): Promise<void> => {\n    if (visibility === 'PRIVATE') {\n      return\n    }\n    try {\n      const currentAcl = await SynapseClient.getEntityACL(\n        projectId,\n        accessToken,\n      )\n\n      const upsertAccessTypes = (\n        entries: typeof currentAcl.resourceAccess,\n        principalId: number,\n        accessTypes: ACCESS_TYPE[],\n      ): typeof currentAcl.resourceAccess => {\n        const existing = entries.find(e => e.principalId === principalId)\n        if (existing) {\n          return entries.map(e =>\n            e.principalId === principalId\n              ? {\n                  ...e,\n                  accessType: [...new Set([...e.accessType, ...accessTypes])],\n                }\n              : e,\n          )\n        }\n        return [...entries, { principalId, accessType: accessTypes }]\n      }\n\n      let newResourceAccess = [...currentAcl.resourceAccess]\n\n      if (visibility === 'DISCOVERABLE') {\n        if (publicGroupId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(publicGroupId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n        if (authenticatedUsersId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(authenticatedUsersId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n      } else if (visibility === 'PUBLIC') {\n        if (publicGroupId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(publicGroupId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n        if (authenticatedUsersId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(authenticatedUsersId),\n            [ACCESS_TYPE.READ, ACCESS_TYPE.DOWNLOAD],\n          )\n        }\n      }\n\n      await SynapseClient.updateEntityACL(\n        { ...currentAcl, resourceAccess: newResourceAccess },\n        accessToken,\n      )\n    } catch (e) {\n      const err = e as SynapseClientError\n      throw new Error(\n        `Project was created, but visibility could not be set: ${\n          err.reason ?? err.message\n        }`,\n      )\n    }\n  }\n\n  const createProjectMutation = useMutation({\n    mutationFn: async () => {\n      const newProject = await SynapseClient.createProject(\n        projectName,\n        description,\n        accessToken,\n      )\n      let aclError: string | undefined\n      try {\n        await applyVisibilityAcl(newProject.id!)\n      } catch (e) {\n        aclError = (e as Error).message\n      }\n      return { newProject, aclError }\n    },\n    onError: error => {\n      const synapseError = error as SynapseClientError\n      displayToast(synapseError.reason ?? error.message, 'danger')\n    },\n    onSuccess: ({ newProject, aclError }) => {\n      // Note - Do NOT call createProjectMutation.reset() here — in TanStack Query v5,\n      // reset() inside onSuccess interrupts the rest of this callback.\n      // Note 2 - displayToast is not shown in Storybook (with the window.location.href change), but works when\n      // integrated in the Synapse.org app.\n      if (aclError) {\n        displayToast(aclError, 'danger')\n      } else {\n        displayToast('Project created', 'success')\n      }\n      setProjectName('')\n      setDescription('')\n      setVisibility('DISCOVERABLE')\n      onClose()\n      const href = `/Synapse:${newProject.id}`\n      if (gotoPlace) {\n        gotoPlace(href)\n      } else {\n        window.location.href = href\n      }\n    },\n  })\n\n  const hide = () => {\n    setProjectName('')\n    setDescription('')\n    setVisibility('DISCOVERABLE')\n    createProjectMutation.reset()\n    onClose()\n  }\n\n  const dialogContent = (\n    <Stack gap={2}>\n      <TextField\n        id=\"projectInput\"\n        label=\"Project Name\"\n        required\n        description=\"Pick a unique title for your project\"\n        value={projectName}\n        fullWidth\n        onChange={event => {\n          setProjectName(event.target.value)\n        }}\n        slotProps={{\n          htmlInput: {\n            onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => {\n              if (event.key === 'Enter') {\n                if (projectName !== '') {\n                  createProjectMutation.mutate()\n                }\n              }\n            },\n          },\n        }}\n      />\n      <TextField\n        id=\"descriptionInput\"\n        label=\"Description\"\n        description=\"(optional)\"\n        placeholder=\"Brief description of this project\"\n        multiline\n        minRows={3}\n        value={description}\n        fullWidth\n        maxCharacterCount={350}\n        onChange={event => {\n          setDescription(event.target.value)\n        }}\n      />\n      <ProjectVisibilityRadioGroup\n        value={visibility}\n        onChange={setVisibility}\n      />\n      <Alert severity=\"warning\">\n        You can update project visibility at any time in Project Tools, or\n        manage access at a more granular level for individual files and folders.\n      </Alert>\n    </Stack>\n  )\n\n  return (\n    <>\n      <ConfirmationDialog\n        open={isShowingModal}\n        title=\"Create a new Project\"\n        content={dialogContent}\n        confirmButtonProps={{\n          children: 'Save',\n          disabled: createProjectMutation.isPending,\n          loading: createProjectMutation.isPending,\n        }}\n        onConfirm={() => {\n          createProjectMutation.mutate()\n        }}\n        onCancel={hide}\n        maxWidth=\"sm\"\n        dense\n      />\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateProjectModal.js","names":[],"sources":["../../../src/components/CreateProjectModal/CreateProjectModal.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Alert, Stack } from '@mui/material'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport { KeyboardEvent, useState } from 'react'\nimport { useMutation } from '@tanstack/react-query'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport TextField from '../TextField/TextField'\nimport {\n  ProjectVisibility,\n  ProjectVisibilityRadioGroup,\n} from './ProjectVisibilityRadioGroup'\n\nexport type CreateProjectModalProps = {\n  isShowingModal?: boolean\n  onClose: () => void\n  gotoPlace?: (href: string) => void\n}\n\nexport function CreateProjectModal({\n  isShowingModal = false,\n  onClose,\n  gotoPlace,\n}: CreateProjectModalProps) {\n  const { accessToken } = useSynapseContext()\n  const [projectName, setProjectName] = useState<string>('')\n  const [description, setDescription] = useState<string>('')\n  const [visibility, setVisibility] =\n    useState<ProjectVisibility>('DISCOVERABLE')\n\n  const { data: realmPrincipals } = useGetRealmPrincipals()\n  const publicGroupId = realmPrincipals?.publicGroup\n  const authenticatedUsersId = realmPrincipals?.authenticatedUsers\n\n  const applyVisibilityAcl = async (projectId: string): Promise<void> => {\n    if (visibility === 'PRIVATE') {\n      return\n    }\n    try {\n      const currentAcl = await SynapseClient.getEntityACL(\n        projectId,\n        accessToken,\n      )\n\n      const upsertAccessTypes = (\n        entries: typeof currentAcl.resourceAccess,\n        principalId: number,\n        accessTypes: ACCESS_TYPE[],\n      ): typeof currentAcl.resourceAccess => {\n        const existing = entries.find(e => e.principalId === principalId)\n        if (existing) {\n          return entries.map(e =>\n            e.principalId === principalId\n              ? {\n                  ...e,\n                  accessType: [...new Set([...e.accessType, ...accessTypes])],\n                }\n              : e,\n          )\n        }\n        return [...entries, { principalId, accessType: accessTypes }]\n      }\n\n      let newResourceAccess = [...currentAcl.resourceAccess]\n\n      if (visibility === 'DISCOVERABLE') {\n        if (publicGroupId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(publicGroupId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n        if (authenticatedUsersId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(authenticatedUsersId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n      } else if (visibility === 'PUBLIC') {\n        if (publicGroupId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(publicGroupId),\n            [ACCESS_TYPE.READ],\n          )\n        }\n        if (authenticatedUsersId) {\n          newResourceAccess = upsertAccessTypes(\n            newResourceAccess,\n            Number(authenticatedUsersId),\n            [ACCESS_TYPE.READ, ACCESS_TYPE.DOWNLOAD],\n          )\n        }\n      }\n\n      await SynapseClient.updateEntityACL(\n        { ...currentAcl, resourceAccess: newResourceAccess },\n        accessToken,\n      )\n    } catch (e) {\n      const err = e as SynapseClientError\n      throw new Error(\n        `Project was created, but visibility could not be set: ${\n          err.reason ?? err.message\n        }`,\n      )\n    }\n  }\n\n  const createProjectMutation = useMutation({\n    mutationFn: async () => {\n      const newProject = await SynapseClient.createProject(\n        projectName,\n        description,\n        accessToken,\n      )\n      let aclError: string | undefined\n      try {\n        await applyVisibilityAcl(newProject.id!)\n      } catch (e) {\n        aclError = (e as Error).message\n      }\n      return { newProject, aclError }\n    },\n    onError: error => {\n      const synapseError = error as SynapseClientError\n      displayToast(synapseError.reason ?? error.message, 'danger')\n    },\n    onSuccess: ({ newProject, aclError }) => {\n      // Note - Do NOT call createProjectMutation.reset() here — in TanStack Query v5,\n      // reset() inside onSuccess interrupts the rest of this callback.\n      // Note 2 - displayToast is not shown in Storybook (with the window.location.href change), but works when\n      // integrated in the Synapse.org app.\n      if (aclError) {\n        displayToast(aclError, 'danger')\n      } else {\n        displayToast('Project created', 'success')\n      }\n      setProjectName('')\n      setDescription('')\n      setVisibility('DISCOVERABLE')\n      onClose()\n      const href = `/Synapse:${newProject.id}`\n      if (gotoPlace) {\n        gotoPlace(href)\n      } else {\n        window.location.href = href\n      }\n    },\n  })\n\n  const hide = () => {\n    setProjectName('')\n    setDescription('')\n    setVisibility('DISCOVERABLE')\n    createProjectMutation.reset()\n    onClose()\n  }\n\n  const dialogContent = (\n    <Stack gap={2}>\n      <TextField\n        id=\"projectInput\"\n        label=\"Project Name\"\n        required\n        description=\"Pick a unique title for your project\"\n        value={projectName}\n        fullWidth\n        onChange={event => {\n          setProjectName(event.target.value)\n        }}\n        slotProps={{\n          htmlInput: {\n            onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => {\n              if (event.key === 'Enter') {\n                if (projectName !== '') {\n                  createProjectMutation.mutate()\n                }\n              }\n            },\n          },\n        }}\n      />\n      <TextField\n        id=\"descriptionInput\"\n        label=\"Description\"\n        description=\"(optional)\"\n        placeholder=\"Brief description of this project\"\n        multiline\n        minRows={3}\n        value={description}\n        fullWidth\n        maxCharacterCount={350}\n        onChange={event => {\n          setDescription(event.target.value)\n        }}\n      />\n      <ProjectVisibilityRadioGroup\n        value={visibility}\n        onChange={setVisibility}\n      />\n      <Alert severity=\"warning\">\n        You can update project visibility at any time in Project Tools, or\n        manage access at a more granular level for individual files and folders.\n      </Alert>\n    </Stack>\n  )\n\n  return (\n    <>\n      <ConfirmationDialog\n        open={isShowingModal}\n        title=\"Create a new Project\"\n        content={dialogContent}\n        confirmButtonProps={{\n          children: 'Save',\n          disabled: createProjectMutation.isPending,\n          loading: createProjectMutation.isPending,\n        }}\n        onConfirm={() => {\n          createProjectMutation.mutate()\n        }}\n        onCancel={hide}\n        maxWidth=\"sm\"\n        dense\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAsBA,SAAgB,EAAmB,EACjC,oBAAiB,IACjB,YACA,gBAC0B;CAC1B,IAAM,EAAE,mBAAgB,EAAkB,GACpC,CAAC,GAAa,KAAkB,EAAiB,EAAE,GACnD,CAAC,GAAa,KAAkB,EAAiB,EAAE,GACnD,CAAC,GAAY,KACjB,EAA4B,cAAc,GAEtC,EAAE,MAAM,MAAoB,EAAsB,GAClD,IAAgB,GAAiB,aACjC,IAAuB,GAAiB,oBAExC,IAAqB,OAAO,MAAqC;EACjE,UAAe,WAGnB,IAAI;GACF,IAAM,IAAa,MAAM,EAAc,aACrC,GACA,CACF,GAEM,KACJ,GACA,GACA,MAEiB,EAAQ,MAAK,MAAK,EAAE,gBAAgB,CACjD,IACK,EAAQ,KAAI,MACjB,EAAE,gBAAgB,IACd;IACE,GAAG;IACH,YAAY,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,YAAY,GAAG,CAAW,CAAC,CAAC;GAC5D,IACA,CACN,IAEK,CAAC,GAAG,GAAS;IAAE;IAAa,YAAY;GAAY,CAAC,GAG1D,IAAoB,CAAC,GAAG,EAAW,cAAc;GAkCrD,AAhCI,MAAe,kBACb,MACF,IAAoB,EAClB,GACA,OAAO,CAAa,GACpB,CAAC,EAAY,IAAI,CACnB,IAEE,MACF,IAAoB,EAClB,GACA,OAAO,CAAoB,GAC3B,CAAC,EAAY,IAAI,CACnB,MAEO,MAAe,aACpB,MACF,IAAoB,EAClB,GACA,OAAO,CAAa,GACpB,CAAC,EAAY,IAAI,CACnB,IAEE,MACF,IAAoB,EAClB,GACA,OAAO,CAAoB,GAC3B,CAAC,EAAY,MAAM,EAAY,QAAQ,CACzC,KAIJ,MAAM,EAAc,gBAClB;IAAE,GAAG;IAAY,gBAAgB;GAAkB,GACnD,CACF;EACF,SAAS,GAAG;GACV,IAAM,IAAM;GACZ,MAAU,MACR,yDACE,EAAI,UAAU,EAAI,SAEtB;EACF;CACF,GAEM,IAAwB,EAAY;EACxC,YAAY,YAAY;GACtB,IAAM,IAAa,MAAM,EAAc,cACrC,GACA,GACA,CACF,GACI;GACJ,IAAI;IACF,MAAM,EAAmB,EAAW,EAAG;GACzC,SAAS,GAAG;IACV,IAAY,EAAY;GAC1B;GACA,OAAO;IAAE;IAAY;GAAS;EAChC;EACA,UAAS,MAAS;GAEhB,EAAa,EAAa,UAAU,EAAM,SAAS,QAAQ;EAC7D;EACA,YAAY,EAAE,eAAY,kBAAe;GAavC,AARI,IACF,EAAa,GAAU,QAAQ,IAE/B,EAAa,mBAAmB,SAAS,GAE3C,EAAe,EAAE,GACjB,EAAe,EAAE,GACjB,EAAc,cAAc,GAC5B,EAAQ;GACR,IAAM,IAAO,YAAY,EAAW;GACpC,AAAI,IACF,EAAU,CAAI,IAEd,OAAO,SAAS,OAAO;EAE3B;CACF,CAAC;CA2DD,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,MAAM;EACN,OAAM;EACN,SArDJ,kBAAC,GAAD;GAAO,KAAK;aAAZ;IACE,kBAAC,GAAD;KACE,IAAG;KACH,OAAM;KACN,UAAA;KACA,aAAY;KACZ,OAAO;KACP,WAAA;KACA,WAAU,MAAS;MACjB,EAAe,EAAM,OAAO,KAAK;KACnC;KACA,WAAW,EACT,WAAW,EACT,YAAY,MAA2C;MACrD,AAAI,EAAM,QAAQ,WACZ,MAAgB,MAClB,EAAsB,OAAO;KAGnC,EACF,EACF;IACD,CAAA;IACD,kBAAC,GAAD;KACE,IAAG;KACH,OAAM;KACN,aAAY;KACZ,aAAY;KACZ,WAAA;KACA,SAAS;KACT,OAAO;KACP,WAAA;KACA,mBAAmB;KACnB,WAAU,MAAS;MACjB,EAAe,EAAM,OAAO,KAAK;KACnC;IACD,CAAA;IACD,kBAAC,GAAD;KACE,OAAO;KACP,UAAU;IACX,CAAA;IACD,kBAAC,GAAD;KAAO,UAAS;eAAU;IAGnB,CAAA;GACF;GAQM;EACT,oBAAoB;GAClB,UAAU;GACV,UAAU,EAAsB;GAChC,SAAS,EAAsB;EACjC;EACA,iBAAiB;GACf,EAAsB,OAAO;EAC/B;EACA,gBAvEa;GAKjB,AAJA,EAAe,EAAE,GACjB,EAAe,EAAE,GACjB,EAAc,cAAc,GAC5B,EAAsB,MAAM,GAC5B,EAAQ;EACV;EAkEM,UAAS;EACT,OAAA;CACD,CAAA,EACD,CAAA;AAEN"}