\n 
\n
\n \n );\n}\n\nexport default PowerFooter;\n", "import type { SocialAuthType } from '@particle-network/auth-core';\nimport React from 'react';\nimport loading from '../../common/images/loading2.png';\nimport { useParticleAuth, useTranslation } from '../../context';\nimport useLogin from '../../context/hooks/useLogin';\nimport { getLoginLogos } from '../../utils';\nimport SVGIcon from '../icon/svg-icon';\nimport PowerFooter from '../power-footer';\nimport styles from './index.less';\n\nconst SocialLoading = ({ authType, isFailed = true }: { authType: string; isFailed: boolean }) => {\n const { t } = useTranslation();\n\n const [spin, setSpin] = React.useState(!isFailed);\n\n const { socialAuthLogin } = useLogin();\n\n const { modalOptions } = useParticleAuth();\n\n return (\n \n \n \n
\n \n {\n if (!isFailed || spin) return;\n\n setSpin(true);\n socialAuthLogin({\n socialType: authType as SocialAuthType,\n });\n }}\n >\n
\n \n [authType])
\n
\n {spin && (\n \n 
\n
\n )}\n\n {isFailed && !spin && (\n \n
\n )}\n {!isFailed ? t('login.logging_you_in') : t('login.request_failed')}
\n {isFailed && {t('login.something_wrong')}
}\n \n \n {socialLoginLoading &&
\n );\n};\n\nexport default Index;\n", "import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { isAutoFocusSupported } from '../../utils';\n\nconst allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'] as const;\n\nexport type AuthCodeProps = {\n allowedCharacters?: (typeof allowedCharactersValues)[number];\n ariaLabel?: string;\n autoFocus?: boolean;\n containerClassName?: string;\n disabled?: boolean;\n inputClassName?: string;\n isPassword?: boolean;\n length?: number;\n placeholder?: string;\n onChange: (res: string) => void;\n code?: string;\n};\n\ntype InputMode = 'text' | 'numeric';\n\ntype InputType = 'text' | 'tel' | 'password';\n\ntype InputProps = {\n type: InputType;\n inputMode: InputMode;\n pattern: string;\n min?: string;\n max?: string;\n};\n\nexport type AuthCodeRef = {\n focus: () => void;\n clear: () => void;\n};\n\nconst propsMap: { [key: string]: InputProps } = {\n alpha: {\n type: 'text',\n inputMode: 'text',\n pattern: '[a-zA-Z]{1}',\n },\n\n alphanumeric: {\n type: 'text',\n inputMode: 'text',\n pattern: '[a-zA-Z0-9]{1}',\n },\n\n numeric: {\n type: 'tel',\n inputMode: 'numeric',\n pattern: '[0-9]{1}',\n min: '0',\n max: '9',\n },\n};\n\nconst AuthCode = forwardRef\n {new Array(6).fill(0).map((_, i) => {\n return (\n {\n inputsRef.current[i] = el;\n }}\n // maxLength={1}\n className={inputClassName}\n autoComplete={i === 0 ? 'one-time-code' : 'off'}\n aria-label={ariaLabel ? `${ariaLabel}. Character ${i + 1}.` : `Character ${i + 1}.`}\n disabled={disabled}\n placeholder={placeholder}\n />\n );\n })}\n {\n e.preventDefault();\n e.stopPropagation();\n for (let i = inputsRef.current.length - 1; i >= 0; i--) {\n if (\n (i > 0 && !inputsRef.current[i].value && inputsRef.current[i - 1].value) ||\n (i === 0 && !inputsRef.current[i].value) ||\n (i == inputsRef.current.length - 1 && inputsRef.current[i].value)\n ) {\n inputsRef.current[i].focus();\n inputsRef.current[i].setSelectionRange(\n inputsRef.current[i].value.length,\n inputsRef.current[i].value.length\n );\n break;\n }\n }\n }}\n />\n
\n );\n }\n);\n\nexport default AuthCode;\n", "import { ApiError, getCloudflareTurnstileResponse, isApiError, type CaptchaRequest } from '@particle-network/auth-core';\nimport { useInterval } from 'ahooks';\nimport { Button } from 'antd';\nimport throttle from 'lodash/throttle.js';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport SVGIcon from '../../../components/icon/svg-icon';\nimport AuthCode from '../../../components/react-auth-code-input';\nimport { useParticleAuth, useTranslation } from '../../../context';\nimport { useCustomize } from '../../../context/hooks/useCustomize';\nimport useLogin from '../../../context/hooks/useLogin';\nimport useMessage from '../../../context/hooks/useMessage';\nimport styles from './captcha-input.less';\n\nfunction CaptchaInput(props: any) {\n const { sendCaptcha, setShowInputCaptcha, account, loginWithAccount, chain } = props;\n\n const [loading, setLoading] = useState(false);\n\n const { themeType, language } = useCustomize();\n const [codeVal, setCodeVal] = useState\n \n
\n \n );\n}\n\nexport default CaptchaInput;\n", "import { Button, Form, Input } from 'antd';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useTranslation } from '../../../context';\nimport { EmailRegExp } from '../../../utils';\nimport styles from './login.less';\n\nfunction EmailLogin(props: any) {\n const { t } = useTranslation();\n\n const { sendCaptcha, setShowInputCaptcha, account, supportAuthTypes, loginWithAccount } = props;\n\n const [form] = Form.useForm();\n const [errorTip, setErrorTip] = useState(false);\n const [noInputTip, setNoInputTip] = useState(false);\n\n const [loading, setLoading] = useState(false);\n const emailBoxRef = useRef\n
\n \n
\n \n
\n {verifyCodeErrorMessage}
\n\n \n login()}\n disabled={confirmBtn}\n loading={loading}\n >\n {t('common.confirm')}\n \n\n \n\n {!loginWithAccount && (\n {\n setShowInputCaptcha(false);\n }}\n >\n
\n )}\n \n getCaptcha(values.email.trim())}\n className='form-box'\n requiredMark={false}\n form={form}\n labelCol={{\n style: { textAlign: 'left' },\n }}\n >\n \n \n \n\n {!loginWithAccount && supportAuthTypes.length > 0 && (\n
\n \n );\n}\n\nexport default EmailLogin;\n", "export const defaultCountriesData = [\n ['Afghanistan (\u202B\u0627\u0641\u063A\u0627\u0646\u0633\u062A\u0627\u0646\u202C\u200E)', 'af', '93'],\n ['Albania (Shqip\u00EBri)', 'al', '355'],\n ['Algeria (\u202B\u0627\u0644\u062C\u0632\u0627\u0626\u0631\u202C\u200E)', 'dz', '213'],\n ['American Samoa', 'as', '1684'],\n ['Andorra', 'ad', '376'],\n ['Angola', 'ao', '244'],\n ['Anguilla', 'ai', '1264'],\n ['Antigua and Barbuda', 'ag', '1268'],\n ['Argentina', 'ar', '54'],\n ['Armenia (\u0540\u0561\u0575\u0561\u057D\u057F\u0561\u0576)', 'am', '374'],\n ['Aruba', 'aw', '297'],\n ['Australia', 'au', '61'],\n ['Austria (\u00D6sterreich)', 'at', '43'],\n ['Azerbaijan (Az\u0259rbaycan)', 'az', '994'],\n ['Bahamas', 'bs', '1242'],\n ['Bahrain (\u202B\u0627\u0644\u0628\u062D\u0631\u064A\u0646\u202C\u200E)', 'bh', '973'],\n ['Bangladesh (\u09AC\u09BE\u0982\u09B2\u09BE\u09A6\u09C7\u09B6)', 'bd', '880'],\n ['Barbados', 'bb', '1246'],\n ['Belarus (\u0411\u0435\u043B\u0430\u0440\u0443\u0441\u044C)', 'by', '375'],\n ['Belgium (Belgi\u00EB)', 'be', '32'],\n ['Belize', 'bz', '501'],\n ['Benin (B\u00E9nin)', 'bj', '229'],\n ['Bermuda', 'bm', '1441'],\n ['Bhutan (\u0F60\u0F56\u0FB2\u0F74\u0F42)', 'bt', '975'],\n ['Bolivia', 'bo', '591'],\n ['Bosnia and Herzegovina', 'ba', '387'],\n ['Botswana', 'bw', '267'],\n ['Brazil (Brasil)', 'br', '55'],\n ['British Indian Ocean Territory', 'io', '246'],\n ['British Virgin Islands', 'vg', '1284'],\n ['Brunei', 'bn', '673'],\n ['Bulgaria (\u0411\u044A\u043B\u0433\u0430\u0440\u0438\u044F)', 'bg', '359'],\n ['Burkina Faso', 'bf', '226'],\n ['Burundi (Uburundi)', 'bi', '257'],\n ['Cambodia (\u1780\u1798\u17D2\u1796\u17BB\u1787\u17B6)', 'kh', '855'],\n ['Cameroon (Cameroun)', 'cm', '237'],\n ['Canada', 'ca', '1'],\n ['Cape Verde (Kabu Verdi)', 'cv', '238'],\n ['Caribbean Netherlands', 'bq', '599'],\n ['Cayman Islands', 'ky', '1345'],\n ['Central African Republic', 'cf', '236'],\n ['Chad (Tchad)', 'td', '235'],\n ['Chile', 'cl', '56'],\n ['China (\u4E2D\u56FD)', 'cn', '86'],\n ['Christmas Island', 'cx', '61'],\n ['Cocos (Keeling) Islands', 'cc', '61'],\n ['Colombia', 'co', '57'],\n ['Comoros (\u202B\u062C\u0632\u0631 \u0627\u0644\u0642\u0645\u0631\u202C\u200E)', 'km', '269'],\n ['Congo (DRC)', 'cd', '243'],\n ['Congo (Republic)', 'cg', '242'],\n ['Cook Islands', 'ck', '682'],\n ['Costa Rica', 'cr', '506'],\n ['C\u00F4te d\u2019Ivoire', 'ci', '225'],\n ['Croatia (Hrvatska)', 'hr', '385'],\n ['Cuba', 'cu', '53'],\n ['Cura\u00E7ao', 'cw', '599'],\n ['Cyprus (\u039A\u03CD\u03C0\u03C1\u03BF\u03C2)', 'cy', '357'],\n ['Czech Republic (\u010Cesk\u00E1 republika)', 'cz', '420'],\n ['Denmark (Danmark)', 'dk', '45'],\n ['Djibouti', 'dj', '253'],\n ['Dominica', 'dm', '1767'],\n ['Dominican Republic', 'do', '1'],\n ['Ecuador', 'ec', '593'],\n ['Egypt (\u202B\u0645\u0635\u0631\u202C\u200E)', 'eg', '20'],\n ['El Salvador', 'sv', '503'],\n ['Equatorial Guinea', 'gq', '240'],\n ['Eritrea', 'er', '291'],\n ['Estonia (Eesti)', 'ee', '372'],\n ['Ethiopia', 'et', '251'],\n ['Falkland Islands (Islas Malvinas)', 'fk', '500'],\n ['Faroe Islands (F\u00F8royar)', 'fo', '298'],\n ['Fiji', 'fj', '679'],\n ['Finland (Suomi)', 'fi', '358'],\n ['France', 'fr', '33'],\n ['French Guiana', 'gf', '594'],\n ['French Polynesia', 'pf', '689'],\n ['Gabon', 'ga', '241'],\n ['Gambia', 'gm', '220'],\n ['Georgia (\u10E1\u10D0\u10E5\u10D0\u10E0\u10D7\u10D5\u10D4\u10DA\u10DD)', 'ge', '995'],\n ['Germany (Deutschland)', 'de', '49'],\n ['Ghana (Gaana)', 'gh', '233'],\n ['Gibraltar', 'gi', '350'],\n ['Greece (\u0395\u03BB\u03BB\u03AC\u03B4\u03B1)', 'gr', '30'],\n ['Greenland (Kalaallit Nunaat)', 'gl', '299'],\n ['Grenada', 'gd', '1473'],\n ['Guadeloupe', 'gp', '590'],\n ['Guam', 'gu', '1671'],\n ['Guatemala', 'gt', '502'],\n ['Guernsey', 'gg', '44'],\n ['Guinea (Guin\u00E9e)', 'gn', '224'],\n ['Guinea-Bissau (Guin\u00E9 Bissau)', 'gw', '245'],\n ['Guyana', 'gy', '592'],\n ['Haiti', 'ht', '509'],\n ['Honduras', 'hn', '504'],\n ['Hong Kong (\u9999\u6E2F)', 'hk', '852'],\n ['Hungary (Magyarorsz\u00E1g)', 'hu', '36'],\n ['Iceland (\u00CDsland)', 'is', '354'],\n ['India (\u092D\u093E\u0930\u0924)', 'in', '91'],\n ['Indonesia', 'id', '62'],\n ['Iran (\u202B\u0627\u06CC\u0631\u0627\u0646\u202C\u200E)', 'ir', '98'],\n ['Iraq (\u202B\u0627\u0644\u0639\u0631\u0627\u0642\u202C\u200E)', 'iq', '964'],\n ['Ireland', 'ie', '353'],\n ['Isle of Man', 'im', '44'],\n ['Israel (\u202B\u05D9\u05E9\u05E8\u05D0\u05DC\u202C\u200E)', 'il', '972'],\n ['Italy (Italia)', 'it', '39'],\n ['Jamaica', 'jm', '1876'],\n ['Japan (\u65E5\u672C)', 'jp', '81'],\n ['Jersey', 'je', '44'],\n ['Jordan (\u202B\u0627\u0644\u0623\u0631\u062F\u0646\u202C\u200E)', 'jo', '962'],\n ['Kazakhstan (\u041A\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043D)', 'kz', '7'],\n ['Kenya', 'ke', '254'],\n ['Kiribati', 'ki', '686'],\n ['Kosovo', 'xk', '383'],\n ['Kuwait (\u202B\u0627\u0644\u0643\u0648\u064A\u062A\u202C\u200E)', 'kw', '965'],\n ['Kyrgyzstan (\u041A\u044B\u0440\u0433\u044B\u0437\u0441\u0442\u0430\u043D)', 'kg', '996'],\n ['Laos (\u0EA5\u0EB2\u0EA7)', 'la', '856'],\n ['Latvia (Latvija)', 'lv', '371'],\n ['Lebanon (\u202B\u0644\u0628\u0646\u0627\u0646\u202C\u200E)', 'lb', '961'],\n ['Lesotho', 'ls', '266'],\n ['Liberia', 'lr', '231'],\n ['Libya (\u202B\u0644\u064A\u0628\u064A\u0627\u202C\u200E)', 'ly', '218'],\n ['Liechtenstein', 'li', '423'],\n ['Lithuania (Lietuva)', 'lt', '370'],\n ['Luxembourg', 'lu', '352'],\n ['Macau (\u6FB3\u9580)', 'mo', '853'],\n ['Macedonia (FYROM) (\u041C\u0430\u043A\u0435\u0434\u043E\u043D\u0438\u0458\u0430)', 'mk', '389'],\n ['Madagascar (Madagasikara)', 'mg', '261'],\n ['Malawi', 'mw', '265'],\n ['Malaysia', 'my', '60'],\n ['Maldives', 'mv', '960'],\n ['Mali', 'ml', '223'],\n ['Malta', 'mt', '356'],\n ['Marshall Islands', 'mh', '692'],\n ['Martinique', 'mq', '596'],\n ['Mauritania (\u202B\u0645\u0648\u0631\u064A\u062A\u0627\u0646\u064A\u0627\u202C\u200E)', 'mr', '222'],\n ['Mauritius (Moris)', 'mu', '230'],\n ['Mayotte', 'yt', '262'],\n ['Mexico (M\u00E9xico)', 'mx', '52'],\n ['Micronesia', 'fm', '691'],\n ['Moldova (Republica Moldova)', 'md', '373'],\n ['Monaco', 'mc', '377'],\n ['Mongolia (\u041C\u043E\u043D\u0433\u043E\u043B)', 'mn', '976'],\n ['Montenegro (Crna Gora)', 'me', '382'],\n ['Montserrat', 'ms', '1664'],\n ['Morocco (\u202B\u0627\u0644\u0645\u063A\u0631\u0628\u202C\u200E)', 'ma', '212'],\n ['Mozambique (Mo\u00E7ambique)', 'mz', '258'],\n ['Myanmar (Burma) (\u1019\u103C\u1014\u103A\u1019\u102C)', 'mm', '95'],\n ['Namibia (Namibi\u00EB)', 'na', '264'],\n ['Nauru', 'nr', '674'],\n ['Nepal (\u0928\u0947\u092A\u093E\u0932)', 'np', '977'],\n ['Netherlands (Nederland)', 'nl', '31'],\n ['New Caledonia (Nouvelle-Cal\u00E9donie)', 'nc', '687'],\n ['New Zealand', 'nz', '64'],\n ['Nicaragua', 'ni', '505'],\n ['Niger (Nijar)', 'ne', '227'],\n ['Nigeria', 'ng', '234'],\n ['Niue', 'nu', '683'],\n ['Norfolk Island', 'nf', '672'],\n ['North Korea (\uC870\uC120 \uBBFC\uC8FC\uC8FC\uC758 \uC778\uBBFC \uACF5\uD654\uAD6D)', 'kp', '850'],\n ['Northern Mariana Islands', 'mp', '1670'],\n ['Norway (Norge)', 'no', '47'],\n ['Oman (\u202B\u0639\u064F\u0645\u0627\u0646\u202C\u200E)', 'om', '968'],\n ['Pakistan (\u202B\u067E\u0627\u06A9\u0633\u062A\u0627\u0646\u202C\u200E)', 'pk', '92'],\n ['Palau', 'pw', '680'],\n ['Palestine (\u202B\u0641\u0644\u0633\u0637\u064A\u0646\u202C\u200E)', 'ps', '970'],\n ['Panama (Panam\u00E1)', 'pa', '507'],\n ['Papua New Guinea', 'pg', '675'],\n ['Paraguay', 'py', '595'],\n ['Peru (Per\u00FA)', 'pe', '51'],\n ['Philippines', 'ph', '63'],\n ['Poland (Polska)', 'pl', '48'],\n ['Portugal', 'pt', '351'],\n ['Puerto Rico', 'pr', '1'],\n ['Qatar (\u202B\u0642\u0637\u0631\u202C\u200E)', 'qa', '974'],\n ['R\u00E9union (La R\u00E9union)', 're', '262'],\n ['Romania (Rom\u00E2nia)', 'ro', '40'],\n ['Russia (\u0420\u043E\u0441\u0441\u0438\u044F)', 'ru', '7'],\n ['Rwanda', 'rw', '250'],\n ['Saint Barth\u00E9lemy (Saint-Barth\u00E9lemy)', 'bl', '590'],\n ['Saint Helena', 'sh', '290'],\n ['Saint Kitts and Nevis', 'kn', '1869'],\n ['Saint Lucia', 'lc', '1758'],\n ['Saint Martin', 'mf', '590'],\n ['Saint Pierre and Miquelon', 'pm', '508'],\n ['Saint Vincent and the Grenadines', 'vc', '1784'],\n ['Samoa', 'ws', '685'],\n ['San Marino', 'sm', '378'],\n ['S\u00E3o Tom\u00E9 and Pr\u00EDncipe', 'st', '239'],\n ['Saudi Arabia (\u202B\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064A\u0629 \u0627\u0644\u0633\u0639\u0648\u062F\u064A\u0629\u202C\u200E)', 'sa', '966'],\n ['Senegal (S\u00E9n\u00E9gal)', 'sn', '221'],\n ['Serbia (\u0421\u0440\u0431\u0438\u0458\u0430)', 'rs', '381'],\n ['Seychelles', 'sc', '248'],\n ['Sierra Leone', 'sl', '232'],\n ['Singapore', 'sg', '65'],\n ['Sint Maarten', 'sx', '1721'],\n ['Slovakia (Slovensko)', 'sk', '421'],\n ['Slovenia (Slovenija)', 'si', '386'],\n ['Solomon Islands', 'sb', '677'],\n ['Somalia (Soomaaliya)', 'so', '252'],\n ['South Africa', 'za', '27'],\n ['South Korea (\uB300\uD55C\uBBFC\uAD6D)', 'kr', '82'],\n ['South Sudan (\u202B\u062C\u0646\u0648\u0628 \u0627\u0644\u0633\u0648\u062F\u0627\u0646\u202C\u200E)', 'ss', '211'],\n ['Spain (Espa\u00F1a)', 'es', '34'],\n ['Sri Lanka (\u0DC1\u0DCA\u200D\u0DBB\u0DD3 \u0DBD\u0D82\u0D9A\u0DCF\u0DC0)', 'lk', '94'],\n ['Sudan (\u202B\u0627\u0644\u0633\u0648\u062F\u0627\u0646\u202C\u200E)', 'sd', '249'],\n ['Suriname', 'sr', '597'],\n ['Svalbard and Jan Mayen', 'sj', '47'],\n ['Swaziland', 'sz', '268'],\n ['Sweden (Sverige)', 'se', '46'],\n ['Switzerland (Schweiz)', 'ch', '41'],\n ['Syria (\u202B\u0633\u0648\u0631\u064A\u0627\u202C\u200E)', 'sy', '963'],\n ['Taiwan (\u53F0\u7063)', 'tw', '886'],\n ['Tajikistan', 'tj', '992'],\n ['Tanzania', 'tz', '255'],\n ['Thailand (\u0E44\u0E17\u0E22)', 'th', '66'],\n ['Timor-Leste', 'tl', '670'],\n ['Togo', 'tg', '228'],\n ['Tokelau', 'tk', '690'],\n ['Tonga', 'to', '676'],\n ['Trinidad and Tobago', 'tt', '1868'],\n ['Tunisia (\u202B\u062A\u0648\u0646\u0633\u202C\u200E)', 'tn', '216'],\n ['Turkey (T\u00FCrkiye)', 'tr', '90'],\n ['Turkmenistan', 'tm', '993'],\n ['Turks and Caicos Islands', 'tc', '1649'],\n ['Tuvalu', 'tv', '688'],\n ['U.S. Virgin Islands', 'vi', '1340'],\n ['Uganda', 'ug', '256'],\n ['Ukraine (\u0423\u043A\u0440\u0430\u0457\u043D\u0430)', 'ua', '380'],\n ['United Arab Emirates', 'ae', '971'],\n ['United Kingdom', 'gb', '44'],\n ['United States', 'us', '1'],\n ['Uruguay', 'uy', '598'],\n ['Uzbekistan (O\u02BBzbekiston)', 'uz', '998'],\n ['Vanuatu', 'vu', '678'],\n ['Vatican City (Citt\u00E0 del Vaticano)', 'va', '39'],\n ['Venezuela', 've', '58'],\n ['Vietnam (Vi\u1EC7t Nam)', 'vn', '84'],\n ['Wallis and Futuna', 'wf', '681'],\n ['Western Sahara (\u202B\u0627\u0644\u0635\u062D\u0631\u0627\u0621 \u0627\u0644\u063A\u0631\u0628\u064A\u0629\u202C\u200E)', 'eh', '212'],\n ['Yemen (\u202B\u0627\u0644\u064A\u0645\u0646\u202C\u200E)', 'ye', '967'],\n ['Zambia', 'zm', '260'],\n ['Zimbabwe', 'zw', '263'],\n ['\u00C5land Islands', 'ax', '358'],\n];\n\nexport function getCurrentCountry() {\n const language = navigator.languages && navigator.languages.length ? navigator.languages[0] : navigator.language;\n const locales = language.split('-');\n const region = locales.length > 1 ? locales[1] : locales[0];\n let currentCountry;\n if (region && region.length > 0) {\n currentCountry = defaultCountriesData.find((item) => item[1].toUpperCase() === region);\n }\n return currentCountry;\n}\n", "import { DownOutlined } from '@ant-design/icons';\nimport { getCloudflareTurnstileResponse } from '@particle-network/auth-core';\nimport { Button, Form, Input } from 'antd';\nimport getUnicodeFlagIcon from 'country-flag-icons/unicode';\nimport type { CountryCode } from 'libphonenumber-js/max';\nimport { isValidPhoneNumber, parsePhoneNumber, parsePhoneNumberWithError } from 'libphonenumber-js/max';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { defaultCountriesData } from '../../../api/model/all-countries';\nimport { useAuthCoreModal, useTranslation } from '../../../context';\nimport { useCustomize } from '../../../context/hooks/useCustomize';\nimport useMessage from '../../../context/hooks/useMessage';\nimport { isPhoneValid } from '../../../utils';\nimport styles from './login.less';\n\nfunction PhoneLogin(props: any) {\n const { t } = useTranslation();\n\n const { sendCaptcha, setShowInputCaptcha, account, supportAuthTypes, loginWithAccount } = props;\n\n const [selectVisible, setSelectVisible] = useState(false);\n\n const { themeType, language } = useCustomize();\n\n const [countryData, setCountryData] = useState(['United States', 'us', '1']);\n\n const [form] = Form.useForm();\n\n const clickRef = useRef\n \n {\n setErrorTip(false);\n setNoInputTip(false);\n }}\n readOnly={loginWithAccount}\n onFocus={() => {\n emailBoxRef.current.setAttribute('data-focus', 'true');\n }}\n onBlur={() => {\n emailBoxRef.current.removeAttribute('data-focus');\n }}\n />\n \n
\n\n {errorTip && t('login.email_format_error')}
\n {noInputTip && t('login.input_email_holder')}
\n\n \n \n {t('login.or')}\n \n
\n )}\n \n \n {selectVisible && (\n
\n )}\n \n {defaultCountriesData.map((item, index) => {\n return (\n {\n setCountryData(item);\n setSelectVisible(false);\n\n setTimeout(() => {\n const phoneValue = form.getFieldsValue().phone;\n if (phoneValue) {\n validateForm(phoneValue, item[1].toUpperCase(), false);\n }\n });\n }}\n >\n
\n );\n })}\n \n
\n {getUnicodeFlagIcon(`${item[1]}`)}
\n {item[0]}\n {'+' + item[2]}
\n \n {\n if (!loading) {\n setSelectVisible(true);\n }\n }}\n >\n {getUnicodeFlagIcon(`${countryData[1]}`)}\n
\n +{countryData[2]}
\n {errorTip && t('login.phone_format_error')}
\n {noInputTip && t('login.input_phone_holder')}
\n\n \n \n {t('login.or')}\n \n
\n )}\n \n \n );\n}\n\nexport default PhoneLogin;\n", "import { AuthType } from '@particle-network/auth-core';\nimport React, { useMemo, useState } from 'react';\nimport apple from '../../../common/images/apple_icon.png';\nimport discord from '../../../common/images/discord_icon.png';\nimport email from '../../../common/images/email_icon.png';\nimport facebook from '../../../common/images/facebook_icon.png';\nimport github from '../../../common/images/github_icon.png';\nimport google from '../../../common/images/google_icon.png';\nimport jwt from '../../../common/images/jwt_icon.png';\nimport linkedin from '../../../common/images/linkedin_icon.png';\nimport microsoft from '../../../common/images/microsoft_icon.png';\nimport passkeys from '../../../common/images/passkeys_icon.png';\nimport phone from '../../../common/images/phone_icon.png';\nimport telegram from '../../../common/images/telegram_icon.png';\nimport twitch from '../../../common/images/twitch_icon.png';\nimport twitter from '../../../common/images/twitter_icon.png';\nimport SVGIcon from '../../../components/icon/svg-icon';\n\ninterface Props {\n supportAuthTypes: AuthType[];\n preferredAuthType?: AuthType;\n onPreferredAuthTypeChange?: (authType: AuthType) => void;\n thirdpartyAuthLogin: (authType: AuthType) => void;\n}\nconst SocialLogin = (props: Props) => {\n const { supportAuthTypes, preferredAuthType, onPreferredAuthTypeChange, thirdpartyAuthLogin } = props;\n\n const [collapse, setCollapse] = useState(true);\n\n const authLogin = (authType: AuthType) => {\n thirdpartyAuthLogin(authType);\n };\n\n const toggleEmailOrPhone = (authType: AuthType) => {\n onPreferredAuthTypeChange?.(authType);\n };\n\n const imgs = {\n email,\n phone,\n facebook,\n google,\n apple,\n twitter,\n discord,\n github,\n twitch,\n microsoft,\n linkedin,\n jwt,\n telegram,\n passkeys,\n };\n\n const items = useMemo(() => {\n const authTypes = supportAuthTypes as AuthType[];\n const hasEmailAndPhone = authTypes.includes(AuthType.email) && authTypes.includes(AuthType.phone);\n const items: React.ReactNode[] = [];\n if (hasEmailAndPhone) {\n if (preferredAuthType === AuthType.phone) {\n items.push(\n
\n );\n};\n\nexport default SocialLogin;\n", "import { LoadingOutlined } from '@ant-design/icons';\nimport {\n AuthType,\n getConnectCaptcha,\n isNullish,\n requireNotNullish,\n type CaptchaRequest,\n type ConnectParam,\n type PhoneCaptchaRequest,\n type SocialAuthType,\n} from '@particle-network/auth-core';\nimport { Image } from 'antd';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport logoImg from '../../common/images/logo.png';\nimport PowerFooter from '../../components/power-footer';\nimport { useParticleAuth, useTranslation } from '../../context';\nimport useLogin from '../../context/hooks/useLogin';\nimport { EmailRegExp, isValidE164PhoneNumber } from '../../utils';\nimport CaptchaInput from './components/captcha-input';\nimport EmailLogin from './components/email-login';\nimport loginStyles from './components/login.less';\nimport PhoneLogin from './components/phone-login';\nimport SocialLogin from './components/social-login';\nimport styles from './index.less';\n\nfunction Login(props?: ConnectParam) {\n // @ts-ignore\n const { email, phone, authorization, chain } = props || {};\n\n const { modalOptions, setLoginAuthorization } = useParticleAuth();\n const { socialAuthLogin } = useLogin();\n\n const getDefaultLoginType = () => {\n const indexPhone = modalOptions.authTypes?.indexOf(AuthType.phone) ?? -1;\n const indexEmail = modalOptions.authTypes?.indexOf(AuthType.email) ?? -1;\n if (\n (!isNullish(phone) && (indexPhone >= 0 || !modalOptions.authTypes?.length)) ||\n (!email &&\n ((indexPhone >= 0 && indexEmail < 0) || (indexPhone >= 0 && indexEmail >= 0 && indexPhone < indexEmail)))\n ) {\n return AuthType.phone;\n } else {\n return AuthType.email;\n }\n };\n\n const [loginType, setLoginType] = useState{items}
\n \n \n \n
\n \n
\n \n \n
\n }\n fallback={logoImg}\n onError={(e) => {\n e.currentTarget.src = logoImg;\n }}\n />\n {modalOptions.customStyle?.projectName ?? t('common.particle_auth')}
\n\n {showInputCaptcha ? (\n {account}
\n ) : (\n \n {loginType === AuthType.email || loginType === AuthType.phone ? (\n modalOptions.customStyle?.subtitle ?? t('login.to_continue').format('App')\n ) : (\n
\n )}\n\n {loginContent()}\n\n {!showInputCaptcha && !loginWithAccount && (loginType === AuthType.email || loginType === AuthType.phone) && (\n {loggingHint(loginType)}
\n )}\n \n \n
\n );\n};\n\nexport default Header;\n", "import Icon from '@ant-design/icons';\nimport React from 'react';\nimport styles from './index.less';\n\nconst CircleClose = ({ className = '', ...others }) => {\n const svg = require('../../common/icon/circle_close.svg').default;\n return (\n <>\n \n \n
\n \n <>\n {displayBackBtn && (\n {\n if (onBack) {\n onBack();\n } else {\n navigate(-1);\n }\n }}\n />\n )}\n {leftContent}\n \n
\n {children}
\n {rightContent}
\n {t('account.security_account_bind_hint')}
\n \n \n {\n setVisible(false);\n onBind();\n }}\n >\n {t('common.bind')}\n \n
\n \n \n );\n};\n\nexport default BindSecurityAccountPrompt;\n", "import {\n AuthType,\n hasMasterPassword as checkHasMasterPassword,\n deletePaymentPassword,\n getLatestAuthType,\n syncUserInfo,\n} from '@particle-network/auth-core';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport apple from '../../../common/images/apple_icon.png';\nimport discord from '../../../common/images/discord_icon.png';\nimport email from '../../../common/images/email_icon.png';\nimport facebook from '../../../common/images/facebook_icon.png';\nimport github from '../../../common/images/github_icon.png';\nimport google from '../../../common/images/google_icon.png';\nimport jwt from '../../../common/images/jwt_icon.png';\nimport linkedin from '../../../common/images/linkedin_icon.png';\nimport microsoft from '../../../common/images/microsoft_icon.png';\nimport phone from '../../../common/images/phone_icon.png';\nimport telegram from '../../../common/images/telegram_icon.png';\nimport twitch from '../../../common/images/twitch_icon.png';\nimport twitter from '../../../common/images/twitter_icon.png';\nimport Header from '../../../components/header';\nimport SVGIcon from '../../../components/icon/svg-icon';\nimport PowerFooter from '../../../components/power-footer';\nimport { useCustomNavigate, useModalOptions, useParticleAuth, useTranslation } from '../../../context';\nimport { useUserInfo } from '../../../context/hooks';\nimport useMessage from '../../../context/hooks/useMessage';\nimport { displayEmail, displayPhone, shortString } from '../../../utils/common-utils';\nimport { PageType } from '../accountVerify/config';\nimport BindSecurityAccountPrompt from '../bindSecurityAccountPrompt';\nimport styles from './index.less';\n\nconst AccountAndSecurity = () => {\n const { t } = useTranslation();\n const navigate = useCustomNavigate();\n const [promptSecurityAccount, setPromptSecurityAccount] = useState(false);\n const { setPaymentVerify, showSelectSecurityAccount, setPaymentPassword } = useParticleAuth();\n const { userInfo } = useUserInfo();\n const { modalOptions } = useModalOptions();\n const message = useMessage();\n\n const hasMasterPassword = useMemo(() => {\n return checkHasMasterPassword();\n }, [userInfo]);\n\n const formatId = (id?: string) => {\n const provider = userInfo?.thirdparty_user_info?.provider;\n if (provider === AuthType.jwt) {\n return id?.replace(`${modalOptions.projectId}:`, '');\n }\n return id;\n };\n\n const icons = {\n email,\n phone,\n facebook,\n google,\n apple,\n twitter,\n twitterv1: twitter,\n discord,\n github,\n twitch,\n microsoft,\n linkedin,\n jwt,\n telegram,\n };\n\n // \u5F53\u524D\u767B\u5F55\u8D26\u53F7\u7C7B\u578B\n const currentAuthType = useMemo(() => {\n let authType = getLatestAuthType();\n if (!authType) {\n authType = (userInfo?.thirdparty_user_info?.provider as AuthType) || 'email';\n }\n if ((authType as string) === 'twitterv1') {\n authType = AuthType.twitter;\n }\n return authType as AuthType;\n }, [userInfo]);\n\n // \u5F53\u524D\u767B\u5F55\u8D26\u53F7\n const currentAccount = useMemo(() => {\n let result = '';\n if (currentAuthType && userInfo) {\n result =\n // @ts-ignore\n userInfo[`${currentAuthType}`] ||\n // @ts-ignore\n userInfo[`${currentAuthType}_email`] ||\n // @ts-ignore\n shortString(formatId(userInfo[`${currentAuthType}_id`]));\n }\n return (\n result ||\n userInfo?.email ||\n userInfo?.phone ||\n userInfo?.thirdparty_user_info?.user_info?.email ||\n shortString(formatId(userInfo?.thirdparty_user_info?.user_info?.id || ''))\n );\n }, [currentAuthType, userInfo]);\n\n const setSecurityAccount = (type: 'phone' | 'email') => {\n if (\n (userInfo?.security_account?.email && !userInfo?.security_account?.phone) ||\n (!userInfo?.security_account?.email && userInfo?.security_account?.phone)\n ) {\n // \u8BBE\u7F6E\u5B89\u5168\u8D26\u53F7,\u9700\u5148\u9A8C\u8BC1\u53E6\u4E00\u4E2A\u5B89\u5168\u8D26\u53F7\n navigate('/account/verify', {\n state: {\n account: userInfo?.security_account?.email || userInfo.security_account?.phone,\n authType: type,\n redirectUrl: '/account/security',\n pageType: PageType.VerifySecurityAccount_SetSecurityAccount,\n },\n });\n } else {\n navigate('/account/bind', {\n state: {\n accountType: type,\n redirectUrl: '/account/security',\n },\n });\n }\n };\n\n const chooseVerifyType = () => {\n if (userInfo?.security_account?.email && userInfo?.security_account?.phone) {\n showSelectSecurityAccount(true);\n } else {\n navigate('/account/set-password', {\n state: {\n account: userInfo?.security_account?.email || userInfo?.security_account?.phone,\n },\n });\n }\n };\n\n /**\n * \u5173\u95ED\u652F\u4ED8\u5BC6\u7801\n */\n const closePaymentPassword = () => {\n setPaymentVerify({\n visible: true,\n type: 'close',\n onVerifyCompleted: (password) => {\n deletePaymentPassword(password)\n .then((result) => {\n message.success(t('account.close_success'));\n syncUserInfo();\n })\n .catch((error) => {\n error.message && message.error(error.message);\n console.log('closePaymentPassword Error', error);\n });\n },\n });\n };\n\n const isCanBack = useMemo(() => {\n return true;\n }, []);\n\n const goBack = () => {\n navigate(-1);\n };\n\n const changeMasterPassword = () => {\n navigate('/account/master-password/change');\n };\n\n const setMasterPassword = () => {\n navigate('/account/master-password');\n };\n\n const aboutMasterPassword = () => {\n navigate('/account/master-password/description');\n };\n\n const hasSecurityAccount = useMemo(\n () => userInfo?.security_account?.email || userInfo?.security_account?.phone,\n [userInfo?.security_account?.email, userInfo?.security_account?.phone]\n );\n\n useEffect(() => {\n syncUserInfo().catch((e) => console.log('syncUserInfo', e));\n }, []);\n\n return (\n \n \n {isCanBack && {t('account.account_and_security')} }\n {!isCanBack && {t('account.account_and_security')} }\n
\n\n \n
\n\n {t('account.account')}
\n \n 
\n {\n if (hasSecurityAccount) {\n navigate('/login-account');\n } else {\n setPromptSecurityAccount(true);\n }\n }}\n >\n {t('account.more_login_account')}\n
\n {currentAccount}
\n \n {\n navigate('/manageDevices/deviceList');\n }}\n >\n
\n {t('new.authorization')}
\n {t('account.security')}
\n\n {/* master password */}\n \n
\n\n \n
\n {t('account.master_password')}
\n \n {t('account.learn_more')}\n
\n \n
\n {hasMasterPassword && (\n {t('account.master_password_tip')}
\n {!hasMasterPassword && (\n \n {t('account.set')}\n
\n )}\n \n
\n )}\n {t('account.change_master_password')}
\n \n
\n\n {t('account.verification_security')}
\n{t('account.verification_security_tip')}
\n\n\n
\n {t('account.email')}
\n\n {displayEmail(userInfo?.security_account?.email || '') || (\n setSecurityAccount('email')}>\n {t('account.set')}\n
\n )}\n \n
\n {t('account.mobile')}
\n {displayPhone(userInfo?.security_account?.phone || '') || (\n setSecurityAccount('phone')}>\n {t('account.set')}\n
\n )}\n \n
\n )}\n \n \n {t('account.payment_security')}
\n{t('account.payment_password_hint')}
\n\n {userInfo?.security_account?.has_set_payment_password ? (\n <>\n navigate('/account/change-password')}>\n
\n {t('account.change_payment_password')}
\n \n
\n {t('account.forgot_payment_password')}
\n \n
\n \n ) : (\n {t('account.close_payment_password')}
\n \n {\n if (hasSecurityAccount) {\n setPaymentPassword();\n } else {\n setPromptSecurityAccount(true);\n }\n }}\n >\n {t('account.set')}\n
\n {t('account.payment_password')}
\n \n \n {t('account.login_account')} \n
\n\n \n
\n {t('account.login_account_hint')}
\n \n {accountList?.map((item, index) => {\n return (\n {\n selectedAuthType = item.type;\n toLoginAccountBind(item);\n }}\n key={index}\n >\n 
\n
\n );\n })}\n {item.name}
\n \n {encryptValue(item.value || item.id) || t('account.not_linked')}\n
\n \n \n {t('new.authorization')} \n
\n \n
\n )}\n {t('new.authorization_tips')}
\n {loading ? (\n \n
\n ) : (\n \n {deviceList?.map((item, index) => {\n return (\n {\n navigate('/manageDevices/deviceDetails', {\n state: {\n loginDeviceInfo: item,\n },\n });\n }}\n >\n
\n );\n })}\n \n
\n \n
\n {item.project_app_name}
\n {item.updated_at}
\n \n {item.isCurrent &&
\n {t('new.current')}
}\n \n \n
\n \n );\n};\n\nexport default DeviceList;\n", "import {\n EvmRpcMethod,\n getEVMChainInfoById,\n getSmartAccountAddress,\n tronAddressFromHex,\n type ERC4337Options,\n} from '@particle-network/auth-core';\nimport { isTron } from '../utils/chain-utils';\n\ntype Options = {\n chainId?: number;\n method?: EvmRpcMethod;\n erc4337?: ERC4337Options;\n};\n\nexport const getEVMPublicAddress = async ({ chainId, erc4337, method }: Options): Promise\n {t('new.details')} \n {\n return authCoreModal.rootBody as HTMLDivElement;\n }}\n >\n
\n \n\n \n
\n \n
\n \n
\n {t('new.app')}
\n {loginDeviceInfo.project_app_name || '-'}
\n \n
\n {t('new.device')}
\n {loginDeviceInfo.device || '-'}
\n \n
\n {t('new.authorized_time')}
\n {loginDeviceInfo.updated_at || '-'}
\n \n
\n {t('new.login_method')}
\n {(loginDeviceInfo.login_channel || '-').replace('Twitterv1', 'Twitter')}
\n \n
\n {t('new.ip')}
\n {loginDeviceInfo?.location?.ip || '-'}
\n \n
\n {t('new.country')}
\n \n {loginDeviceInfo?.location?.country_name || loginDeviceInfo?.location?.country_code || '-'}\n
\n \n
\n {t('new.city')}
\n {loginDeviceInfo?.location?.city || '-'}
\n \n {\n openDeleteModal();\n }}\n >\n {t('new.delete_access')}\n \n
\n \n {\n closeDeleteModal();\n }}\n >\n
\n \n {t('new.delete_access_to_n').format(loginDeviceInfo?.project_app_name, loginDeviceInfo?.device)}\n
\n \n {\n closeDeleteModal();\n }}\n >\n {t('common.cancel')}\n \n {\n setDeleteLoading(true);\n setTimeout(() => {\n deleteAuthorizationDApp(loginDeviceInfo?.project_app_uuid)\n .finally(() => {\n setDeleteLoading(false);\n })\n .then((res: boolean) => {\n if (res) {\n closeDeleteModal();\n setTimeout(() => {\n navigate(-1);\n }, 500);\n }\n })\n .catch((error: any) => {\n message.error(error.message);\n console.log('deleteAuthorization Error', error);\n });\n }, 500);\n }}\n >\n {t('new.delete')}\n \n
\n \n
\n ),\n closable: true,\n maskClosable: false,\n getContainer: () => {\n return (authCoreModal.rootBody as HTMLElement).querySelector('.info-sign') as HTMLElement;\n },\n });\n return true;\n }\n\n return false;\n };\n\n return {\n checkPending,\n };\n};\n\nexport default usePending;\n", "import { type SecurityDetection } from '@particle-network/auth-core';\nimport { Tree } from 'antd';\nimport type { DataNode } from 'antd/es/tree';\nimport React, { useMemo } from 'react';\nimport { useTranslation } from '../../../context';\nimport styles from './index.less';\n\ninterface Prop {\n securityDetection: SecurityDetection[];\n className?: string;\n title?: string;\n}\n\nconst RiskTypography = (prop: Prop) => {\n const { securityDetection, title } = prop;\n const { t } = useTranslation();\n\n const treeData = useMemo{t('new.transaction_pending_v2')}
\n \n = 10}\n type='default'\n onClick={() => {\n approveSign(true);\n pendingModalRef.current.destroy();\n }}\n >\n {t('new.continue')}\n \n {\n // \u53D6\u6D88\u7B7E\u540D\uFF0C\u8DF3\u8F6C\u5230wallet\n console.log('>>>', '\u53D6\u6D88\u7B7E\u540D\uFF0C\u8DF3\u8F6C\u5230wallet');\n\n pendingModalRef.current.destroy();\n authCoreModalClose();\n\n setTimeout(() => {\n openWallet({\n pathName: '/tokenDetail.html',\n windowSize: 'small',\n query: {\n tokenAddress: 'native',\n pageMode: 'Simple',\n },\n topMenuType: 'close',\n });\n // \u5982\u679C\u4E0D\u8BBE\u7F6E\u5EF6\u8FDF\uFF0C\u4F1A\u51FA\u73B0\u6253\u5F00\u9A6C\u4E0A\u88AB\u5173\u95ED\u7684\u60C5\u51B5 wwl\n }, 300);\n }}\n >\n {t('new.process_now')}\n \n
\n \n {title &&
\n \n );\n};\n\nexport default RiskTypography;\n", "import { DownOutlined, UpOutlined } from '@ant-design/icons';\nimport { type SecurityDetection } from '@particle-network/auth-core';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from '../../../context';\nimport RiskTypography from '../riskTypography';\nimport styles from './index.less';\n\ninterface Prop {\n securityDetection: SecurityDetection[];\n}\n\nconst RiskReminder = (prop: Prop) => {\n const { securityDetection } = prop;\n\n const { t } = useTranslation();\n\n const [fold, setFold] = useState(false);\n\n const toggleFold = () => {\n setFold(!fold);\n };\n\n useEffect(() => {\n const doc = document.documentElement;\n doc.style.setProperty('--risk-bar-height', '36px');\n return () => {\n doc.style.setProperty('--risk-bar-height', '0px');\n };\n }, []);\n\n return (\n {title}
}\n \n \n
\n );\n};\n\nexport default RiskReminder;\n", "import React from 'react';\n\nconst IconEditPen = () => {\n return (\n \n );\n};\nexport default React.memo(IconEditPen);\n", "import React from 'react';\n\nconst IconTo = ({ width = '34.2', height = '12.632', ...other }) => {\n return (\n \n \n
\n {t('sign.risk_found')}
\n {fold ? \n \n
\n\n {signMethod !== EvmRpcMethod.ethSendTransaction && (\n \n
\n \n
\n )}\n \n {t('sign.evm_fee')}\n {gasFeeDisplay && interval && (\n \n {' '}\n {t('sign.refresh_in')} {countdown}s\n \n )}\n
\n\n {gasFeeDisplay && tokenPrice && (\n \n
\n \n {gasFeeDisplay.fee && (\n
\n \n {gasFeeDisplay.fee} {getNativeSymbol(chainInfo)}\n {formatDisplayPrice(gasFeeDisplay.fee, tokenPrice)}\n
\n )}\n {t('sign.max_fee')}\n {gasFeeDisplay.maxFee} {getNativeSymbol(chainInfo)}\n {formatDisplayPrice(gasFeeDisplay.maxFee, tokenPrice)}\n \n
\n \n {gasFeeDisplay && \n {estimatedTime(transactionData)}\n
\n {t(`sign.gas_${gasFeeMode}`)}
}\n \n
\n \n
\n )}\n \n );\n}\n\nexport default GasDisplay;\n", "import React from 'react';\nimport { useTranslation } from '../../../context';\nimport { getNativeSymbol } from '../../../utils/chain-utils';\nimport { useEVMTransaction } from '../evmContextProvider';\nimport styles from './info-sign.less';\n\nfunction NoGas() {\n const { t } = useTranslation();\n\n const { totalAmountDisplay, currentChain: chainInfo } = useEVMTransaction();\n\n return (\n <>\n \n {t('sign.total')}
\n {totalAmountDisplay && tokenPrice && (\n \n {totalAmountDisplay.amount && (\n
\n )}\n \n {totalAmountDisplay.amount} {getNativeSymbol(chainInfo)}\n {formatDisplayPrice(totalAmountDisplay.amount, tokenPrice)}\n
\n )}\n \n {t('sign.max_amount')}: {totalAmountDisplay.maxAmount} {getNativeSymbol(chainInfo)}\n {formatDisplayPrice(totalAmountDisplay.maxAmount, tokenPrice)}\n
\n \n
\n \n );\n}\n\nexport default NoGas;\n", "import {\n defaultTokenIcon,\n EvmEnhancedMethod,\n TransactionSmartType,\n type EVMDeserializeTransactionResult,\n type EVMFunction,\n type EVMNFTChange,\n type TokenPrice,\n} from '@particle-network/auth-core';\nimport { Form, Image, Input, Modal } from 'antd';\nimport { BigNumber } from 'bignumber.js';\nimport dayjs from 'dayjs';\nimport numbro from 'numbro';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport type { Chain as ViemChain } from 'viem/chains';\nimport type { AuthError } from '../../../api/model/authError';\nimport IconEditPen from '../../../components/icon-edit-pen';\nimport IconTo from '../../../components/icon-to';\nimport CircleClose from '../../../components/icon/circle-close';\nimport SVGIcon from '../../../components/icon/svg-icon';\nimport { useAuthCoreModal, useParticleAuth, useTranslation } from '../../../context';\nimport { formatAddress, formatPng, getNativeSymbol, getNativeTokenIcon } from '../../../utils/chain-utils';\nimport { isNullish, shortString } from '../../../utils/common-utils';\nimport { ipfsToSrc } from '../../../utils/index';\nimport { formatPrice } from '../../../utils/number-utils';\nimport { isTron } from '../../../utils/transaction-utils';\nimport { useEVMTransaction } from '../evmContextProvider';\nimport GasDisplay from './gas-display';\nimport NoGas from './no-gas';\nconst trimDecimals = (value: string, decimals = 10) => {\n let [integerPart, decimalPart] = value.split('.');\n if (decimalPart && decimalPart.length > decimals) {\n decimalPart = decimalPart.slice(0, decimals + 1).slice(0, -1);\n }\n return `${integerPart}.${decimalPart ?? ''}`.replace(/0+$/, '').replace(/\\.$/, '');\n};\n\ninterface Props {\n displayDetail: boolean;\n gasError: AuthError | undefined;\n setGasVis: React.Dispatch{t('sign.network_fee')}
\n \n .default})
\n {t('sign.gas_fee_cannot')}\n
\n {totalAmountDisplay && (\n <>\n \n {t('sign.gas_fee_cannot')}\n {t('sign.total')}
\n {totalAmountDisplay.amount && (\n \n {totalAmountDisplay.amount} {getNativeSymbol(chainInfo)}\n
\n )}\n \n {t('sign.max_amount')}:{' '}\n \n {totalAmountDisplay.maxAmount} {getNativeSymbol(chainInfo)}\n \n
\n \n )}\n \n {transactionInfo && (\n
\n\n {/* ERC1155_TRANFER */}\n {transactionInfo?.type === TransactionSmartType.ERC1155_TRANFER && (\n \n
\n )}\n {/* ERC1155_TRANFER || ERC721_TRANFER || SEAPORT_FULFILL_ORDER || SEAPORT_CANCEL_ORDER*/}\n {(transactionInfo?.type === TransactionSmartType.ERC1155_TRANFER ||\n transactionInfo?.type === TransactionSmartType.SEAPORT_FULFILL_ORDER ||\n transactionInfo?.type === TransactionSmartType.SEAPORT_CANCEL_ORDER ||\n transactionInfo?.type === TransactionSmartType.SEAPORT_NFT_LISTING ||\n transactionInfo?.type === TransactionSmartType.ERC721_TRANFER) && (\n <>\n \n
\n )}\n {/* ERC20_APPROVE */}\n {transactionInfo?.type === TransactionSmartType.ERC20_APPROVE && (\n \n
\n \n
\n {/* ERC20_TRANSFER or NativeTransfer*/}\n {(transactionInfo?.type === TransactionSmartType.ERC20_TRANSFER ||\n transactionInfo?.type === TransactionSmartType.NativeTransfer) && (\n {contentTitle}
\n {nonce && {nonce}
}\n 13 ? true : false}>\n
\n \n
\n \n {!!tokenIcon && (\n
\n \n \n {tokenSymbol}\n
\n \n \n {formatAmountChange}\n
\n {amountChangeUSD}
\n \n {\n const amount = new BigNumber(changeApproveAmount || amountChange);\n editApproveAmountForm.setFieldsValue({\n amount: formartApproveAmount(amount),\n });\n setVisibleModal(true);\n }}\n >\n
\n \n 
\n
\n \n {formatAmountChange} {tokenSymbol}\n
\n {t('new.edit_approve')}
\n \n
\n {t('new.by_granting')}
\n \n
\n \n {\n // return authCoreModal.rootBody as HTMLElement;\n // },\n // }}\n />\n
\n \n
\n {nftName}
\n {nftType}
\n {transactionInfo?.type === TransactionSmartType.SEAPORT_NFT_LISTING && NFTListingQuantity && (\n \n
\n )}\n {nftPrice && (\n {t('new.amount')}
\n {NFTListingQuantity}
\n \n
\n )}\n \n )}\n {t('new.nft_price')}
\n {nftPrice}
\n \n
\n )}\n\n {transactionInfo?.type !== TransactionSmartType.SEAPORT_NFT_LISTING && (\n \n
\n {t('new.amount')}
\n \n {isNullish(nftData?.amountChange) ? t('program.unknown') : Math.abs(nftData?.amountChange || 1)}\n
\n \n
\n )}\n\n {!isTron(chainInfo) && transactionInfo?.type !== TransactionSmartType.SEAPORT_NFT_LISTING && (\n \n
\n \n
\n \n {t('new.from')} ({t('new.you')})\n
\n \n {shortString(formatAddress(transactionInfo.data.from, chainInfo))}\n
\n \n
\n \n
\n \n
\n \n {t('new.to')}\n {contractTag}\n
\n {/* {shortString(transactionInfo.data.to)}
*/}\n {shortString(formatAddress(to, chainInfo))}
\n \n
\n )}\n {transactionInfo?.type === TransactionSmartType.SEAPORT_NFT_LISTING && (\n \n
\n {t('new.network_fee')}
\n {gasError ? (\n \n \n {t('sign.gas_fee_cannot')}\n
\n ) : (\n \n {t('sign.gas_fee_cannot')}\n \n
\n )}\n \n {gasFeeDisplay?.maxFee} {getNativeSymbol(chainInfo)}\n
\n \n {formatPrice({\n amount: gasFeeDisplay?.maxFee || '',\n price: nativeTokenPrice?.[0]?.currencies?.[0]?.price || 0,\n mantissa: 4,\n fiatCoin: modalOptions.fiatCoin ?? 'USD',\n })}\n
\n \n
\n )}\n \n \n )}\n \n
\n {t('new.seller')}
\n {NFTListingData.seller}
\n \n
\n {t('new.price')}
\n {NFTListingData.price}
\n \n
\n {t('new.seller_earnings')}
\n {NFTListingData.sellerEarnings}
\n \n
\n {t('new.others')}
\n {NFTListingData.others}
\n \n
\n {t('new.start_time')}
\n {NFTListingData.startTime}
\n \n
\n {t('new.end_time')}
\n {NFTListingData.endTime}
\n \n {\n setDisplayDetail(!displayDetail);\n }}\n >\n {displayDetail ? (\n
\n \n \n {t('new.less')}\n
\n ) : (\n \n {t('new.details')}\n
\n )}\n \n {/* function */}\n {transactionInfo && transactionInfo.data.function && (\n
\n \n \n
\n )}\n {/* hex data */}\n {hexData && (\n \n
\n \n
\n \n
\n \n {t('sign.function_type')} {formatFunction(transactionInfo.data.function)}\n
\n\n {transactionInfo.data.function.params.map((item) => (\n \n {shortString(item.name)}\n {shortString(item.value)}\n
\n ))}\n \n
\n )}\n {/* signMessage */}\n {transactionInfo?.type === TransactionSmartType.SEAPORT_NFT_LISTING &&\n !!props.signMessage &&\n props.signMessage()}\n \n
\n \n
\n \n
\n {t('sign.hex_data')}
\n \n
\n {hexData}
\n \n \n {\n onClose();\n }}\n />\n \n {title &&
\n \n );\n};\n\nexport default ParticleDrawer;\n", "import { MinusCircleFilled, PlusCircleFilled } from '@ant-design/icons';\nimport type { PrefixedHexString } from '@ethereumjs/util';\nimport { addHexPrefix } from '@ethereumjs/util';\nimport { GasFeeMode, type GasFee, type TokenPrice } from '@particle-network/auth-core';\nimport { Button, Form, Input, Radio } from 'antd';\nimport { BigNumber } from 'bignumber.js';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ParticleDrawer from '../../..//components/particle-drawer';\nimport SVGIcon from '../../../components/icon/svg-icon';\nimport PowerFooter from '../../../components/power-footer';\nimport { useAuthCoreModal, useParticleAuth, useTranslation } from '../../../context';\nimport { getNativeSymbol } from '../../../utils/chain-utils';\nimport { bnToHex, toHexPrefixString } from '../../../utils/common-utils';\nimport { ethereumUtils } from '../../../utils/ethereumUtils';\nimport {\n formatPrice,\n fromWei,\n fromWeiFormat,\n toBigNumber,\n toWei,\n toWeiBigNumber,\n trimDecimals,\n} from '../../../utils/number-utils';\nimport { isEIP1559Type } from '../../../utils/transaction-utils';\nimport { useEVMTransaction } from '../evmContextProvider';\nimport styles from './evm-gas.scss';\n\nfunction EvmGas(props: any) {\n const { openGasDrawer, visible } = props;\n const [moreDetails, setMoreDetails] = useState(false);\n const [errorTip, setErrorTip] = useState(false);\n const [errorTip1, setErrorTip1] = useState{title}
}\n {children}\n \n \n {estimatedTime(gasMode)}\n
\n \n {gasFeeDisplay?.fee ?? gasFeeDisplay?.maxFee} {getNativeSymbol(chainInfo)}\n
\n\n {usdDisplay(gasFeeDisplay)}
\n\n \n
\n \n selectGasMode(GasFeeMode.low)}\n />\n selectGasMode(GasFeeMode.medium)}\n />\n selectGasMode(GasFeeMode.high)}\n />\n
\n \n \n {t('sign.gas_low')}\n {t('sign.gas_medium')}\n {t('sign.gas_high')}\n
\n setMoreDetails(!moreDetails)}>\n {t('sign.advanced_options')}\n {moreDetails ? (\n
\n\n \n \n
\n \n \n optionsForm.current.submit()}\n >\n {t('common.save')}\n \n
\n {!!meunInfo?.account?.display && accountButton}
;\n};\n\nexport default Menu;\n", "import { addHexPrefix, stripHexPrefix } from '@ethereumjs/util';\nimport { RecordType } from '@particle-network/analytics';\nimport {\n EvmEnhancedMethod,\n EvmRpcMethod,\n TransactionSmartType,\n analyticsRecord,\n defaultTokenIcon,\n getChainIcon,\n isConnected,\n syncUserInfo,\n type EVMDeserializeTransactionResult,\n type EVMFunction,\n type EVMNFTChange,\n type EVMTransaction,\n} from '@particle-network/auth-core';\nimport { Button, Image, Modal, Tabs } from 'antd';\nimport { BigNumber } from 'bignumber.js';\nimport BN from 'bn.js';\n//@ts-ignore\nimport jt from 'json-toy';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport { type EvmSignProps } from '..';\nimport { getEVMPublicAddress } from '../../../api/getPublicAddress';\nimport { AuthError } from '../../../api/model/authError';\nimport { PromptSettingType } from '../../../api/model/bundle';\nimport { AuthPage } from '../../../components/customRouter';\nimport CircleClose from '../../../components/icon/circle-close';\nimport IconCopy from '../../../components/icon/icon-copy';\nimport ParticleLoading from '../../../components/loading';\nimport PowerFooter from '../../../components/power-footer';\nimport { useAuthCoreModal, useCustomNavigate, useEvents, useParticleAuth, useTranslation } from '../../../context';\nimport { useEthereum } from '../../../context/hooks';\nimport { useError } from '../../../context/hooks/useError';\nimport useMessage from '../../../context/hooks/useMessage';\nimport { usePaymentPassword } from '../../../context/hooks/usePaymentPassword';\nimport usePending from '../../../context/hooks/usePending';\nimport { AuthCoreModalEvent } from '../../../context/types';\nimport { formatAddress, getChainDisplayName, getNativeSymbol } from '../../../utils/chain-utils';\nimport { shortString } from '../../../utils/common-utils';\nimport { ethereumUtils } from '../../../utils/ethereumUtils';\nimport { formatTokenAmount2, fromSunFormat, fromWeiFormat } from '../../../utils/number-utils';\nimport { isEIP1559Type, isEVMAddress, isTron, parseTransaction } from '../../../utils/transaction-utils';\nimport { useEVMTransaction } from '../evmContextProvider';\nimport riskModalStyle from '../riskModal/index.less';\nimport RiskReminder from '../riskReminder';\nimport RiskTypography from '../riskTypography';\nimport NewErcTransfers from './NewErcTransfers';\nimport EvmGas from './evm-gas';\nimport GasDisplay from './gas-display';\nimport styles from './info-sign.less';\nimport Menu from './menu';\nimport NoGas from './no-gas';\n\nimport biconomy000 from '../../../common/images/smartAccount/biconomy-000-icon.png';\nimport biconomyfff from '../../../common/images/smartAccount/biconomy-fff-icon.png';\nimport btc000 from '../../../common/images/smartAccount/btc-000-icon.png';\nimport btcfff from '../../../common/images/smartAccount/btc-fff-icon.png';\nimport cyberconnect000 from '../../../common/images/smartAccount/cyberconnect-000-icon.png';\nimport cyberconnectfff from '../../../common/images/smartAccount/cyberconnect-fff-icon.png';\nimport light000 from '../../../common/images/smartAccount/light-000-icon.png';\nimport lightfff from '../../../common/images/smartAccount/light-fff-icon.png';\nimport simple000 from '../../../common/images/smartAccount/simple-000-icon.png';\nimport simplefff from '../../../common/images/smartAccount/simple-fff-icon.png';\nimport universal000 from '../../../common/images/smartAccount/universal-000-icon.png';\nimport universalfff from '../../../common/images/smartAccount/universal-fff-icon.png';\nimport xterio from '../../../common/images/smartAccount/xterio-icon.png';\nimport { isTelegramWebApp } from '../../../utils/isTelegramWebApp';\n\nenum RenderPageType {\n SIGN_MESSAGE,\n SEND_TX,\n SIGN_TYPE_DATA,\n}\n\nexport const getAAIcon = (aaType: string, theme: string) => {\n aaType = (aaType ?? 'biconomy')?.toLowerCase();\n const aaIcons: Record\n \n {key.split('.').pop()}\uFF1A\n
\n\n {isEVMAddress(value) ? (\n {formatValue({ value })}
\n \n \n {!method.includes(EvmRpcMethod.ethSignTypedData) && (\n
\n \n );\n };\n\n const getNFTName = (info: EVMNFTChange): string => {\n if (info.name && info.name.length > 0) {\n return info.name;\n }\n\n return `NFT#${info.tokenId}`;\n };\n\n const approveDisabled = (data?: EVMTransaction): boolean => {\n if (method === EvmRpcMethod.ethSendTransaction) {\n if (!data) {\n return true;\n }\n\n if (isTron(chainInfo)) {\n return false;\n }\n\n if (isEIP1559Type(data.type)) {\n return !data.gasLimit || !data.maxPriorityFeePerGas || !data.maxFeePerGas;\n } else {\n return !data.gasLimit || !data.gasPrice;\n }\n }\n return false;\n };\n const [displayDetail, setDisplayDetail] = useState{decodeMessage(param as string)}
\n )}\n\n {method.includes(EvmRpcMethod.ethSignTypedData) && (\n <>\n \n
\n {jt.travelJson(sMessage).map((key: string, index: number) => {\n return getRow(key, index);\n })}\n \n )}\n \n {signMessageTitle}\n
\n \n
\n\n {transactionInfo && (\n {t('sign.estimated_balance_change')}
\n \n {transactionInfo?.estimatedChanges?.natives\n ?.filter((info) => info.address.toLowerCase() === address?.toLowerCase())\n ?.map((info, index) => {\n return (\n
\n \n {getNativeSymbol(chainInfo)}\n
\n );\n })}\n\n {transactionInfo?.estimatedChanges?.nfts?.map((info, index) => {\n return (\n \n {info.nativeChange.includes('-') || info.nativeChange === '0' ? '' : '+'}\n {isTron(chainInfo)\n ? fromSunFormat(info.nativeChange)\n : fromWeiFormat(info.nativeChange, 'ether', 18)}\n
\n \n {getNFTName(info)}\n
\n );\n })}\n\n {transactionInfo?.estimatedChanges?.tokens?.map((info, index) => {\n return (\n \n {info.amountChange < 0 ? '' : '+'}\n {info.amountChange}\n
\n \n {info.name ? info.name : 'Unknown Token'}\n
\n );\n })}\n \n {info.amountChange < 0 ? '' : '+'}\n {formatTokenAmount2(info.amountChange, info.decimals)}\n
\n \n
\n )}\n\n {!gasError && transactionData && !isTron(chainInfo) && (\n \n
\n {t('sign.from')}
\n {shortString(formatAddress(transactionInfo.data.from, chainInfo))}
\n \n
\n {!isTron(chainInfo) && (\n {t('sign.to')}
\n {shortString(formatAddress(transactionInfo.data.to, chainInfo))}
\n \n
\n )}\n {t('sign.nonce')}
\n #{parseInt(transactionInfo.data.nonce)}
\n \n {transactionInfo && transactionInfo.data.function && (\n
\n \n
\n )}\n\n {/* hex data */}\n\n {transactionInfo && (\n \n
\n \n
\n \n
\n \n {t('sign.function_type')} {formatFunction(transactionInfo.data.function)}\n
\n\n {transactionInfo.data.function.params.map((item) => (\n \n {shortString(item.name)}\n {shortString(item.value)}\n
\n ))}\n \n
\n )}\n \n
\n \n
\n \n
\n {t('sign.hex_data')}
\n \n
\n {transactionInfo.data.data}
\n \n \n
\n )}\n {t('account.waring_tip1')}
\n \n {t('account.set')}\n
\n \n \n message.success(t('new.copied_to'))}>\n \n
\n\n \n {modalOptions.erc4337 && method !== EvmRpcMethod.ethSendTransaction && (\n //
\n AA
\n \n
\n )}\n {headerTitle}\n \n
\n \n {shortString(addressDisplayed)}\n
\n \n
\n {headerDes}
\n \n {transactionInfo?.type === TransactionSmartType.NativeTransfer ||\n transactionInfo?.type === TransactionSmartType.ERC20_TRANSFER ||\n transactionInfo?.type === TransactionSmartType.ERC20_APPROVE ||\n transactionInfo?.type === TransactionSmartType.ERC721_TRANFER ||\n transactionInfo?.type === TransactionSmartType.ERC1155_TRANFER ||\n transactionInfo?.type === TransactionSmartType.SEAPORT_CANCEL_ORDER ||\n transactionInfo?.type === TransactionSmartType.SEAPORT_FULFILL_ORDER ||\n transactionInfo?.type === TransactionSmartType.SEAPORT_NFT_LISTING ? (\n \n
\n\n {hasSecurityRisk && transactionInfo?.securityDetection && (\n <>\n \n \n {\n if (hasSecurityRisk) {\n setRiskPrompt(true);\n } else {\n approveSign();\n }\n }}\n loading={loading}\n disabled={approveDisabled(transactionData)}\n >\n {isErc4361\n ? t('new.sign_in')\n : gasError || hasSecurityRisk\n ? t('common.still_confirm')\n : t('common.confirm')}\n \n
\n\n {t('sign.risk_hint_title')}
\n \n {\n setRiskPrompt(false);\n }}\n >\n {t('common.cancel')}\n \n {\n approveSign();\n setRiskPrompt(false);\n }}\n >\n {t('common.confirm')}\n \n
\n \n \n )}\n\n \n
\n );\n };\n\n const signTransaction = () => {\n return (\n \n
\n {decodedString}
\n \n
\n\n {t('sign.estimated_balance_change')}
\n \n {transactionInfo?.estimatedChanges?.sols\n .filter((info) => info.address === (particleAuth?.solana?.selectedAddress as string))\n .map((info, index) => {\n return (\n
\n \n SOL\n
\n );\n })}\n\n {nftChanges?.map((info, index) => {\n return (\n \n {info.lamportsChange < 0 ? '' : '+'}\n {formatTokenAmount(info.lamportsChange, 9)}\n
\n \n {info.name ? info.name : 'Unknown NFT'}\n
\n );\n })}\n\n {tokenChanges?.map((info, index) => {\n return (\n \n {info.amountChange < 0 ? '' : '+'}\n {info.amountChange}\n
\n \n {info.name ? info.name : 'Unknown Token'}\n
\n );\n })}\n \n {info.amountChange < 0 ? '' : '+'}\n {formatTokenAmount(info.amountChange, info.decimals)}\n
\n \n
\n \n ),\n },\n {\n label: t('sign.data'),\n key: '2',\n children: (\n \n {t('sign.network_fee')}\n {transactionInfo && (\n
\n {formatTokenAmount(transactionInfo.estimatedLamportsFee, 9)} SOL
\n )}\n \n {transactionInfo?.instructions.map((instruction, index) => {\n return (\n
\n ),\n },\n ]}\n />\n );\n };\n\n return (\n \n
\n );\n })}\n \n
\n \n
\n \n
\n \n #{index + 1} - {t(`program.${instruction.type}`)}\n
\n \n {t('sign.program_id')}\n {shortString(instruction.programId)}\n
\n \n {t('sign.data')}\n {shortString(instruction.data)}\n
\n \n \n {!hasSetPaymentPassword && (\n
\n );\n}\n\nexport default InfoSign;\n", "import {\n ApiError,\n bindSecurityAccount,\n getBindSecurityAccounCaptcha,\n getCloudflareTurnstileResponse,\n syncUserInfo,\n} from '@particle-network/auth-core';\nimport { useInterval, useRequest } from 'ahooks';\nimport { Button } from 'antd';\nimport throttle from 'lodash/throttle.js';\nimport qs from 'qs';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport SVGIcon from '../../../components/icon/svg-icon';\nimport PowerFooter from '../../../components/power-footer';\nimport AuthCode from '../../../components/react-auth-code-input';\nimport { useAuthCoreModal, useCustomNavigate, useTranslation } from '../../../context';\nimport { useCustomize } from '../../../context/hooks/useCustomize';\nimport useMessage from '../../../context/hooks/useMessage';\nimport styles from './index.less';\n\nconst CaptchaInput = (props: any) => {\n const { bindAccount, backToInputAccount, redirectUrl = '', verifyToken = '' } = props;\n const message = useMessage();\n const { t } = useTranslation();\n\n const { themeType, language } = useCustomize();\n\n const navigate = useCustomNavigate();\n\n const [captchaCode, setCaptchaCode] = useState\n \n
\n )}\n {t('account.waring_tip1')}
\n \n {t('account.set')}\n
\n \n \n message.success(t('new.copied_to'))}\n >\n
\n\n {headerTitle}
\n \n })
\n {getChainDisplayName(chain)}\n
\n \n {shortAddress}\n
\n \n \n
\n {headerDes}
\n \n {method === SolanaRpcMethod.signMessage && signMessage()}\n {method !== SolanaRpcMethod.signMessage && signTransaction()}\n \n
\n \n \n \n
\n \n \n submitBind()}\n >\n {t('common.confirm')}\n \n\n \n
\n );\n};\n\nexport default CaptchaInput;\n", "import { DownOutlined } from '@ant-design/icons';\nimport { getBindSecurityAccounCaptcha, getCloudflareTurnstileResponse } from '@particle-network/auth-core';\nimport { useRequest } from 'ahooks';\nimport { Button } from 'antd';\nimport getUnicodeFlagIcon from 'country-flag-icons/unicode';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { defaultCountriesData, getCurrentCountry } from '../../../api/model/all-countries';\nimport SVGIcon from '../../../components/icon/svg-icon';\nimport PowerFooter from '../../../components/power-footer';\nimport { useAuthCoreModal, useCustomNavigate, useTranslation } from '../../../context';\nimport { useCustomize } from '../../../context/hooks/useCustomize';\nimport useMessage from '../../../context/hooks/useMessage';\nimport { EmailRegExp, isPhoneValid } from '../../../utils';\nimport CaptchaInput from './captcha-input';\nimport styles from './index.less';\n\nconst AccountBind = (props: any) => {\n const navigate = useCustomNavigate();\n\n const { t } = useTranslation();\n const state = props;\n const redirectUrl = (state as any)?.redirectUrl;\n const verifyToken = (state as any)?.verifyToken;\n const message = useMessage();\n const clickRef = useRef{t('account.enter_code')}
\n\n {bindAccount}\n
\n\n
\n\n {errorTip && {errorTip}
}\n\n \n
\n \n \n navigate(-1)} />\n \n {t('login.get_captcha')}\n \n\n {(state as any)?.showSwitch && (\n
\n );\n};\n\nexport default AccountBind;\n", "import {\n ApiError,\n AuthType,\n bindLoginAccount,\n getBindSecurityAccounCaptcha,\n getCloudflareTurnstileResponse,\n getSecurityAccountCaptcha,\n getSecurityAccountToken,\n setPaymentPassword,\n syncUserInfo,\n thirdpartyAuth,\n type SocialAuthType,\n} from '@particle-network/auth-core';\nimport { useInterval, useRequest } from 'ahooks';\nimport { Button, Modal } from 'antd';\nimport base64url from 'base64url';\nimport throttle from 'lodash/throttle.js';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport SVGIcon from '../../../components/icon/svg-icon';\nimport PowerFooter from '../../../components/power-footer';\nimport AuthCode from '../../../components/react-auth-code-input';\nimport {\n useAuthCoreModal,\n useCustomNavigate,\n useCustomRouter,\n useParticleAuth,\n useTranslation,\n} from '../../../context';\nimport { useCustomize } from '../../../context/hooks/useCustomize';\nimport useMessage from '../../../context/hooks/useMessage';\nimport { displayEmail, displayPhone } from '../../../utils/common-utils';\nimport { getAccountList } from '../../loginAccount';\nimport { PageType } from './config';\nimport styles from './index.less';\n\ninterface IParams {\n account: string; // \u8FDB\u5165\u9875\u9762\u65F6\u4F1A\u7ED9\u8FD9\u4E2A\u8D26\u6237\u53D1\u9001\u9A8C\u8BC1\u7801\uFF0C\u8FD9\u4E2A\u8D26\u6237\u53EF\u80FD\u662F\u5B89\u5168\u8D26\u53F7\uFF0C\u4E5F\u53EF\u80FD\u662F\u8981\u7ED1\u5B9A\u7684\u8D26\u53F7\n pageType: PageType;\n unbindAccount: string; //\u89E3\u7ED1\u624B\u673A\u3001\u90AE\u7BB1\u65F6\u4F7F\u7528\n authType: AuthType;\n verifyToken: string;\n redirectUrl: string;\n password: string; // \u91CD\u7F6E\u5BC6\u7801\u65F6\u9700\u8981\n}\n\nconst AccountVerify = (props: any) => {\n const navigate = useCustomNavigate();\n const { t } = useTranslation();\n\n const state = props;\n\n const message = useMessage();\n\n const { customRouter } = useCustomRouter();\n\n const { themeType, language } = useCustomize();\n\n const { account, pageType, authType, verifyToken, redirectUrl, password } = state as IParams;\n\n const [code, setCode] = useState\n {accountType === 'email' ? t('account.set_your_email') : t('account.set_your_mobile')}\n
\n\n {accountType === 'email' ? t('account.set_your_email_tip') : t('account.set_your_mobile_tip')}\n
\n\n {accountType === 'email' ? (\n <>\n\n setError('')}\n className='input_email'\n type='email'\n placeholder={t('account.place_email_address') as string}\n ref={accountInputRef}\n defaultValue={bindAccount}\n // \u56DE\u8F66\u4E8B\u4EF6\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n checkAndRequestCode();\n }\n }}\n />\n
\n \n ) : (\n <>\n \n {visbSelectCountry && (\n {\n setError('');\n\n (accountInputRef.current as any).value =\n (accountInputRef.current as any).value.match(/^\\d+/)?.[0] || '';\n }}\n type='text'\n className='no-number dd'\n placeholder={t('account.mobile') as string}\n ref={accountInputRef}\n onWheel={(e: any) => e.target.blur()}\n defaultValue={bindAccount.replace(`+${countryData[2]}`, '')}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n checkAndRequestCode();\n }\n }}\n onFocus={() => {\n document.querySelector('.account-input-box.phone')?.setAttribute('data-focus', 'true');\n }}\n onBlur={() => {\n document.querySelector('.account-input-box.phone')?.setAttribute('data-focus', 'false');\n }}\n />\n
\n \n )}\n \n {defaultCountriesData.map((item, index) => (\n {\n setCountryData(item);\n setVisbSelectCountry(false);\n }}\n >\n
\n )}\n \n
\n {getUnicodeFlagIcon(`${item[1]}`)}
\n {item[0]}\n {'+' + item[2]}
\n \n ))}\n setVisbSelectCountry(!visbSelectCountry)}>\n
\n +{countryData[2]}\n {getUnicodeFlagIcon(`${countryData[1]}`)}
\n {errorMsg}
\n\n\n {accountType === 'email' ? t('account.switch_text_mobile') : t('account.switch_text_email')}\n
\n )}\n \n \n {\n setTimeout(() => {\n confirmCode(code);\n });\n }}\n disabled={code.length !== 6}\n >\n {t('common.confirm')}\n \n\n \n {\n navigate(-1);\n }}\n >\n
\n\n \n {\n navigate(-1);\n }}\n />\n
\n {t('account.enter_code')}
\n{formatDisplayAccount()}
\n\n\n
\n\n {errorTip && {errorTip}
}\n\n \n
\n\n \n \n
\n ) : (\n \n
\n )\n }\n onChange={(e) => {\n if (prop?.onChange) {\n prop?.onChange?.(e.target.value);\n }\n }}\n defaultValue={prop?.defaultValue}\n maxLength={prop?.maxLength || 20}\n onPressEnter={(e) => prop?.onPressEnter?.(e)}\n onBlur={(e) => prop?.onBlur?.(e)}\n autoFocus={isNullish(prop?.autoFocus) && isAutoFocusSupported() ? true : prop?.autoFocus}\n />\n \n );\n};\n\nexport default InputPassword;\n", "import { useInterval } from 'ahooks';\nimport { Button, Space, Typography } from 'antd';\nimport { useLottie } from 'lottie-react';\nimport React, { Suspense, useState } from 'react';\nimport PowerFooter from '../../../components/power-footer';\nimport { useCustomNavigate, useParticleAuth, useTranslation } from '../../../context';\nimport styles from './index.less';\nconst rightData = require('../../../common/lottie/right.json');\n\nconst SetMasterPasswordSuccess = (props: any) => {\n const { loginSetMasterPassword } = props;\n const { loginSuccessRedirectToApp } = useParticleAuth();\n const { Text } = Typography;\n const { t } = useTranslation();\n const navigate = useCustomNavigate();\n\n const [interval, setInterval] = useState\n }>\n \n \n {t('account.master_password_successed')} \n {t('account.master_password_store_hint')} \n \n\n \n
\n \n );\n};\n\nexport default SetMasterPasswordSuccess;\n", "import { Space, Typography } from 'antd';\nimport { useLottie } from 'lottie-react';\nimport React, { Suspense } from 'react';\nimport { useTranslation } from '../../../context';\nimport PowerFooter from '../../../components/power-footer';\nimport { useCustomize } from '../../../context/hooks';\n\nconst walletEncryptLight = require('../../../common/lottie/wallet_encrypt_fff.json');\nconst walletEncryptDark = require('../../../common/lottie/wallet_encrypt_000.json');\n\nconst MasterPasswordLoading = () => {\n const { t } = useTranslation();\n const { themeType } = useCustomize();\n\n const { View } = useLottie({\n animationData: themeType === 'dark' ? walletEncryptDark : walletEncryptLight,\n loop: true,\n });\n\n return (\n {View}
\n {t('account.setting_successed')}
\n \n
\n );\n};\n\nexport default MasterPasswordLoading;\n", "import { RecordType } from '@particle-network/analytics';\nimport { analyticsRecord, setMastersPassword } from '@particle-network/auth-core';\nimport { useRequest } from 'ahooks';\nimport { Button, Form, Modal, Space, Typography } from 'antd';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { AuthError } from '../../../api/model/authError';\nimport { PromptSettingType } from '../../../api/model/bundle';\nimport SVGIcon from '../../../components/icon/svg-icon';\nimport InputPassword from '../../../components/input-password';\nimport PowerFooter from '../../../components/power-footer';\nimport {\n useAuthCoreModal,\n useCustomNavigate,\n useModalOptions,\n useParticleAuth,\n useTranslation,\n} from '../../../context';\nimport { useConnect } from '../../../context/hooks/useConnect';\nimport useMessage from '../../../context/hooks/useMessage';\nimport { AuthCoreModalEvent } from '../../../context/types';\nimport { isAutoFocusSupported } from '../../../utils';\nimport SetMasterPasswordSuccess from '../setMasterPasswordSuccess';\nimport styles from './index.less';\nimport MasterPasswordLoading from './masterPasswordLoading';\n\nconst SetMasterPassword = (props: any) => {\n const navigate = useCustomNavigate();\n\n const { t } = useTranslation();\n\n const { Text, Link } = Typography;\n const message = useMessage();\n const state = props;\n\n const [digitsError, setDigitsError] = useState(false);\n\n const [matchError, setMatchError] = useState(false);\n\n const [passwordStep, setPasswordStep] = useState<'unset' | 'loading' | 'success' | 'failure'>('unset');\n\n const { authCoreModal } = useAuthCoreModal();\n\n const [passwordForm] = Form.useForm();\n\n const [passwordValue, setPasswordValue] = useState('');\n\n const [disableSubmit, setDisableSubmit] = useState(true);\n\n const { loginSuccessRedirectToApp, events } = useParticleAuth();\n\n const { modalOptions } = useModalOptions();\n\n const { disconnect } = useConnect();\n\n const { setAuthCoreModal } = useAuthCoreModal();\n\n const changePassword = useMemo(() => (state as any)?.setNewMasterPassword, [state]);\n\n const loginSetMasterPassword = useMemo(() => (state as any)?.loginSetMasterPassword, [state]);\n\n useEffect(() => {\n if (\n modalOptions?.promptSettingConfig?.promptMasterPasswordSettingWhenLogin === PromptSettingType.everyAndNotSkip &&\n loginSetMasterPassword\n ) {\n setAuthCoreModal({\n closable: false,\n });\n return () => {\n setAuthCoreModal({\n closable: true,\n });\n };\n }\n }, [loginSetMasterPassword, modalOptions?.promptSettingConfig?.promptMasterPasswordSettingWhenLogin]);\n\n const { run: runSetMasterPassword } = useRequest(setMastersPassword, {\n manual: true,\n onBefore: () => {\n setPasswordStep('loading');\n },\n onSuccess: async (result) => {\n console.log('set master password success', result);\n if (!changePassword) {\n analyticsRecord({\n // eslint-disable-next-line camelcase\n record_type: RecordType.PAGE_SETTING_MASTER_PASSWORD_SET, // \u4E3B\u5BC6\u7801\u8BBE\u7F6E\u6210\u529F\n });\n } else {\n analyticsRecord({\n // eslint-disable-next-line camelcase\n record_type: RecordType.PAGE_SETTING_MASTER_PASSWORD_CHANGE, // \u4E3B\u5BC6\u7801\u4FEE\u6539\u6210\u529F\n });\n }\n\n setPasswordStep('success');\n },\n onError: (error) => {\n console.log('set master password error', error);\n setPasswordStep('failure');\n message.error(t('account.master_password_set_failed'));\n },\n });\n\n const toDescription = () => {\n navigate('/account/master-password/description');\n };\n\n const onInputFinish = ({\n password,\n confirmPassword,\n }: {\n password: string | undefined;\n confirmPassword: string | undefined;\n }) => {\n if (password && password.length >= 6 && password.length <= 20 && password === confirmPassword) {\n setPasswordValue(password);\n runSetMasterPassword(password);\n } else {\n setDigitsError(!password || password.length < 6 || password.length > 20);\n setMatchError(Boolean(password && confirmPassword && password !== confirmPassword));\n }\n };\n\n const onPasswordInputBlur = (event: any) => {\n const password: string | undefined = passwordForm.getFieldValue('password');\n const confirmPassword: string | undefined = passwordForm.getFieldValue('confirmPassword');\n setDigitsError(!password || password.length < 6 || password.length > 20);\n if (password && confirmPassword) {\n setMatchError(password !== confirmPassword);\n }\n };\n const onConfirmPasswordInputBlur = (event: any) => {\n const password: string | undefined = passwordForm.getFieldValue('password');\n const confirmPassword: string | undefined = passwordForm.getFieldValue('confirmPassword');\n setMatchError(Boolean(password && confirmPassword && password !== confirmPassword));\n };\n\n const onPasswordInputChange = () => {\n setDigitsError(false);\n };\n\n const onConfirmPasswordInputChange = () => {\n setMatchError(false);\n };\n\n const warningModalRef = React.useRef\n }>\n \n \n {t('account.master_password_loading_tip1')} \n {t('account.master_password_loading_tip2')} \n {t('account.master_password_loading_tip3')} \n \n
\n {View}
\n \n
\n ),\n closable: true,\n maskClosable: false,\n });\n } else if (loginSetMasterPassword) {\n loginSuccessRedirectToApp();\n } else {\n navigate(-1);\n }\n };\n\n const onValuesChange = () => {\n const password = passwordForm.getFieldValue('password');\n const confirmPassword = passwordForm.getFieldValue('confirmPassword');\n setDisableSubmit(!password || !confirmPassword);\n };\n\n useEffect(() => {\n // biRecords({\n // record_type: RecordType.PAGE_SETTING_MASTER_PASSWORD_ENTER, // \u8FDB\u5165\u4E3B\u5BC6\u7801\u8BBE\u7F6E\u9875\u9762\n // });\n }, []);\n\n return (\n {t('account.unset_the_master_password')}
\n \n {\n disconnect().finally(() => {\n warningModalRef.current.destroy();\n setAuthCoreModal({\n particleModalVisible: false,\n });\n\n events.emit(AuthCoreModalEvent.LoginFail, AuthError.userCancelOperation());\n });\n }}\n >\n {t('account.exit')}\n \n {\n warningModalRef.current.destroy();\n }}\n >\n {t('new.continue')}\n \n
\n \n \n
\n );\n};\n\nexport default SetMasterPassword;\n", "import { Space, Typography } from 'antd';\nimport React from 'react';\nimport Header from '../../../components/header';\nimport SVGIcon from '../../../components/icon/svg-icon';\nimport PowerFooter from '../../../components/power-footer';\nimport { useCustomNavigate, useTranslation } from '../../../context';\nimport styles from './index.less';\n\nconst MasterPasswordDescription = () => {\n const { Title, Paragraph } = Typography;\n const navigate = useCustomNavigate();\n const { t } = useTranslation();\n\n return (\n \n {changePassword ? t('account.new_master_password') : t('account.master_password')}\n
\n\n {/* set master password */}\n {(passwordStep === 'unset' || passwordStep === 'failure') && (\n \n \n
\n )}\n\n {/* set master password loading */}\n {passwordStep === 'loading' && \n {t('account.about_master_password')} \n
\n );\n};\n\nexport default MasterPasswordDescription;\n", "import { RecordType } from '@particle-network/analytics';\nimport { analyticsRecord, restoreWallet } from '@particle-network/auth-core';\nimport { useRequest } from 'ahooks';\nimport { Button, Form, Space, Typography } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport InputPassword from '../../../components/input-password';\nimport PowerFooter from '../../../components/power-footer';\nimport { useCustomNavigate, useParticleAuth, useTranslation } from '../../../context';\nimport useMessage from '../../../context/hooks/useMessage';\nimport styles from './index.less';\n\nexport type MasterPasswordVerifyProps = {\n loginVerifyMasterPassword?: boolean;\n};\n\nconst MasterPasswordVerify = (props?: MasterPasswordVerifyProps) => {\n const { Text, Link } = Typography;\n const navigate = useCustomNavigate();\n const [showPasswordError, setShowPasswordError] = useState(false);\n const { t } = useTranslation();\n\n const { loginVerifyMasterPassword } = props || {};\n const containerRef = React.useRef\n \n
\n \n navigate(-1)} />\n \n \n {t('account.about_master_password_t1')}\n \n {t('account.about_master_password_p1')} \n \n {t('account.about_master_password_t2')}\n \n {t('account.about_master_password_p2')} \n \n {t('account.about_master_password_t3')}\n \n {t('account.about_master_password_p3')} \n \n
\n \n \n
\n );\n};\n\nexport default MasterPasswordVerify;\n", "import { Button } from 'antd';\nimport React, { useEffect } from 'react';\nimport { PromptSettingType } from '../../../api/model/bundle';\nimport PowerFooter from '../../../components/power-footer';\nimport { useCustomNavigate, useParticleAuth, useTranslation } from '../../../context';\nimport styles from './index.less';\n\nconst MasterPasswordModal = () => {\n const { t } = useTranslation();\n const navigate = useCustomNavigate();\n const { loginSuccessRedirectToApp, modalOptions, setAuthCoreModal } = useParticleAuth();\n const { promptSettingConfig } = modalOptions;\n\n useEffect(() => {\n setAuthCoreModal({\n closable: false,\n });\n return () => {\n setAuthCoreModal({\n closable: true,\n });\n };\n }, []);\n\n const navigateToSetMasterPassword = () => {\n navigate('/account/master-password', {\n replace: true,\n state: {\n loginSetMasterPassword: true,\n },\n });\n };\n\n const laterToSet = () => {\n loginSuccessRedirectToApp();\n };\n\n return (\n {t('account.restore_wallet')}
\n \n \n \n\n
\n );\n};\n\nexport default MasterPasswordModal;\n", "import { verifyMasterPassword } from '@particle-network/auth-core';\nimport { useRequest } from 'ahooks';\nimport { Button, Form, Space, Typography } from 'antd';\nimport React, { useState } from 'react';\nimport Header from '../../../components/header';\nimport InputPassword from '../../../components/input-password';\nimport PowerFooter from '../../../components/power-footer';\nimport { useCustomNavigate, useTranslation } from '../../../context';\nimport useMessage from '../../../context/hooks/useMessage';\nimport styles from './index.less';\n\nconst MasterPasswordChange = () => {\n const navigate = useCustomNavigate();\n const { t } = useTranslation();\n const { Text, Link } = Typography;\n\n const [showError, setShowError] = useState(false);\n const message = useMessage();\n const [nextDisabled, setNextDisabled] = useState(true);\n\n const { run: runCheckMasterPassword, loading } = useRequest(\n (password: string) => {\n return verifyMasterPassword(password).then((res) => {\n if (!res) {\n throw new Error('Master password decryption error');\n }\n return res;\n });\n },\n {\n manual: true,\n onSuccess: (result) => {\n setNewMasterPassword();\n },\n onError: (error) => {\n console.log('checkMasterPassword error', error);\n if (error?.message === 'Master password decryption error') {\n setShowError(true);\n } else {\n message.error(error?.message || 'check master password error');\n }\n },\n }\n );\n\n const setNewMasterPassword = () => {\n navigate('/account/master-password', {\n state: {\n setNewMasterPassword: true,\n },\n });\n };\n\n const onInputFinish = (values: any) => {\n const { password } = values;\n if (password && password.length >= 6 && password.length <= 20) {\n runCheckMasterPassword(password);\n } else {\n setShowError(true);\n }\n };\n\n const onValuesChange = (values: any) => {\n setShowError(false);\n const { password } = values;\n setNextDisabled(!password);\n };\n\n const toDecription = () => {\n navigate('/account/master-password/description');\n };\n\n return (\n {t('account.set_master_password')}
\n\n \n
\n\n {t('account.set_master_password_tip')}
\n \n \n \n\n {\n // \u5F3A\u5236\u8BBE\u7F6E\u4E3B\u5BC6\u7801\uFF0C\u9690\u85CF Later \u6309\u94AE\n promptSettingConfig?.promptMasterPasswordSettingWhenLogin !== PromptSettingType.everyAndNotSkip && (\n \n )\n }\n
\n \n \n {t('account.current_master_password')} \n
\n );\n};\n\nexport default MasterPasswordChange;\n", "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 \n \n \n
\n \n {input.map((item, idx) => (\n \n {inputVal[idx] ? '\u25CF' : ''}\n \n ))}\n
\n \n {keywords.map((item) => (\n {\n if (item === '') {\n return;\n }\n inputChange(item + '');\n }}\n >\n {item}\n \n ))}\n \n
\n \n );\n }\n return (\n <>\n \n \n .default})
\n
\n \n );\n};\n\nexport default ParticleKeywords;\n", "import { useRequest } from 'ahooks';\nimport { Button } from 'antd';\nimport { useEffect, useState } from 'react';\nimport { useCustomNavigate, useTranslation } from '../../../context';\nimport ParticleKeywords from '../ParticleKeywords/index';\n\nimport { updatePaymentPassword } from '@particle-network/auth-core';\nimport React from 'react';\nimport SVGIcon from '../../../components/icon/svg-icon';\nimport { useError } from '../../../context/hooks/useError';\nimport { PageType } from '../accountVerify/config';\nimport styles from './index.less';\n\nconst SetPaymentPassword = (props: any) => {\n const navigate = useCustomNavigate();\n const { t } = useTranslation();\n const state = props;\n // 1. loading 3. password 4,success 5. check 6. code 7 confirm password\n type StepType = 'loading' | 'password' | 'success' | 'check' | 'code' | 'confirm';\n const [step, setStep] = useState\n {t('account.payment_checking')}
\n\n \n navigate(-1)} />\n
\n );\n }\n\n return (\n <>\n \n {t('account.set_payment_password')}
\n{t('account.re_enter_confirm')}
\n\n
\n \n \n {t('account.done')}\n \n
\n \n navigate(-1)} />\n
\n \n );\n};\n\nexport default SetPaymentPassword;\n", "import { useRequest } from 'ahooks';\nimport React, { useState } from 'react';\nimport { useCustomNavigate, useParticleAuth, useTranslation } from '../../../context';\nimport ParticleKeywords from '../ParticleKeywords/index';\n\nimport { ApiError, verifyPaymentPassword } from '@particle-network/auth-core';\nimport Header from '../../../components/header';\nimport styles from './index.less';\nconst ChangePaymentPassword = (prop: any) => {\n const navigate = useCustomNavigate();\n const { t } = useTranslation();\n const [pwd, setPwd] = useState('');\n\n const { setWrongPassword } = useParticleAuth();\n\n const { loading: verifyLoading, run: runVerify } = useRequest(verifyPaymentPassword, {\n manual: true,\n onSuccess: (result, params) => {\n navigate('/account/set-password', {\n state: {\n oldPassword: pwd,\n },\n replace: true,\n });\n },\n onError: (error: any) => {\n console.log('verify password error', error);\n setPwd('');\n if (error?.error_code === ApiError.WrongPaymentPassword) {\n setWrongPassword({ visible: true });\n } else if (error?.error_code === ApiError.SecurityAccountFrozen) {\n const seconds = error.extra.seconds || 0;\n setWrongPassword({\n visible: true,\n accountFrozen: {\n seconds: seconds,\n },\n });\n }\n },\n });\n\n const checkInputPwd = (value: string) => {\n setPwd(value);\n if (value.length === 6) {\n runVerify(value);\n }\n };\n\n return (\n <>\n \n {t('account.set_payment_password')}
\n{t('account.set_payment_password_tip')}
\n\n {\n setPassword(e);\n if (e.length > 5) {\n setPasswordMistake(false);\n setPasswordMatched(false);\n setStep('confirm');\n }\n }}\n value={password}\n >\n
\n\n {passwordMistake && {t('account.password_do_not_match')}
}\n \n
\n \n );\n};\n\nexport default ChangePaymentPassword;\n", "import { DownOutlined } from '@ant-design/icons';\nimport { useClickAway } from 'ahooks';\nimport type { FormInstance } from 'antd';\nimport { Form, Input, InputNumber } from 'antd';\nimport getUnicodeFlagIcon from 'country-flag-icons/unicode';\nimport { isValidPhoneNumber, parsePhoneNumber } from 'libphonenumber-js/max';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { useTranslation } from '../../context';\nimport { defaultCountriesData, getCurrentCountry } from '../../api/model/all-countries';\nimport styles from './index.less';\ninterface Iprops {\n form: FormInstance;\n name: string;\n disabled?: boolean;\n previewMode?: string;\n [key: string]: any;\n}\n\nconst PhoneInputItem = (props: Iprops) => {\n const form = props.form;\n const phoneValue = Form.useWatch(props.name, form);\n const [countryData, setCountryData] = useState(['United States', 'us', '1']);\n const { t } = useTranslation();\n const [visbSelectCountry, setVisbSelectCountry] = useState(false);\n const clickRef = useRef\n
\n {t('account.change_payment_password')}
\n {t('account.change_enter_payment')}
\n\n \n \n \n {\n // return event.target.value.replace(/\\D+/g, '');\n // }}\n rules={[\n {\n required: true,\n validator: (rule, value) => {\n try {\n if (!value) {\n return Promise.reject(t('login.input_phone_holder'));\n } else {\n try {\n value = `+${countryData[2]} ${value}`;\n if (!isValidPhoneNumber(value)) {\n return Promise.reject(t('login.phone_format_error'));\n }\n } catch (error) {\n return Promise.reject(t('login.phone_format_error'));\n }\n }\n } catch (error) {\n return Promise.reject(t('login.phone_format_error'));\n }\n return Promise.resolve();\n },\n },\n ]}\n >\n {\n form.setFieldsValue({\n [props.name]: `+${countryData[2]} ${value}`,\n });\n }}\n onFocus={() => {\n document.querySelector('.ant-input-number-group-wrapper')?.setAttribute('data-focus', 'true');\n }}\n onBlur={() => {\n document.querySelector('.ant-input-number-group-wrapper')?.setAttribute('data-focus', 'false');\n }}\n addonBefore={\n
\n ) : (\n \n {\n if (!props.disabled) {\n setVisbSelectCountry(!visbSelectCountry);\n setTimeout(() => {\n searchInputRef.current?.focus();\n });\n }\n }}\n ref={clickRef}\n >\n
\n\n {visbSelectCountry && (\n \n
\n +{countryData[2]}\n {getUnicodeFlagIcon(`${countryData[1]}`)}
\n \n {\n e.stopPropagation();\n }}\n >\n {\n const value = e?.target?.value || '';\n setSearchValue(value);\n }}\n />\n
\n {countriesList && !!countriesList.length ? (\n \n {countriesList.map((item, index) => (\n {\n setCountryData(item);\n setVisbSelectCountry(false);\n }}\n >\n
\n ))}\n \n
\n {getUnicodeFlagIcon(`${item[1]}`)}
\n {item[0]}\n {'+' + item[2]}
\n No data
\n )}\n \n )}\n \n }\n />\n \n \n \n );\n};\n\nexport default PhoneInputItem;\n", "import { AuthType, checkHasBoundLoginPhoneOrEmail } from '@particle-network/auth-core';\nimport { useRequest, useThrottleFn } from 'ahooks';\nimport { Button, Form, Input, Modal } from 'antd';\nimport { parsePhoneNumber } from 'libphonenumber-js/max';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport Header from '../../components/header';\nimport PhoneInputItem from '../../components/phoneInputItem';\nimport PowerFooter from '../../components/power-footer';\nimport { useAuthCoreModal, useCustomNavigate, useParticleAuth, useTranslation } from '../../context';\nimport { useUserInfo } from '../../context/hooks';\nimport useMessage from '../../context/hooks/useMessage';\nimport { EmailRegExp } from '../../utils';\nimport { PageType } from '../account/accountVerify/config';\nimport { encryptValue, getAccountList } from '../loginAccount';\nimport styles from './index.less';\n\nexport interface IAccountInfo {\n type: AuthType;\n icon: string;\n name: string;\n value: string;\n id?: string;\n isOriginal?: boolean;\n}\n\ninterface IState {\n authType: AuthType;\n verifyToken: string;\n}\n\nconst LoginAccountBind = (props: any) => {\n const state = props;\n const authType = (state as IState)?.authType || '';\n const verifyToken = (state as IState)?.verifyToken || '';\n const { t } = useTranslation();\n const [form] = Form.useForm();\n const navigate = useCustomNavigate();\n const message = useMessage();\n const { userInfo } = useUserInfo();\n const { showSelectSecurityAccount } = useParticleAuth();\n const [submitLoading, setSubmitLoading] = useState(false);\n const { runAsync: loginBindingsCheckRequest } = useRequest(checkHasBoundLoginPhoneOrEmail, {\n manual: true,\n });\n const { authCoreModal } = useAuthCoreModal();\n const accountList = useMemo(() => {\n return getAccountList({ userInfo, t });\n }, [userInfo, t]);\n\n const accountInfo: IAccountInfo = useMemo(() => {\n const data = (accountList?.find?.((item) => item.type === authType) || {}) as IAccountInfo;\n return data;\n }, [accountList, authType]);\n\n /**\n * \u53EF\u4EE5\u5DF2\u7ECF\u7ED1\u5B9A\n */\n const canLink = useMemo(() => {\n return !accountInfo.value && !accountInfo.id;\n }, [accountInfo]);\n\n /**\n * \u662F\u5426\u53EF\u4EE5\u89E3\u7ED1\n * \u5982\u679CisOriginal=true \u8BF4\u660E\u662F\u539F\u59CB\u8D26\u53F7\uFF0C\u4E0D\u80FD\u89E3\u7ED1\n */\n const canUnlink = useMemo(() => {\n return !accountInfo.isOriginal && !canLink;\n }, [accountInfo]);\n\n const bindLoginAccount = () => {\n form.validateFields().then((values) => {\n const targetInputValue: string = form.getFieldsValue()?.inputValue?.replace(/\\s/g, '')?.trim?.() || '';\n setSubmitLoading(true);\n // \u5224\u65AD\u6B64\u624B\u673A\u53F7\u662F\u5426\u662F\u5B89\u5168\u624B\u673A\u53F7\u7801\uFF0C\u5982\u679C\u662F\u5B89\u5168\u624B\u673A\u53F7\u7801\uFF0C\u5C31\u63D0\u793A\u201D\u5B89\u5168\u624B\u673A\u53F7\u7801\u4E0D\u80FD\u4F5C\u4E3A\u767B\u5F55\u8D26\u53F7\u201C\n if (authType === 'phone' && userInfo?.security_account?.phone === targetInputValue) {\n Modal.error({\n title: t('new.duplicate_phonel_bindings'),\n wrapClassName: 'auth-core-modal-error',\n getContainer: () => {\n return authCoreModal.rootBody as HTMLElement;\n },\n });\n setSubmitLoading(false);\n return;\n } else if (\n authType === 'email' &&\n userInfo?.security_account?.email?.toLowerCase() === targetInputValue?.toLowerCase()\n ) {\n Modal.error({\n title: t('new.duplicate_email_bindings'),\n wrapClassName: 'auth-core-modal-error',\n getContainer: () => {\n return authCoreModal.rootBody as HTMLElement;\n },\n });\n setSubmitLoading(false);\n return;\n }\n\n const params: any = {};\n if (authType === AuthType.phone) {\n params.phone = targetInputValue;\n } else {\n params.email = targetInputValue;\n }\n loginBindingsCheckRequest(params)\n .then((res) => {\n navigate('/account/verify', {\n state: {\n account: targetInputValue,\n authType,\n verifyToken,\n pageType: PageType.BindLoginAccount,\n },\n });\n setSubmitLoading(false);\n })\n .catch((error) => {\n setSubmitLoading(false);\n if (error.error_code === 20109) {\n Modal.error({\n title: authType === AuthType.phone ? t('error.server_phone_20109') : t('error.server_email_20109'),\n wrapClassName: 'auth-core-modal-error',\n getContainer: () => {\n return authCoreModal.rootBody as HTMLElement;\n },\n });\n } else {\n message.error(error.message);\n }\n });\n });\n };\n\n const { run: toAccountVerify } = useThrottleFn(\n (params) => {\n navigate('/account/verify', {\n state: {\n account: params.account, // \u9A8C\u8BC1\u5B89\u5168\u8D26\u53F7\n authType,\n unbindAccount: form.getFieldValue('inputValue'),\n pageType: PageType.UnbindLoginAccount,\n },\n });\n },\n { wait: 3000 }\n );\n\n const unbindLoginAccount = () => {\n // \u89E3\u7ED1\u9A8C\u8BC1\u9700\u8981\u9A8C\u8BC1\u5B89\u5168\u8D26\u53F7\n if (userInfo?.security_account?.email && userInfo?.security_account?.phone) {\n showSelectSecurityAccount(true, {\n authType,\n unbindAccount: form.getFieldValue('inputValue'),\n pageType: PageType.UnbindLoginAccount,\n });\n } else {\n toAccountVerify({\n account: userInfo?.security_account?.email || userInfo?.security_account?.phone,\n });\n }\n };\n\n useEffect(() => {\n if (accountInfo?.value || accountInfo?.id) {\n if (authType === AuthType.phone) {\n const phoneNumber = parsePhoneNumber(accountInfo?.value.replace(/\\s/g, ''));\n const countryCode = phoneNumber.countryCallingCode;\n const nationalNumber = phoneNumber.nationalNumber;\n form.setFieldsValue({\n inputValue: encryptValue(`+${countryCode} ${nationalNumber}`),\n });\n } else {\n form.setFieldsValue({\n inputValue: encryptValue(accountInfo?.value || accountInfo?.id || ''),\n });\n }\n }\n }, [accountInfo?.value, accountInfo?.id, authType]);\n\n return (\n \n \n {accountInfo.name} \n
}\n />\n ) : (\n \n \n
\n );\n};\n\nexport default LoginAccountBindLoading;\n", "import { isConnected } from '@particle-network/auth-core';\nimport qs from 'qs';\nimport React, { useMemo } from 'react';\nimport type { ICustomRouter } from '../../context/types';\nimport ParticleLoading from '../loading';\n\nexport enum AuthPage {\n Index = 'index',\n Login = 'login',\n EvmSign = 'evm-chain/sign',\n SolanaSign = 'solana/sign',\n LoginAccount = 'login-account',\n AccountSecurity = 'account/security',\n MasterPasswordVerify = 'account/master-password/verify',\n MasterPasswordPrompt = 'account/master-password/prompt',\n}\n\ninterface IPage {\n name?: AuthPage;\n path?: string;\n component: React.LazyExoticComponent\n {loading ? (\n
\n \n
\n ) : (\n \n
\n \n \n
\n 
\n
\n )}\n Binding succeeded\uFF01
\n \n {\n navigate('/account/security', { replace: true });\n }}\n >\n Back\n \n
\n \n \n
\n }\n >\n \n {props.children}\n
\n );\n}\n", "import { Modal } from 'antd';\nimport React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react';\n\nimport { useAuthCoreModal } from '../../context';\nimport ParticleDrawer from '../particle-drawer';\nimport styles from './index.less';\n\ninterface IProps {\n children?: React.ReactNode;\n visible?: boolean;\n containerSelector?: any;\n title?: string | any;\n modalProps?: any;\n locked?: 'modal' | 'drawer';\n drawerProps?: any;\n className?: string;\n closable?: boolean;\n onOpen?: () => void;\n onClose?: () => void;\n}\nconst ParticleModal = forwardRef((props: IProps, ref) => {\n const { children, title, drawerProps = {}, modalProps = {} } = props;\n const { authCoreModal } = useAuthCoreModal();\n const [visible, setVisible] = useState(props.visible || false);\n\n const onClose = () => {\n setVisible(false);\n props.onClose && props.onClose();\n };\n\n const onOpen = () => {\n setVisible(true);\n props.onOpen && props.onOpen();\n };\n\n useImperativeHandle(ref, () => ({\n setVisible,\n onOpen,\n onClose,\n }));\n\n useEffect(() => {\n setVisible(props.visible ?? false);\n }, [props.visible]);\n\n if (modalProps?.style?.top) {\n modalProps.style.top = '';\n }\n\n return (\n <>\n \n {authCoreModal.viewType == 'desktop' || props.locked === 'modal' ? (\n \n Wallet Plugin\n
\n );\n};\n\nexport default IframeWalletPlugin;\n", "import { Button, Modal } from 'antd';\nimport React from 'react';\nimport { PromptSettingType } from '../../../api/model/bundle';\nimport CircleClose from '../../../components/icon/circle-close';\nimport { useAuthCoreModal, useParticleAuth, useTranslation } from '../../../context';\nimport styles from './index.less';\nexport interface AccountTipModalProps {\n visible: boolean;\n confirm?: () => void;\n}\n\nconst AccountTipModal = ({ modal }: { modal: AccountTipModalProps }) => {\n const { visible, confirm } = modal;\n const { t } = useTranslation();\n const { setPaymentPassword, showAccountTipModal, modalOptions } = useParticleAuth();\n const { authCoreModal } = useAuthCoreModal();\n const setPassword = () => {\n showAccountTipModal({\n visible: false,\n });\n setPaymentPassword();\n };\n\n const continueConfirm = () => {\n confirm?.();\n showAccountTipModal({\n visible: false,\n });\n };\n\n return (\n <>\n \n \n \n showAccountTipModal({\n visible: false,\n })\n }\n />\n
\n \n \n );\n};\n\nexport default AccountTipModal;\n", "import { ApiError, verifyPaymentPassword } from '@particle-network/auth-core';\nimport { useRequest } from 'ahooks';\nimport React, { useEffect, useState } from 'react';\nimport ParticleDrawer from '../../../components/particle-drawer';\nimport { useAuthCoreModal, useParticleAuth, useTranslation } from '../../../context';\nimport ParticleKeywords from '../ParticleKeywords';\nimport styles from './index.less';\nexport interface PaymentVerify {\n visible: boolean;\n onVerifyCompleted?: (password: string) => void;\n onVerifyFailed?: (message: string) => void;\n type?: 'close' | 'verify';\n}\n\n//\u652F\u4ED8\u65F6\u9A8C\u8BC1\nconst PaymentVerifyModal = ({ props }: { props: PaymentVerify }) => {\n const { setPaymentVerify, setWrongPassword } = useParticleAuth();\n const { t } = useTranslation();\n\n const [pwd, setPwd] = useState('');\n const { authCoreModal } = useAuthCoreModal();\n useEffect(() => {\n if (props.visible) {\n setPwd('');\n }\n }, [props.visible]);\n\n const { loading: verifyLoading, run: runVerify } = useRequest(verifyPaymentPassword, {\n manual: true,\n onSuccess: (result, params) => {\n setPaymentVerify({ visible: false });\n props.onVerifyCompleted?.(pwd);\n },\n onError: (error: any) => {\n console.log('verify password error', error);\n setPwd('');\n if (error?.error_code === ApiError.WrongPaymentPassword) {\n setWrongPassword({ visible: true });\n } else if (error?.error_code === ApiError.SecurityAccountFrozen) {\n const seconds = error.extra.seconds || 0;\n setWrongPassword({\n visible: true,\n accountFrozen: {\n seconds: seconds,\n },\n });\n }\n },\n });\n\n const closeVerify = () => {\n if (verifyLoading) return false;\n setPaymentVerify({ visible: false });\n props.onVerifyFailed?.(t('common.cancel'));\n };\n\n const checkInputPwd = (value: string) => {\n setPwd(value);\n if (value.length === 6) {\n runVerify(value);\n }\n };\n\n return (\n <>\n \n {t('account.account_modal1_title')}
\n{t('account.account_modal1_tip')}
\n \n {\n // \u5F3A\u5236\u8BBE\u7F6E\u652F\u4ED8\u5BC6\u7801\uFF0C\u9690\u85CF\u8DF3\u8FC7\u6309\u94AE\n modalOptions.promptSettingConfig?.promptPaymentPasswordSettingWhenSign !==\n PromptSettingType.everyAndNotSkip && (\n \n )\n }\n \n
\n \n \n );\n};\n\nexport default PaymentVerifyModal;\n", "import { useInterval } from 'ahooks';\nimport { Button, Modal } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport CircleClose from '../../../components/icon/circle-close';\nimport { useAuthCoreModal, useCustomNavigate, useParticleAuth, useTranslation } from '../../../context';\nimport styles from './index.less';\nexport interface WrongPasswordInfo {\n visible: boolean;\n accountFrozen?: { seconds: number };\n}\n\nconst WrongPasswordModal = ({ info }: { info: WrongPasswordInfo }) => {\n const { t } = useTranslation();\n const { setWrongPassword, setPaymentVerify, userInfo, showSelectSecurityAccount } = useParticleAuth();\n\n const navigate = useCustomNavigate();\n\n const forgotPassword = () => {\n setWrongPassword({ visible: false });\n setPaymentVerify({ visible: false });\n chooseVerifyType();\n };\n const { authCoreModal } = useAuthCoreModal();\n\n //reset password\n const chooseVerifyType = () => {\n if (userInfo?.security_account?.email && userInfo?.security_account?.phone) {\n showSelectSecurityAccount(true);\n } else {\n navigate('/account/set-password', {\n state: {\n account: userInfo?.security_account?.email || userInfo?.security_account?.phone,\n },\n });\n }\n };\n\n const retry = () => {\n setWrongPassword({ visible: false });\n };\n\n const [interval, setInterval] = useState\n
\n \n \n );\n};\n\nexport default WrongPasswordModal;\n", "import { AuthType } from '@particle-network/auth-core';\nimport { Button } from 'antd';\nimport React from 'react';\nimport ParticleDrawer from '../../../components/particle-drawer';\nimport { useAuthCoreModal, useCustomNavigate, useParticleAuth, useTranslation } from '../../../context';\nimport { displayEmail, displayPhone } from '../../../utils/common-utils';\nimport styles from './index.less';\n\nconst SelectSecurityAccount = (props: any) => {\n const { t } = useTranslation();\n const { visible, state } = props;\n const { showSelectSecurityAccount, userInfo } = useParticleAuth();\n const navigate = useCustomNavigate();\n const { authCoreModal } = useAuthCoreModal();\n const navigateToVerify = (account?: string, authType?: AuthType) => {\n if (state) {\n navigate('/account/verify', {\n state: {\n account,\n ...state,\n },\n });\n } else {\n navigate('/account/set-password', {\n state: {\n account,\n },\n });\n }\n showSelectSecurityAccount(false);\n };\n\n return (\n <>\n \n {t('account.incorrect_payment_password')}
\n {t('account.incorrect_tip2')}
\n \n ) : (\n {t('account.incorrect_tip1')}
\n )}\n\n {info.accountFrozen && {formatTime(countdown)}
}\n\n \n\n {!info.accountFrozen && (\n \n )}\n \n navigateToVerify(userInfo?.security_account?.email, AuthType.email)}\n >\n {`${t('account.email')} - ${displayEmail(userInfo?.security_account?.email || '')}`}\n \n navigateToVerify(userInfo?.security_account?.phone, AuthType.phone)}\n >\n {`${t('account.mobile')} - ${displayPhone(userInfo?.security_account?.phone || '')}`}\n \n
\n \n \n );\n};\n\nexport default SelectSecurityAccount;\n", "import type { LoginAuthorization, SolanaAuthorization, UserInfo } from '@particle-network/auth-core';\nimport {\n AuthCoreEvent,\n EvmRpcMethod,\n SolanaRpcMethod,\n connect,\n getConnectCaptcha,\n getUserInfo,\n hasPaymentPassword,\n isConnected,\n particleAuth,\n syncUserInfo,\n} from '@particle-network/auth-core';\nimport type { WalletEntryPlugin } from '@particle-network/wallet';\nimport { useAsyncEffect, useSetState, useSize } from 'ahooks';\nimport base58 from 'bs58';\nimport { EventEmitter } from 'events';\nimport get from 'lodash/get';\nimport React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport root from 'react-shadow';\nimport { AuthError } from '../api/model/authError';\nimport CustomRouter, { AuthPage } from '../components/customRouter';\nimport FocusTrap from '../components/focusTrap';\nimport ParticleModal from '../components/particle-modal';\nimport AuthCoreModalContainer from '../components/particle-modal/authCoreModalContainer';\nimport { dictionaries } from '../locales';\nimport type { AccountTipModalProps } from '../pages/account/accountTipModal';\nimport type { PaymentVerify } from '../pages/account/paymentVerifyModal';\nimport type { WrongPasswordInfo } from '../pages/account/wrongPasswordModal';\nimport { isServer } from '../utils';\nimport authorizeUtils from '../utils/authorizeUtils';\nimport { isSolana } from '../utils/chain-utils';\nimport { toHexPrefixString } from '../utils/common-utils';\nimport { sendAnalyticsActive } from '../utils/sendAnalyticsActive';\nimport { getVersion } from '../utils/version';\nimport ProviderInject from './providerInject';\nimport type {\n AuthCoreModalOptions,\n ConnectionStatus,\n IAuthCoreModal,\n ICustomRouter,\n Language,\n NavigateOptions,\n SocialConnectCallback,\n ViewType,\n} from './types';\nimport { AuthCoreModalEvent } from './types';\nimport Web3ModalProvider from './web3ModalProvider';\n\nconst IframeWalletPlugin = React.lazy(() => import('./iframeWalletPlugin'));\nconst AccountTipModal = React.lazy(() => import('../pages/account/accountTipModal'));\nconst PaymentVerifyModal = React.lazy(() => import('../pages/account/paymentVerifyModal'));\nconst WrongPasswordModal = React.lazy(() => import('../pages/account/wrongPasswordModal'));\nconst SelectSecurityAccount = React.lazy(() => import('../pages/account/selectSecurityAccount'));\n\nexport const defaultModalOptions: Partial