{
  "version": 3,
  "sources": ["../../src/pages/account/ParticleKeywords/index.tsx"],
  "sourcesContent": ["import { LoadingOutlined } from '@ant-design/icons';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from '../../../context';\nimport SVGIcon from '../../../components/icon/svg-icon';\nimport PowerFooter from '../../../components/power-footer';\nimport styles from './index.less';\n\nconst ParticleKeywords = ({\n  onChange,\n  value,\n  keyboardInvisible,\n}: {\n  onChange?: (val: string) => void;\n  value?: string;\n  keyboardInvisible?: boolean;\n}) => {\n  const { t } = useTranslation();\n  const [input, setInput] = useState(['', '', '', '', '', '']);\n  const [inputVal, setInputVal] = useState(value ?? '');\n  const [keywords, setKeywords] = useState([1, 2, 3, 4, 5, 6, 7, 8, 9, '', 0]);\n\n  const inputChange = (val: string) => {\n    if (inputVal.length < 6) {\n      setInputVal(inputVal + '' + val);\n    }\n  };\n\n  const delVal = () => {\n    if (inputVal.length > 0) {\n      const newVal = inputVal.slice(0, inputVal.length - 1);\n      setInputVal(newVal);\n    }\n  };\n  useEffect(() => {\n    onChange?.(inputVal);\n  }, [inputVal]);\n\n  useEffect(() => {\n    setInputVal(value ?? '');\n  }, [value]);\n\n  if (!keyboardInvisible) {\n    return (\n      <>\n        <style>{styles as unknown as string}</style>\n        <div className='particle-keywords-box'>\n          {input.map((item, idx) => (\n            <span key={item + idx} className={`input-item ${!item || 'active'}`}>\n              {inputVal[idx] ? '\u25CF' : ''}\n            </span>\n          ))}\n        </div>\n        <div className='particle-keywords-map'>\n          {keywords.map((item) => (\n            <span\n              className='span'\n              key={item}\n              data-value={item}\n              onClick={() => {\n                if (item === '') {\n                  return;\n                }\n                inputChange(item + '');\n              }}\n            >\n              {item}\n            </span>\n          ))}\n          <span className='span del' onClick={delVal}>\n            <SVGIcon className='img' name='backspace' />\n          </span>\n          <PowerFooter />\n        </div>\n      </>\n    );\n  }\n  return (\n    <>\n      <style>{styles as unknown as string}</style>\n      <div className='particle-keywords-map loading'>\n        <img src={require('../../../common/images/account/icon_logo_gray.png').default} alt='' />\n        <p>{t('account.payment_checking')}</p>\n        <LoadingOutlined className='loading-icon' />\n      </div>\n    </>\n  );\n};\n\nexport default ParticleKeywords;\n"],
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,uBAAuB;AAChC,OAAO,SAAS,WAAW,gBAAgB;;;;;;AAM3C,IAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;AAC3D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,wBAAS,EAAE;AACpD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC;AAE3E,QAAM,cAAc,CAAC,QAAgB;AACnC,QAAI,SAAS,SAAS,GAAG;AACvB,kBAAY,WAAW,KAAK,GAAG;AAAA,IACjC;AAAA,EACF;AAEA,QAAM,SAAS,MAAM;AACnB,QAAI,SAAS,SAAS,GAAG;AACvB,YAAM,SAAS,SAAS,MAAM,GAAG,SAAS,SAAS,CAAC;AACpD,kBAAY,MAAM;AAAA,IACpB;AAAA,EACF;AACA,YAAU,MAAM;AACd,yCAAW;AAAA,EACb,GAAG,CAAC,QAAQ,CAAC;AAEb,YAAU,MAAM;AACd,gBAAY,wBAAS,EAAE;AAAA,EACzB,GAAG,CAAC,KAAK,CAAC;AAEV,MAAI,CAAC,mBAAmB;AACtB,WACE,0DACE,oCAAC,eAAO,wBAA4B,GACpC,oCAAC,SAAI,WAAU,2BACZ,MAAM,IAAI,CAAC,MAAM,QAChB,oCAAC,UAAK,KAAK,OAAO,KAAK,WAAW,cAAc,CAAC,QAAQ,cACtD,SAAS,OAAO,WAAM,EACzB,CACD,CACH,GACA,oCAAC,SAAI,WAAU,2BACZ,SAAS,IAAI,CAAC,SACb;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK;AAAA,QACL,cAAY;AAAA,QACZ,SAAS,MAAM;AACb,cAAI,SAAS,IAAI;AACf;AAAA,UACF;AACA,sBAAY,OAAO,EAAE;AAAA,QACvB;AAAA;AAAA,MAEC;AAAA,IACH,CACD,GACD,oCAAC,UAAK,WAAU,YAAW,SAAS,UAClC,oCAAC,oBAAQ,WAAU,OAAM,MAAK,aAAY,CAC5C,GACA,oCAAC,0BAAY,CACf,CACF;AAAA,EAEJ;AACA,SACE,0DACE,oCAAC,eAAO,wBAA4B,GACpC,oCAAC,SAAI,WAAU,mCACb,oCAAC,SAAI,KAAK,8DAA6D,SAAS,KAAI,IAAG,GACvF,oCAAC,WAAG,EAAE,0BAA0B,CAAE,GAClC,oCAAC,mBAAgB,WAAU,gBAAe,CAC5C,CACF;AAEJ;AAEA,IAAOA,4BAAQ;",
  "names": ["ParticleKeywords_default"]
}