{"version":3,"file":"PasswordErrors-IXYydBgU.js","sources":["../../src/utils/passwordValidation.ts","../../src/components/shared/PasswordPolicy/PasswordRule.tsx","../../src/components/shared/PasswordPolicy/PasswordPolicy.tsx","../../src/components/shared/PasswordField.tsx","../../src/components/shared/PasswordErrors.tsx"],"sourcesContent":["const PASSWORD_MIN_LENGTH = 8;\nconst ONE_OR_MORE_NUMBERS_REGEX = new RegExp(/\\d+/);\nconst ONE_OR_MORE_LETTERS_REGEX = new RegExp(/[a-zA-Z]+/);\n\nexport function validatePasswordLength(password: string): boolean {\n  return password.length >= PASSWORD_MIN_LENGTH;\n}\n\nexport function validatePasswordLetterAndNumber(password: string): boolean {\n  return ONE_OR_MORE_NUMBERS_REGEX.test(password) && ONE_OR_MORE_LETTERS_REGEX.test(password);\n}\n\nexport function validatePassword(password: string): boolean {\n  return validatePasswordLength(password) && validatePasswordLetterAndNumber(password);\n}\n","import { FunctionComponent, PropsWithChildren } from 'react';\nimport { Circle as CircleIcon, CheckCircle as CheckCircleIcon } from '@mui/icons-material';\nimport styled from '@emotion/styled';\nimport { blueGrey } from '@mui/material/colors';\nimport { Typography } from '@mui/material';\n\nconst StyledDiv = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst StyledTypography = styled(Typography)`\n  margin-left: 0.5rem;\n`;\n\ninterface PasswordRuleProps {\n  className?: string;\n  valid: boolean;\n}\n\nexport const PasswordRule: FunctionComponent<PropsWithChildren<PasswordRuleProps>> = ({\n  className,\n  valid,\n  children,\n}) => (\n  <StyledDiv className={className}>\n    {valid ? (\n      <CheckCircleIcon color=\"success\" fontSize=\"medium\" />\n    ) : (\n      <CircleIcon sx={{ fontSize: '0.6rem', color: blueGrey[100] }} />\n    )}\n    <StyledTypography color={valid ? 'success.main' : undefined} variant=\"body2\">\n      {children}\n    </StyledTypography>\n  </StyledDiv>\n);\n","import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';\nimport styled from '@emotion/styled';\nimport { useExtendedIntl } from 'hooks/useExtendedIntl';\nimport { validatePasswordLetterAndNumber, validatePasswordLength } from 'utils/passwordValidation';\n\nimport { PasswordRule } from './PasswordRule';\n\nimport { Typography, List, ListItem, ListItemTypeMap } from '@mui/material';\nimport { OverridableComponent } from '@mui/material/OverridableComponent';\n\nconst StyledList = styled(List)`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n`;\n\nconst StyledListItem = styled<OverridableComponent<ListItemTypeMap<{ button?: false }, 'li'>>>(ListItem)`\n  padding-left: unset;\n  padding-right: unset;\n`;\n\ninterface PasswordPolicyProps {\n  className?: string;\n  password: string;\n}\n\nexport const PasswordPolicy: FunctionComponent<PropsWithChildren<PasswordPolicyProps>> = ({ password, className }) => {\n  const { formatMessage } = useExtendedIntl();\n\n  const validLength = validatePasswordLength(password);\n  const validLettersAndNumbers = validatePasswordLetterAndNumber(password);\n\n  return (\n    <div className={className}>\n      <Typography variant=\"body2\">\n        {formatMessage({ id: 'shared.password-policy.paragraph' }, { b: (parts: ReactNode[]) => <b>{parts}</b> })}\n      </Typography>\n      <StyledList>\n        <StyledListItem>\n          <PasswordRule valid={validLength}>\n            {formatMessage({ id: 'shared.password-policy.password-rule.length' })}\n          </PasswordRule>\n        </StyledListItem>\n        <StyledListItem>\n          <PasswordRule valid={validLettersAndNumbers}>\n            {formatMessage({ id: 'shared.password-policy.password-rule.letter-and-number' })}\n          </PasswordRule>\n        </StyledListItem>\n      </StyledList>\n    </div>\n  );\n};\n","import { FunctionComponent, useState, useCallback, PropsWithChildren } from 'react';\nimport {\n  Lock as LockIcon,\n  Visibility as VisibilityIcon,\n  VisibilityOff as VisibilityOffIcon,\n} from '@mui/icons-material';\nimport { TextField, IconButton, InputAdornment, TextFieldProps } from '@mui/material';\n\ntype PasswordFieldProps = Omit<TextFieldProps, 'type'>;\n\nexport const PasswordField: FunctionComponent<PropsWithChildren<PasswordFieldProps>> = ({\n  inputProps,\n  InputProps,\n  ...rest\n}) => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  const toggleVisibility = useCallback(() => setVisible((prevState) => !prevState), []);\n  /*\n    Disclaimer:\n\n    My intentions are for parent components that call this to not pass type or adornment props.\n    The ideal solution would be to Omit those attributes from the input props, but Material-ui's\n    `TextFieldProps` type is a mess of unions. They clash and omitting doesn't work.\n    The spreads below are to guarantee that those props don't get overwritten.\n  */\n  const {\n    type: inputPropsType,\n    // using underscore to differentiate between inputProps and InputProps\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    ...remaining_inputProps\n  } = inputProps ?? {};\n\n  const {\n    type: InputPropsType,\n    startAdornment,\n    endAdornment,\n    // using underscore to differentiate between inputProps and InputProps\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    ...remaining_InputProps\n  } = InputProps ?? {};\n\n  return (\n    <TextField\n      {...rest}\n      type={visible ? 'text' : 'password'}\n      inputProps={remaining_inputProps}\n      InputProps={{\n        ...remaining_InputProps,\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <LockIcon opacity={0.6} />\n          </InputAdornment>\n        ),\n        endAdornment: (\n          <InputAdornment position=\"end\">\n            <IconButton aria-label=\"toggle password visibility\" onClick={toggleVisibility} tabIndex={-1} size=\"large\">\n              {visible ? <VisibilityOffIcon /> : <VisibilityIcon />}\n            </IconButton>\n          </InputAdornment>\n        ),\n      }}\n    />\n  );\n};\n","import { FunctionComponent, PropsWithChildren } from 'react';\nimport { GraphQLFormattedError } from 'graphql';\nimport styled from '@emotion/styled';\nimport { APIErrorCode } from 'utils/APIErrorCodes/APIErrorCode';\n\nimport { useExtendedIntl } from 'hooks/useExtendedIntl';\nimport { APIErrorCodesCatalog } from 'utils/APIErrorCodes/APIErrorCodesCatalog';\nimport { Typography } from '@mui/material';\n\nconst StyledDiv = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n`;\n\ninterface PasswordErrorsProps {\n  className?: string;\n  graphQLErrors: readonly GraphQLFormattedError[];\n}\n\nexport const PasswordErrors: FunctionComponent<PropsWithChildren<PasswordErrorsProps>> = ({\n  className,\n  graphQLErrors,\n}) => {\n  const { formatAPIErrorCode } = useExtendedIntl();\n\n  if (!graphQLErrors.length) {\n    return null;\n  }\n\n  const { PasswordTooCommon, PasswordSimilarWithUserData, PasswordEntirelyNumeric, PasswordTooShort } = APIErrorCode;\n\n  const errorsCatalog = new APIErrorCodesCatalog(graphQLErrors);\n\n  return (\n    <StyledDiv className={className}>\n      {errorsCatalog.hasErrorCode(PasswordTooShort) && (\n        <Typography color=\"error\">{formatAPIErrorCode({ errorCode: PasswordTooShort, data: {} })}</Typography>\n      )}\n      {errorsCatalog.hasErrorCode(PasswordEntirelyNumeric) && (\n        <Typography color=\"error\">{formatAPIErrorCode({ errorCode: PasswordEntirelyNumeric, data: {} })}</Typography>\n      )}\n      {errorsCatalog.hasErrorCode(PasswordTooCommon) && (\n        <Typography color=\"error\">{formatAPIErrorCode({ errorCode: PasswordTooCommon, data: {} })}</Typography>\n      )}\n      {errorsCatalog.hasErrorCode(PasswordSimilarWithUserData) && (\n        <Typography color=\"error\">\n          {formatAPIErrorCode({ errorCode: PasswordSimilarWithUserData, data: {} })}\n        </Typography>\n      )}\n    </StyledDiv>\n  );\n};\n"],"names":["PASSWORD_MIN_LENGTH","ONE_OR_MORE_NUMBERS_REGEX","ONE_OR_MORE_LETTERS_REGEX","validatePasswordLength","password","validatePasswordLetterAndNumber","validatePassword","StyledDiv","styled","StyledTypography","Typography","PasswordRule","className","valid","children","jsxs","CheckCircleIcon","jsx","CircleIcon","blueGrey","StyledList","List","StyledListItem","ListItem","PasswordPolicy","formatMessage","useExtendedIntl","validLength","validLettersAndNumbers","parts","PasswordField","inputProps","InputProps","rest","visible","setVisible","useState","toggleVisibility","useCallback","prevState","inputPropsType","remaining_inputProps","InputPropsType","startAdornment","endAdornment","remaining_InputProps","TextField","InputAdornment","LockIcon","IconButton","VisibilityOffIcon","VisibilityIcon","PasswordErrors","graphQLErrors","formatAPIErrorCode","PasswordTooCommon","PasswordSimilarWithUserData","PasswordEntirelyNumeric","PasswordTooShort","APIErrorCode","errorsCatalog","APIErrorCodesCatalog"],"mappings":"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"}