{"version":3,"file":"4914.js","mappings":"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","sources":["webpack://new_ui/./src/components/Icons/CheckIcon.js","webpack://new_ui/./src/components/Inputs/EmailInput.js"],"sourcesContent":["export default function CheckIcon() {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 14 14\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0ZM10.7127 4.65903C11.0055 4.95192 11.0055 5.4268 10.7127 5.71969L6.47001 9.96233C6.17712 10.2552 5.70224 10.2552 5.40935 9.96233L3.28803 7.84101C2.99514 7.54812 2.99514 7.07324 3.28803 6.78035C3.58092 6.48746 4.0558 6.48746 4.34869 6.78035L5.93968 8.37134L9.65199 4.65903C9.94488 4.36614 10.4198 4.36614 10.7127 4.65903Z\"\n        fill=\"#1681FF\"\n      />\n    </svg>\n  );\n}\n","import { validEmail, required, minLength, maxLength } from '../../utils/validators';\nimport { buildStringFromArray } from '../../utils/strings';\nimport CheckIcon from '../Icons/CheckIcon';\nimport { useState } from \"react\";\n\nexport const InitialEmailState = {\n  value: '',\n  validators: []\n};\n\nexport default function EmailInput(props) {\n  const [focused, setFocus] = useState(false);\n\n  const handleEmailChange = async (event) => {\n    event.persist();\n    const value = event.target.value;\n    if (validEmail(value) && props.setEmail) {\n      props.setEmail({\n        value: value,\n        validators: getInputValidators(value)\n      });\n    }\n  };\n\n  const getInputValidators = (value) => {\n    const validators = [];\n\n    if (props.validEmail) {\n      validators.push(validEmail(value));\n    }\n\n    if (props.isRequired) {\n      validators.push(required(value));\n    }\n    if (props.minLength) {\n      validators.push(minLength(value, props.minLength));\n    }\n    if (props.maxLength) {\n      validators.push(maxLength(value, props.maxLength));\n    }\n    return validators;\n  };\n\n  const errorMessages = buildStringFromArray(props.email.validators);\n\n  const getErrorStyles = () => {\n    if (errorMessages.length > 0) {\n      return '!border-[#BA1A1A] text-[#BA1A1A]';\n    }\n    return 'text-white';\n  };\n\n  const errors = errorMessages.map((message, index) => {\n    return <div key={index}>{`• ${message}`}</div>;\n  });\n  const onBlur = (e) => {\n    setFocus(false);\n    if (props?.onBlur) {\n      props?.onBlur(e);\n    }\n  };\n  return (\n    <div className=\"flex flex-col items-start w-full\">\n      <label\n        className={`label-text mb-[5px] ${props.labelClassName ?? ''}${focused ? ' text-[14px]' : ''}`}\n      >\n        {props.label ?? 'Email:'}\n      </label>\n      <div className=\"relative flex flex-col justify-center w-full\">\n        <input\n          className={`\n            h-[2.5rem] w-full rounded-md\n            border border-[#455063] bg-[#090B11] pl-[15px]\n            pr-[30px] font-normal focus:outline-none focus:border focus:border-[#0046FA]\n            regular-14 placeholder:text-[#455063] disabled:border-none disabled:text-brand-gray-2 disabled:ring-0\n            ${getErrorStyles()} ${props.inputClassName ?? ''}\n        `}\n          id=\"email\"\n          type=\"email\"\n          placeholder={props.placeholder ?? 'email'}\n          autoComplete=\"email\"\n          value={props?.email?.value}\n          disabled={props.disabled}\n          onChange={(event) => handleEmailChange(event)}\n          name={props.name ?? 'email'}\n          onFocus={() => setFocus(true)}\n          onBlur={onBlur}\n        />\n        {props.checkIcon ? (\n          <div className=\"absolute right-[0.8rem] top-3 \">\n            {errorMessages.length === 0 && props?.email?.value && <CheckIcon />}\n          </div>\n        ) : (\n          ''\n        )}\n\n        {props.showErrorBelowInput && errors.length > 0 ? (\n          <div\n            className={`text-[#BA1A1A] w-full mt-[10px] text-xs max-w-[13rem] ${props.errorsClassName ?? ''}`}\n          >\n            {errors}\n          </div>\n        ) : (\n          <>\n            {errors.length > 0 && (\n              <div className=\"text-[#BA1A1A] w-[12rem] text-xs absolute -right-[12.8rem] hidden lg:block\">\n                {errors}\n              </div>\n            )}\n            {errors.length > 0 && (\n              <div className=\"text-[#BA1A1A] w-full mt-[15px] mb-[5px] text-xs block lg:hidden max-w-[13rem]\">\n                {errors}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CheckIcon","width","height","viewBox","fill","xmlns","fillRule","clipRule","d","i","InitialEmailState","value","validators","EmailInput","props","useState","focused","setFocus","handleEmailChange","event","persist","target","validEmail","setEmail","getInputValidators","push","isRequired","required","minLength","maxLength","errorMessages","buildStringFromArray","email","errors","map","message","index","key","className","labelClassName","label","length","inputClassName","id","type","placeholder","autoComplete","disabled","onChange","name","onFocus","onBlur","e","checkIcon","showErrorBelowInput","errorsClassName"],"sourceRoot":""}