{
  "version": 3,
  "sources": ["../../src/pages/account/selectSecurityAccount/index.tsx"],
  "sourcesContent": ["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      <style>{styles as unknown as string}</style>\n      <ParticleDrawer\n        title={t('account.modal_select_verification') ?? ''}\n        placement='bottom'\n        closable={false}\n        className='select-account-drawer'\n        visible={visible}\n        maskClosable={true}\n        forceRender={true}\n        height={220}\n        onClose={() => showSelectSecurityAccount(false)}\n        getContainer={() => {\n          return authCoreModal.rootBody as HTMLElement;\n        }}\n      >\n        <div className='select-account'>\n          <Button\n            className='account-btn'\n            onClick={() => navigateToVerify(userInfo?.security_account?.email, AuthType.email)}\n          >\n            {`${t('account.email')} - ${displayEmail(userInfo?.security_account?.email || '')}`}\n          </Button>\n          <Button\n            className='account-btn'\n            onClick={() => navigateToVerify(userInfo?.security_account?.phone, AuthType.phone)}\n          >\n            {`${t('account.mobile')} - ${displayPhone(userInfo?.security_account?.phone || '')}`}\n          </Button>\n        </div>\n      </ParticleDrawer>\n    </>\n  );\n};\n\nexport default SelectSecurityAccount;\n"],
  "mappings": ";;;;;;;;;;;;;AAAA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,OAAO,WAAW;;;;;;AAMlB,IAAM,wBAAwB,CAAC,UAAe;AAR9C;AASE,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,SAAS,MAAM,IAAI;AAC3B,QAAM,EAAE,2BAA2B,SAAS,IAAI,gBAAgB;AAChE,QAAM,WAAW,kBAAkB;AACnC,QAAM,EAAE,cAAc,IAAI,iBAAiB;AAC3C,QAAM,mBAAmB,CAAC,SAAkB,aAAwB;AAClE,QAAI,OAAO;AACT,eAAS,mBAAmB;AAAA,QAC1B,OAAO;AAAA,UACL;AAAA,UACA,GAAG;AAAA,QACL;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AACL,eAAS,yBAAyB;AAAA,QAChC,OAAO;AAAA,UACL;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AACA,8BAA0B,KAAK;AAAA,EACjC;AAEA,SACE,0DACE,oCAAC,eAAO,6BAA4B,GACpC;AAAA,IAAC;AAAA;AAAA,MACC,QAAO,OAAE,mCAAmC,MAArC,YAA0C;AAAA,MACjD,WAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAU;AAAA,MACV;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,SAAS,MAAM,0BAA0B,KAAK;AAAA,MAC9C,cAAc,MAAM;AAClB,eAAO,cAAc;AAAA,MACvB;AAAA;AAAA,IAEA,oCAAC,SAAI,WAAU,oBACb;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAG;AApDxB,cAAAA;AAoD2B,mCAAiBA,MAAA,qCAAU,qBAAV,gBAAAA,IAA4B,OAAO,SAAS,KAAK;AAAA;AAAA;AAAA,MAEhF,GAAG,EAAE,eAAe,OAAO,eAAa,0CAAU,qBAAV,mBAA4B,UAAS,EAAE;AAAA,IAClF,GACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAG;AA1DxB,cAAAA;AA0D2B,mCAAiBA,MAAA,qCAAU,qBAAV,gBAAAA,IAA4B,OAAO,SAAS,KAAK;AAAA;AAAA;AAAA,MAEhF,GAAG,EAAE,gBAAgB,OAAO,eAAa,0CAAU,qBAAV,mBAA4B,UAAS,EAAE;AAAA,IACnF,CACF;AAAA,EACF,CACF;AAEJ;AAEA,IAAOC,iCAAQ;",
  "names": ["_a", "selectSecurityAccount_default"]
}