{"version":3,"file":"static/js/9820.c18cf655.chunk.js","mappings":"mQAGaA,EAAeC,EAAAA,GAAOC,IAAGC,IAAAA,GAAAC,EAAAA,EAAAA,GAAA,0qCA8BhC,SAAAC,GAAK,OACLA,EAAMC,aACNC,EAAAA,EAAAA,IAAGC,IAAAA,GAAAJ,EAAAA,EAAAA,GAAA,6CAEF,IAiCH,SAAAC,GAAK,OACLA,EAAMI,aACNF,EAAAA,EAAAA,IAAGG,IAAAA,GAAAN,EAAAA,EAAAA,GAAA,wEAKF,IAGQO,EAAaV,EAAAA,GAAOC,IAAGU,IAAAA,GAAAR,EAAAA,EAAAA,GAAA,2JASvBS,EAAiBZ,EAAAA,GAAOC,IAAGY,IAAAA,GAAAV,EAAAA,EAAAA,GAAA,iLAU3BW,GAAYd,EAAAA,EAAAA,IAAOe,EAAAA,EAAPf,CAAsBgB,IAAAA,GAAAb,EAAAA,EAAAA,GAAA,4J,gFCtFlCc,GAAQC,EAAAA,EAAAA,aACnB,SAAAC,EAUEC,GACkB,IAADC,EATfC,EAAKH,EAALG,MACAC,EAASJ,EAATI,UACAC,EAASL,EAATK,UACAC,EAASN,EAATM,UACAC,EAASP,EAATO,UACAC,EAAMR,EAANQ,OACGvB,GAAKwB,EAAAA,EAAAA,GAAAT,EAAAU,GAIJC,GAAUC,EAAAA,EAAAA,cAAY,WAAO,IAADC,EAClB,QAAdA,EAAA5B,EAAM6B,gBAAQ,IAAAD,GAAdA,EAAAE,KAAA9B,EAAiB,CAAE+B,OAAQ,CAAEC,MAAO,KACtC,GAAG,IAEH,OACEC,EAAAA,EAAAA,MAACC,EAAmB,CAClBf,UAAWA,EACXgB,MAAOnC,EAAMmC,MACblC,WAAYoB,EACZjB,WAAYkB,EAAUc,SAAA,CAErBlB,IAASmB,EAAAA,EAAAA,KAACH,EAAiB,CAAAE,SAAElB,IACd,aAAflB,EAAMsC,MACLD,EAAAA,EAAAA,KAAAE,EAAAA,QAAUC,UAAQC,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,CAChBtB,UAAWA,EACXuB,KAAK,QACLC,UAAQ,GACJ3C,GAAK,IACTuB,OAAQA,MAGVc,EAAAA,EAAAA,KAAAE,EAAAA,SAAAE,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,CACEtB,UAAWA,EACXuB,KAAK,QACLC,UAAQ,GACJ3C,GAAK,IACTuB,OAAQA,OAGTF,KAA0B,QAAZJ,EAACjB,EAAMgC,aAAK,IAAAf,IAAXA,EAAa2B,WAAWC,UACxCR,EAAAA,EAAAA,KAACH,EAAgB,CAACY,QAASpB,IAEX,UAAjB1B,EAAM+C,SACLV,EAAAA,EAAAA,KAACH,EAAqB,CAAAE,SAAEhB,MAIhC,G","sources":["components/UI/Input/styles.ts","components/UI/Input/index.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { CloseSecondary } from 'icons/CloseSecondary';\n\nexport const InputWrapper = styled.div<{\n  $withClear?: boolean;\n  $fullwidth?: boolean;\n}>`\n  position: relative;\n\n  && .ant-input-affix-wrapper {\n    border-width: 1.2px;\n    border-radius: 12px;\n\n    &.ant-input-affix-wrapper-focused {\n      box-shadow: none;\n      border-color: var(--v3-primary-color);\n      background: var(--v3-black-0);\n    }\n\n    &:hover,\n    &:focus {\n      border-color: var(--v3-primary-color);\n      background: var(--v3-black-0);\n    }\n  }\n\n  && input {\n    border-width: 1.2px;\n    border-radius: 12px;\n    background: var(--v3-black-0);\n    height: 40px;\n    color: var(--v3-text-color);\n\n    ${props =>\n      props.$withClear &&\n      css`\n        padding-right: 56px;\n      `}\n\n    &[type=\"password\"] {\n      padding-left: unset;\n    }\n\n    &[disabled] {\n      background: var(--v3-black-2);\n    }\n\n    &[class$='-input-status-error'] {\n      background: var(--v3-black-0);\n    }\n\n    &::placeholder {\n      color: var(--v3-text-color-secondary);\n    }\n\n    &:not([type='password']):hover,\n    &:focus {\n      border-color: var(--v3-primary-color);\n      background: var(--v3-black-0);\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &[disabled] {\n        border-color: var(--v3-black-2);\n        background: var(--v3-black-2);\n      }\n    }\n  }\n  ${props =>\n    props.$fullwidth &&\n    css`\n       {\n        flex: 1;\n        width: 100%;\n      }\n    `}\n`;\n\nexport const InputLabel = styled.div`\n  font-weight: bold;\n  font-size: 14px;\n  color: var(--v3-text-color);\n  line-height: 20px;\n  letter-spacing: 0.3px;\n  margin-bottom: 4px;\n`;\n\nexport const InputErrorText = styled.div`\n  text-align: right;\n  font-size: 12px;\n  font-weight: normal;\n  color: var(--v3-error-color);\n  line-height: 14px;\n  letter-spacing: 0.3px;\n  margin-top: 4px;\n`;\n\nexport const ClearIcon = styled(CloseSecondary)`\n  position: absolute;\n  right: 16px;\n  font-size: 24px;\n  display: flex;\n  align-items: center;\n  top: 0;\n  bottom: 0;\n  cursor: pointer;\n`;\n","import { forwardRef, ReactElement, ReactNode, useCallback } from 'react';\nimport { Input as AntInput, InputProps as AntInputProps } from 'antd';\nimport * as Styled from './styles';\n\ntype TInputProps = Omit<AntInputProps, 'onChange'> & {\n  label?: string;\n  errorText?: string;\n  withClear?: boolean;\n  fullWidth?: boolean;\n  onChange?: (e: { target: { value: string } }) => void;\n  prefix?: ReactNode;\n};\n\nexport const Input = forwardRef(\n  (\n    {\n      label,\n      className,\n      errorText,\n      withClear,\n      fullWidth,\n      prefix,\n      ...props\n    }: TInputProps,\n    _ref\n  ): ReactElement => {\n    const onClear = useCallback(() => {\n      props.onChange?.({ target: { value: '' } });\n    }, []);\n\n    return (\n      <Styled.InputWrapper\n        className={className}\n        style={props.style}\n        $withClear={withClear}\n        $fullwidth={fullWidth}\n      >\n        {label && <Styled.InputLabel>{label}</Styled.InputLabel>}\n        {props.type === 'password' ? (\n          <AntInput.Password\n            className={className}\n            size=\"large\"\n            bordered\n            {...props}\n            prefix={prefix}\n          />\n        ) : (\n          <AntInput\n            className={className}\n            size=\"large\"\n            bordered\n            {...props}\n            prefix={prefix}\n          />\n        )}\n        {!!withClear && !!props.value?.toString().length && (\n          <Styled.ClearIcon onClick={onClear} />\n        )}\n        {props.status === 'error' && (\n          <Styled.InputErrorText>{errorText}</Styled.InputErrorText>\n        )}\n      </Styled.InputWrapper>\n    );\n  }\n);\n"],"names":["InputWrapper","styled","div","_templateObject","_taggedTemplateLiteral","props","$withClear","css","_templateObject2","$fullwidth","_templateObject3","InputLabel","_templateObject4","InputErrorText","_templateObject5","ClearIcon","CloseSecondary","_templateObject6","Input","forwardRef","_ref2","_ref","_props$value","label","className","errorText","withClear","fullWidth","prefix","_objectWithoutProperties","_excluded","onClear","useCallback","_props$onChange","onChange","call","target","value","_jsxs","Styled","style","children","_jsx","type","_Input","Password","_objectSpread","size","bordered","toString","length","onClick","status"],"sourceRoot":""}