UNPKG

@particle-network/authkit

Version:

Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.

particle.network

8 lines (7 loc) • 4.23 kB
1
2
3
4
5
6
7
8
{ "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"] }