{"version":3,"file":"OtherWallets.mjs","sources":["../../../../../../../../../../web/src/ui/b2c/screens/Crypto/OtherWallets.tsx"],"sourcesContent":["import { useLingui } from '@lingui/react/macro';\nimport React from 'react';\n\nimport Button from '../../../components/atoms/Button';\nimport Column from '../../../components/atoms/Column';\nimport Typography from '../../../components/atoms/Typography';\nimport ButtonColumn from '../../../components/molecules/ButtonColumn';\nimport { AppScreens, useGlobalReducer } from '../../GlobalContextProvider';\nimport { CryptoWalletButtons } from './WalletButtons';\n\nexport const OtherCryptoWallets = () => {\n  const { t } = useLingui();\n  const [, dispatch] = useGlobalReducer();\n\n  return (\n    <Column gap={6}>\n      <Typography variant=\"header\">\n        {t({ id: 'crypto.continueWithOtherWallet.title', message: 'Continue with other wallet' })}\n      </Typography>\n\n      <ButtonColumn>\n        <CryptoWalletButtons type=\"other\" />\n        <Button variant=\"ghost\" onClick={() => dispatch({ type: 'transition', screen: AppScreens.Main })}>\n          {t({ id: 'button.goBack', message: 'Go back' })}\n        </Button>\n      </ButtonColumn>\n    </Column>\n  );\n};\n"],"names":["OtherCryptoWallets","useLingui","dispatch","useGlobalReducer","React","Column","gap","Typography","variant","ButtonColumn","CryptoWalletButtons","type","Button","onClick","screen","AppScreens","Main"],"mappings":";;;;;;;;;MAUaA,kBAAAA,GAAqB,IAAA;AAChC,IAAA,MAAM,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,GAAA,EAAA,GAAQC,SAAAA,EAAAA;IACd,MAAM,GAAGC,SAAS,GAAGC,gBAAAA,EAAAA;AAErB,IAAA,qBACEC,EAAA,CAAA,aAAA,CAACC,MAAAA,EAAAA;QAAOC,GAAAA,EAAK;qBACXF,EAAA,CAAA,aAAA,CAACG,UAAAA,EAAAA;QAAWC,OAAAA,EAAQ;;;;AAIpB,KAAA,CAAA,CAAA,gBAAAJ,EAAA,CAAA,aAAA,CAACK,kCACCL,EAAA,CAAA,aAAA,CAACM,mBAAAA,EAAAA;QAAoBC,IAAAA,EAAK;sBAC1BP,EAAA,CAAA,aAAA,CAACQ,MAAAA,EAAAA;QAAOJ,OAAAA,EAAQ,OAAA;AAAQK,QAAAA,OAAAA,EAAS,IAAMX,QAAAA,CAAS;gBAAES,IAAAA,EAAM,YAAA;AAAcG,gBAAAA,MAAAA,EAAQC,WAAWC;AAAK,aAAA;;;;;AAMtG;;;;"}