{"version":3,"file":"static/chunks/4538-596614845095bc44.js","mappings":"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","sources":["webpack://_N_E/./src/svg/Check.svg","webpack://_N_E/./src/svg/Close.svg","webpack://_N_E/./src/components/Checkbox/Checkbox.tsx","webpack://_N_E/./src/components/Input/PhoneInput.tsx","webpack://_N_E/./src/components/onboarding/form/steps/styles.tsx","webpack://_N_E/./src/lib/utils/methods.tsx","webpack://_N_E/./src/pages/Accounts/MyAccount/ChangePasswordModal/index.tsx"],"sourcesContent":["export default {\"src\":\"/_next/static/media/Check.a878a29e.svg\",\"height\":24,\"width\":24};","export default {\"src\":\"/_next/static/media/Close.c48f701e.svg\",\"height\":24,\"width\":24};","import { Checkbox as AntCheckbox } from 'antd';\nimport styled from 'styled-components';\n\nconst Checkbox = styled(AntCheckbox)`\n  .ant-checkbox-inner {\n    transform: scale(1.125);\n  }\n`;\n\nexport { Checkbox };\n","import { InputProps } from 'antd';\n\nimport { formattedNumber } from '@lib/utils/stringHelper';\n\nimport { CustomInputProps } from './customInputProps.type';\nimport { Input } from './Input';\n\ntype Props = InputProps & CustomInputProps;\n\nexport const PhoneInput = ({ value, ...otherProps }: Props): JSX.Element => {\n  return <Input {...otherProps} value={formattedNumber(value)} type='tel' />;\n};\n","import type { SelectProps } from 'antd';\nimport { Form, Select } from 'antd';\nimport styled from 'styled-components';\n\nimport { LoadingOutlined } from '@ant-design/icons';\nimport { Button } from '@components/Button';\nimport { Checkbox } from '@components/Checkbox';\nimport { Input } from '@components/Input';\nimport { PhoneInput } from '@components/Input/PhoneInput';\nimport { Label } from '@components/Label';\n\nexport const StyledSubmitButton = styled(Button)`\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  margin-top: 24px;\n  margin-bottom: 16px;\n`;\n\nexport const CustomLogout = styled.span`\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n`;\n\nexport const StyledFormItem = styled(Form.Item)`\n  margin-bottom: 16px;\n  .ant-form-item-explain-error {\n    font-size: 12px;\n  }\n`;\n\nexport const StyledSectionTitle = styled.h2`\n  font-size: 14px;\n  font-weight: 600;\n  margin: 24px 0 16px 0;\n`;\n\ninterface CustomSelectProps extends SelectProps {\n  isMobile?: boolean;\n}\n\nexport const CustomDropdown = (props: CustomSelectProps): JSX.Element => (\n  <StyledDropdown\n    showArrow\n    isMobile={props.isMobile}\n    showSearch={false}\n    popupClassName='onboarding-dropdown'\n    {...props}\n  />\n);\n\nconst StyledDropdown = styled(Select)<{ isMobile?: boolean }>`\n  border-radius: 4px;\n\n  &.ant-select:not(.ant-select-disabled):hover .ant-select-selector {\n    border-color: ${({ theme }) => theme.palette.primary[0]} !important;\n  }\n\n  .ant-select-selector {\n    font-size: ${(props) =>\n      props.isMobile\n        ? props.theme.palette.textFontSize[4]\n        : props.theme.palette.textFontSize[7]};\n    background-color: ${({ theme }) => theme.palette.greyscale[0]} !important;\n    height: ${(props) => (props.isMobile ? '42px' : '35px')} !important;\n    align-items: center;\n  }\n  .ant-select-selection-item {\n    display: flex;\n    align-items: center;\n    overflow: auto;\n\n    height: ${(props) => (props.isMobile ? '32px' : 'unset')};\n    padding: 0 ${(props) => (props.isMobile ? '8px' : '6px')};\n  }\n  &.ant-select-disabled .ant-select-selector {\n    color: #202020 !important;\n  }\n`;\n\nexport const InputGroup = styled.div`\n  display: flex;\n  gap: 16px;\n\n  & > * {\n    flex: 1;\n  }\n`;\n\nexport const StyledCheckbox = styled(Checkbox)`\n  font-size: 12px !important;\n  margin-bottom: 24px;\n`;\n\nexport const ErrorMessage = styled.div`\n  color: ${({ theme }) => theme.palette.error[0]};\n`;\n\nexport const HelpText = styled.div`\n  font-weight: 400;\n  font-size: 12px;\n  margin-top: -8px;\n  margin-bottom: 10px;\n`;\n\ntype CenteredLoaderProps = {\n  className?: string;\n};\nexport const CenteredLoader = ({\n  className,\n}: CenteredLoaderProps): JSX.Element => (\n  <div\n    className={className}\n    style={{ display: 'flex', justifyContent: 'center' }}\n  >\n    <LoadingOutlined></LoadingOutlined>\n  </div>\n);\n\nconst labelStyle = {\n  fontWeight: 600,\n  fontSize: 12,\n  marginBottom: 8,\n};\n\nconst inputLabelStyle = (props) => ({\n  ...labelStyle,\n  ...props.labelStyle,\n});\n\nexport const CustomLabel: typeof Label = (props) => (\n  <Label {...props} style={{ ...labelStyle, ...props.style }} />\n);\nexport const CustomLabelMobile: typeof Label = (props) => (\n  <Label {...props} style={{ ...labelStyle, ...props.style, fontSize: 16 }} />\n);\nexport const CustomInput: typeof Input = (props) => (\n  <Input {...props} labelStyle={inputLabelStyle(props)} autoComplete='off' />\n);\nexport const CustomInputMobile: typeof Input = (props) => (\n  <Input\n    {...props}\n    style={{ fontSize: 16, height: 45 }}\n    labelStyle={inputLabelStyle(props)}\n    autoComplete='off'\n  />\n);\n\nexport const CustomPhoneInput: typeof PhoneInput = (props) => (\n  <PhoneInput {...props} labelStyle={inputLabelStyle(props)} />\n);\n","import { message } from 'antd';\n\nimport { IUserAttributes } from '@lib/types/authUser.types';\n\nimport { US_ETHNICITY_MAP } from './constants';\n\n// legacy - unmodified\nexport const validatePassword = (\n  password: string,\n  additionalChecks: { label: string; value: string }[] = [],\n  badPasswords?: {\n    [password: string]: boolean | { label: string; value: string };\n  }\n): boolean | { label: string; value: string } => {\n  password = password.toLowerCase().trim();\n\n  const BAD_PASSWORD_MAP = Object.assign({}, badPasswords);\n  const pieces = [];\n\n  let BAD_PASSWORD = null;\n\n  for (const addtlValue of additionalChecks) {\n    addtlValue.value = addtlValue.value?.toLowerCase().trim();\n    if (addtlValue.value) {\n      BAD_PASSWORD_MAP[addtlValue?.value] = addtlValue;\n      pieces.push(addtlValue);\n\n      const adjusted_value = addtlValue?.value?.replace(/\\W/gi, '-');\n      const splitValue = adjusted_value ? adjusted_value.split('-') : [];\n      for (const sect of splitValue) {\n        BAD_PASSWORD_MAP[sect] = addtlValue;\n        BAD_PASSWORD_MAP[sect?.replace(/\\d/gi, '')] = addtlValue;\n        if (sect.length > 2) {\n          pieces.push({ ...addtlValue, value: sect });\n        }\n        if (sect?.replace(/\\d/gi, '').length > 2) {\n          pieces.push({ ...addtlValue, value: sect?.replace(/\\d/gi, '') });\n        }\n      }\n    }\n  }\n\n  const passwordPieces = password?.replace(/\\d/gi, '-')?.split('-');\n  passwordPieces?.forEach((piece) => {\n    const foundPiece = pieces.find(\n      (subPiece) =>\n        subPiece.value.trim().toLowerCase() == piece.trim().toLowerCase() ||\n        piece.includes(subPiece.value.trim().toLowerCase())\n    );\n    if (foundPiece) {\n      BAD_PASSWORD = foundPiece;\n    }\n  });\n\n  const ADJ_PW = password?.replace(/\\d/gi, '')?.replace(/\\W/gi, '');\n\n  if (BAD_PASSWORD_MAP[password]) {\n    BAD_PASSWORD = BAD_PASSWORD_MAP[password];\n  }\n\n  if (BAD_PASSWORD_MAP[ADJ_PW]) {\n    BAD_PASSWORD = BAD_PASSWORD_MAP[ADJ_PW];\n  }\n\n  return BAD_PASSWORD;\n};\n\nexport const displayError = (ish: string): void => {\n  message.error(ish.replace(/[\\S]* failed with error/, ''), 3);\n};\n\nexport const getAttributesFromURL = (url: string): IUserAttributes => {\n  const queryString = url?.split('?')[1];\n  const params = queryString?.split('&');\n  return params?.reduce((prev, param) => {\n    const [key, value] = param?.split('=');\n    prev[key] = decodeURIComponent(value);\n    return prev;\n  }, {});\n};\n\n// stricter than parseInt()\nexport const parseNumericString = (input: string) => {\n  // use parseInt with radix 10 to ensure decimal numbers are parsed correctly\n  const parsedValue = parseInt(input, 10);\n\n  // check if the entire string consists of numerical characters\n  if (!isNaN(parsedValue) && String(parsedValue) === input) {\n    return parsedValue;\n  } else {\n    return NaN;\n  }\n};\n\nexport const getStatus = (\n  status: string | null,\n  statuses: {\n    text: string;\n    abbrev: string;\n    value: string;\n    ukText?: string;\n    ukAbbrev?: string;\n  }[],\n  isAbbrev: boolean,\n  isUk = false\n): string => {\n  const { abbrev, ukAbbrev } = statuses.find(\n    ({ value }) => value === status\n  ) || {\n    abbrev: '',\n  };\n  const { text, ukText } = statuses.find(({ value }) => value === status) || {\n    text: '',\n  };\n\n  const finalAbbrev = isUk && ukAbbrev ? ukAbbrev : abbrev;\n  const finalText = isUk && ukText ? ukText : text;\n  return isAbbrev ? finalAbbrev : finalText;\n};\n\n\nexport const formatEthnicityString = (ethnicity?: string) => {\n  if(!ethnicity || typeof ethnicity !== \"string\") return \"\";\n  \n  return US_ETHNICITY_MAP[ethnicity] || ethnicity;\n}","import { useEffect, useState } from 'react';\nimport { Button, message, Modal } from 'antd';\nimport { Auth } from 'aws-amplify';\nimport { useSelector } from 'react-redux';\nimport styled from 'styled-components';\n\nimport { PasswordInput } from '@components/Input';\nimport { ErrorMessage } from '@components/onboarding/form/steps/styles';\nimport { RootState } from '@lib/redux.lib/store';\nimport { displayError } from '@lib/utils/methods';\n\nimport CheckIcon from '../../../../svg/Check.svg';\nimport CloseIcon from '../../../../svg/Close.svg';\nimport { UsersCommandApi } from '@lib/api/endpoints/users';\n\nconst ChangePasswordModal = ({\n  isModalVisiblePassword,\n  setIsModalVisiblePassword,\n}) => {\n  const userData = useSelector((state: RootState) => state.app.user.profile);\n  const userprofileInfo = useSelector(\n    (state: RootState) => state.app.user?.IUserInfoDAO\n  );\n  const [newPassword, setNewPassword] = useState('');\n  const [oldPassword, setOldPassword] = useState('');\n  const [confirmPassword, setConfirmPassword] = useState('');\n  const [isPasswordValid, setIsPasswordValid] = useState(false);\n\n  const validatePassword = (password: string): boolean => {\n    const hasUppercase = /[A-Z]/.test(password);\n    const hasLowercase = /[a-z]/.test(password);\n    const hasNumber = /[0-9]/.test(password);\n    const hasValidLength = password.length >= 8;\n\n    const isPartOfNameOrEmail =\n      password.toLowerCase().indexOf(userData?.first_name.toLowerCase()) !==\n        -1 ||\n      password.toLowerCase().indexOf(userData?.last_name.toLowerCase()) !==\n        -1 ||\n      password.toLowerCase().indexOf(userprofileInfo?.email.toLowerCase()) !==\n        -1;\n\n    return (\n      hasUppercase &&\n      hasLowercase &&\n      hasNumber &&\n      hasValidLength &&\n      // !isCommonPassword &&\n      !isPartOfNameOrEmail\n    );\n  };\n\n  useEffect(() => {\n    setIsPasswordValid(validatePassword(newPassword));\n  }, [newPassword]);\n\n  const [confirmPasswordError, setConfirmPasswordError] = useState('');\n\n  const handleChangePassword = async () => {\n    // console.log('oldPassword', oldPassword);\n    // console.log('newPassword', newPassword);\n    // console.log('confirmPassword', confirmPassword);\n    if (newPassword !== confirmPassword) {\n      setConfirmPasswordError('Confirm Password does not match!!');\n    } else {\n      try {\n        const user = await Auth.currentAuthenticatedUser();\n        // console.log(\"user:\",user, \"oldPassword:\",oldPassword, \"newPassword:\", newPassword)\n        const data = await Auth.changePassword(user, oldPassword, newPassword);\n        const sendEmailResponse = await UsersCommandApi.sendEmail(\n          userData.email,\n          'reset_password_success',\n          window.location.host\n        );\n        // console.log(data);\n        handleModalClose();\n        message.success('Password Changed Successfully');\n      } catch (err) {\n        handleModalClose();\n        displayError(err?.message);\n        // console.log(err);\n      }\n    }\n    setNewPassword('');\n    setConfirmPassword('');\n    setConfirmPasswordError('');\n  };\n\n  const handleModalClose = () => {\n    setIsModalVisiblePassword(false);\n  };\n\n  return (\n    <Modal\n      visible={isModalVisiblePassword}\n      onCancel={handleModalClose}\n      footer={[\n        <ModalButton key='cancel' onClick={handleModalClose}>\n          Cancel\n        </ModalButton>,\n        <ModalButton key='change' type='primary' onClick={handleChangePassword}>\n          Change Password\n        </ModalButton>,\n      ]}\n    >\n      <ModalTitle>Change Password</ModalTitle>\n      <ModalBodyPassword>\n        <Label>Old Password</Label>\n        <InputContainerModal>\n          <PasswordInput\n            name='oldPassword'\n            placeholder='******'\n            value={oldPassword}\n            onChange={(event) => {\n              setOldPassword(event.target.value);\n              setConfirmPasswordError('');\n            }}\n          />\n        </InputContainerModal>\n        <Label>New Password</Label>\n        <InputContainerModal>\n          <PasswordInput\n            name='newPassword'\n            placeholder='******'\n            value={newPassword}\n            onChange={(event) => {\n              setNewPassword(event.target.value);\n              setConfirmPasswordError('');\n            }}\n          />\n        </InputContainerModal>\n        <Label>Confirm New Password</Label>\n        <InputContainerModal>\n          <PasswordInput\n            name='confirmPassword'\n            placeholder='******'\n            value={confirmPassword}\n            onChange={(event) => {\n              setConfirmPassword(event.target.value);\n              setConfirmPasswordError('');\n            }}\n          />\n        </InputContainerModal>\n        {confirmPasswordError && (\n          <ErrorMessage>{confirmPasswordError}</ErrorMessage>\n        )}\n        <ValidationContainer>\n          <ValidationItem valid={newPassword.length >= 8}>\n            {newPassword.length >= 8 ? (\n              <img\n                src={CheckIcon.src}\n                alt='Check Icon'\n                style={{ height: '24px' }}\n              />\n            ) : (\n              <img\n                src={CloseIcon.src}\n                alt='Close Icon'\n                style={{ height: '24px' }}\n              />\n            )}\n            <span>8 characters minimum</span>\n          </ValidationItem>\n          <ValidationItem valid={/[A-Z]/.test(newPassword)}>\n            {/[A-Z]/.test(newPassword) ? (\n              <img\n                src={CheckIcon.src}\n                alt='Check Icon'\n                style={{ height: '24px' }}\n              />\n            ) : (\n              <img\n                src={CloseIcon.src}\n                alt='Close Icon'\n                style={{ height: '24px' }}\n              />\n            )}\n            <span>One uppercase letter</span>\n          </ValidationItem>\n          <ValidationItem valid={/[a-z]/.test(newPassword)}>\n            {/[a-z]/.test(newPassword) ? (\n              <img\n                src={CheckIcon.src}\n                alt='Check Icon'\n                style={{ height: '24px' }}\n              />\n            ) : (\n              <img\n                src={CloseIcon.src}\n                alt='Close Icon'\n                style={{ height: '24px' }}\n              />\n            )}\n            <span>One lowercase letter</span>\n          </ValidationItem>\n          <ValidationItem valid={/[0-9]/.test(newPassword)}>\n            {/[0-9]/.test(newPassword) ? (\n              <img\n                src={CheckIcon.src}\n                alt='Check Icon'\n                style={{ height: '24px' }}\n              />\n            ) : (\n              <img\n                src={CloseIcon.src}\n                alt='Close Icon'\n                style={{ height: '24px' }}\n              />\n            )}\n            <span>One number</span>\n          </ValidationItem>\n          <ValidationItem\n            valid={\n              newPassword &&\n              newPassword\n                .toLowerCase()\n                .indexOf(userData?.first_name.toLowerCase()) === -1 &&\n              newPassword\n                .toLowerCase()\n                .indexOf(userData?.last_name.toLowerCase()) === -1 &&\n              newPassword\n                .toLowerCase()\n                .indexOf(userprofileInfo?.email.toLowerCase()) === -1\n            }\n          >\n            {newPassword &&\n            newPassword\n              .toLowerCase()\n              .indexOf(userData?.first_name.toLowerCase()) === -1 &&\n            newPassword\n              .toLowerCase()\n              .indexOf(userData?.last_name.toLowerCase()) === -1 &&\n            newPassword\n              .toLowerCase()\n              .indexOf(userprofileInfo?.email.toLowerCase()) === -1 ? (\n              <img\n                src={CheckIcon.src}\n                alt='Check Icon'\n                style={{ height: '24px' }}\n              />\n            ) : (\n              <img\n                src={CloseIcon.src}\n                alt='Close Icon'\n                style={{ height: '24px' }}\n              />\n            )}\n            <span>Does not include parts of name or email</span>\n          </ValidationItem>\n          <ValidationItem valid={isPasswordValid}>\n            {isPasswordValid ? (\n              <img\n                src={CheckIcon.src}\n                alt='Check Icon'\n                style={{ height: '24px' }}\n              />\n            ) : (\n              <img\n                src={CloseIcon.src}\n                alt='Close Icon'\n                style={{ height: '24px' }}\n              />\n            )}\n            <span>Not a commonly used password (e.g. Password123)</span>\n          </ValidationItem>\n        </ValidationContainer>\n      </ModalBodyPassword>\n    </Modal>\n  );\n};\n\nexport default ChangePasswordModal;\nconst Label = styled.label`\n  font-weight: 600;\n  font-size: 12px;\n`;\n\nconst InputContainer = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 10px;\n  width:380px;\n  @media (max-width: 576px) {\n    width:100%;\n\n`;\n\nconst ModalTitle = styled.h3`\n  font-family: 'Inter';\n  font-weight: 600;\n  font-size: 17px;\n  line-height: 21px;\n  // border-bottom: 1px solid #D8D8D8;\n`;\n\nconst ModalBody = styled.div`\n  font-family: 'Inter';\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 15px;\n  margin-top: 10px;\n`;\n\nconst ValidationContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin-top: 20px;\n`;\n\nconst ValidationItem = styled.div<{ valid: boolean }>`\n  display: flex;\n  align-items: center;\n  margin-bottom: 10px;\n  font-weight: 400;\n  img {\n    margin-right: 10px;\n  }\n\n  span {\n    font-size: 12px;\n    @media (max-width: 576px) {\n      font-size: 16px;\n      font-weight: 400;\n    }\n  }\n`;\nconst ModalBodyPassword = styled(ModalBody)`\n  height: 474px;\n  margin-top: 30px;\n`;\nconst InputContainerModal = styled(InputContainer)`\n  height: 35px;\n  margin-bottom: 30px;\n`;\n\nconst ModalButton = styled(Button)`\nfont-family: 'Inter';\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 17px;\n  @media (max-width: 576px) {\n    font-size: 16px;\n    width:100%;\n    margin:2%;\n`;\n"],"names":["Checkbox","styled","AntCheckbox","PhoneInput","value","otherProps","Input","formattedNumber","type","StyledSubmitButton","Button","CustomLogout","StyledFormItem","Form","StyledSectionTitle","CustomDropdown","props","StyledDropdown","showArrow","isMobile","showSearch","popupClassName","Select","theme","palette","primary","textFontSize","greyscale","InputGroup","StyledCheckbox","ErrorMessage","error","HelpText","CenteredLoader","className","div","style","display","justifyContent","LoadingOutlined","labelStyle","fontWeight","fontSize","marginBottom","inputLabelStyle","CustomLabel","Label","CustomLabelMobile","CustomInput","autoComplete","CustomInputMobile","height","CustomPhoneInput","validatePassword","password","additionalChecks","badPasswords","toLowerCase","trim","BAD_PASSWORD_MAP","Object","assign","pieces","BAD_PASSWORD","addtlValue","push","adjusted_value","replace","splitValue","split","sect","length","passwordPieces","forEach","piece","foundPiece","find","subPiece","includes","ADJ_PW","displayError","ish","message","getAttributesFromURL","url","queryString","params","reduce","prev","param","key","decodeURIComponent","parseNumericString","input","parsedValue","parseInt","isNaN","String","NaN","getStatus","status","statuses","isAbbrev","isUk","abbrev","ukAbbrev","text","ukText","finalAbbrev","finalText","formatEthnicityString","ethnicity","US_ETHNICITY_MAP","isModalVisiblePassword","setIsModalVisiblePassword","userData","useSelector","state","app","user","profile","userprofileInfo","IUserInfoDAO","useState","newPassword","setNewPassword","oldPassword","setOldPassword","confirmPassword","setConfirmPassword","isPasswordValid","setIsPasswordValid","useEffect","hasUppercase","test","hasLowercase","hasNumber","hasValidLength","isPartOfNameOrEmail","indexOf","first_name","last_name","email","confirmPasswordError","setConfirmPasswordError","handleChangePassword","err","Auth","UsersCommandApi","window","location","host","handleModalClose","Modal","visible","onCancel","footer","ModalButton","onClick","ModalTitle","ModalBodyPassword","InputContainerModal","PasswordInput","name","placeholder","onChange","event","target","ValidationContainer","ValidationItem","valid","img","src","CheckIcon","alt","CloseIcon","span","InputContainer","ModalBody"],"sourceRoot":""}