\n
\n","import {Component, Input} from '@angular/core';\n\n@Component({\n selector: 'web3-connect-spinner',\n templateUrl: './web3-connect-spinner.component.html',\n styleUrls: ['./web3-connect-spinner.component.scss'],\n})\n\nexport class Web3ConnectSpinnerComponent {\n\n @Input() public size?: string = '2rem';\n @Input() public description?: string = ''\n\n}\n\n\n","\n
\n","import {Component, Input} from '@angular/core';\nimport {pendingIcon} from \"../../../icons\";\n\n@Component({\n selector: 'web3-connect-badge',\n templateUrl: './web3-connect-badge.component.html',\n styleUrls: ['./web3-connect-badge.component.scss'],\n})\n\nexport class Web3ConnectBadgeComponent {\n\n public pendingIcon: string = pendingIcon;\n @Input() public icon?: string;\n @Input() public iconPromise?: Promise\n \n \n \n
\n{{description}}\n\n \n
\n","import {Component} from '@angular/core';\nimport {configuration} from \"../../../configuration\";\nimport {Configuration} from \"../../../types\";\nimport {getTranslations, Translation} from \"../../../locales\";\n\n@Component({\n selector: 'install-wallet',\n templateUrl: './install-wallet.component.html',\n styleUrls: ['./install-wallet.component.scss'],\n})\n\nexport class InstallWalletComponent{\n protected readonly configuration: Configuration = configuration;\n protected readonly translation: Translation = getTranslations();\n\n}\n\n\n","\n\n {{item.name}} {{i < configuration.appMetadata.recommendedInjectedWallets.length - 1 ? ', ' : ''}}\n \n
\n\n","import {Component, Input} from '@angular/core';\nimport {infoIcon} from \"../../../icons\";\n\n@Component({\n selector: 'web3-connect-warning',\n templateUrl: './web3-connect-warning.component.html',\n styleUrls: ['./web3-connect-warning.component.scss'],\n})\n\nexport class Web3ConnectWarningComponent {\n public infoIcon: string = infoIcon;\n\n @Input() public message?: string;\n @Input() public linkText?: string\n @Input() public linkHref?: string\n @Input() public isInstallWallet?: boolean\n\n}\n\n\n","{{configuration.appMetadata.name}} {{translation.connect.selectingWallet.recommendedWalletsPart1 }}
\n{{configuration.appMetadata.name || 'This app'}}
\n{{translation.connect.selectingWallet.recommendedWalletsPart2}}
\n{{translation.connect.selectingWallet.installWallet }}
\n{{configuration.appMetadata.name || 'This app'}}
\n\n
\n\n\n\n\n","import {Component, EventEmitter, Input, Output} from '@angular/core';\nimport {WalletWithLoadingIcon} from \"../../../types\";\nimport {state} from \"../../../store\";\n@Component({\n selector: 'selecting-wallet',\n templateUrl: './selecting-wallet.component.html',\n styleUrls: ['./selecting-wallet.component.scss'],\n})\n\nexport class SelectingWalletComponent {\n protected readonly wheresMyWalletDefault = 'https://www.blocknative.com/blog/metamask-wont-connect-web3-wallet-troubleshooting'\n\n @Input() public wallets: WalletWithLoadingIcon[];\n @Input() public connectingWalletLabel: string\n @Input() public connectingErrorMessage: string\n @Output() public selectWallet:EventEmitter\n \n \n \n
\n\n
\n {{message}}
\n {{linkText}}\n \n \n \n \n \n \n \n
\n\n","import {Component, EventEmitter, Input, Output} from '@angular/core';\nimport { configuration } from '../../../configuration';\nimport { questionIcon } from '../../../icons';\nimport {Configuration, WalletState} from \"../../../types\";\nimport {getTranslations, Translation} from \"../../../locales\";\n\n@Component({\n selector: 'connecting-wallet',\n templateUrl: './connecting-wallet.component.html',\n styleUrls: ['./connecting-wallet.component.scss'],\n})\n\nexport class ConnectingWalletComponent{\n\n @Input() public connectionRejected: boolean;\n @Input() public previousConnectionRequest: boolean;\n @Input() public selectedWallet: WalletState;\n @Output() public connectWallet:EventEmitter\n
\n\n","import {Component,Input} from '@angular/core';\nimport {Configuration, WalletState} from \"../../../types\";\nimport {configuration} from \"../../../configuration\";\nimport {questionIcon, successIcon} from \"../../../icons\";\nimport {getTranslations, Translation} from \"../../../locales\";\n\n\n@Component({\n selector: 'connected-wallet',\n templateUrl: './connected-wallet.component.html',\n styleUrls: ['./connected-wallet.component.scss'],\n})\n\nexport class ConnectedWalletComponent {\n\n @Input() public selectedWallet: WalletState;\n protected readonly translation: Translation = getTranslations();\n protected readonly configuration:Configuration = configuration;\n protected readonly questionIcon: string = questionIcon;\n protected readonly successIcon: string = successIcon;\n\n}\n\n\n","\n
\n \n\n
\n \n
\n \n
\n \n
\n \n {{connectionRejected ? (translation.connect.connectingWallet.rejectedText) : (translation.connect.connectingWallet.mainText)}}\n
\n \n {{translation.connect.connectingWallet.rejectedCTA }}\n
\n \n {{selectedWallet.label}} {{translation.connect.connectingWallet.previousConnection}}\n
\n {{translation.connect.connectingWallet.paragraph}}
\n \n
\n\n","import {Component, Input, OnInit} from '@angular/core';\nimport {AccountCenter, AppState, ConnectOptions, WalletState, WalletWithLoadingIcon} from \"../../../types\";\nimport {configuration} from \"../../../configuration\";\nimport {state} from \"../../../store\";\nimport {BehaviorSubject, distinctUntilChanged, firstValueFrom, Observable, startWith, Subject} from \"rxjs\";\nimport {STORAGE_KEYS} from \"../../../constants\";\nimport {connectWallet$} from \"../../../streams\";\nimport {filter, mapTo, shareReplay, take, takeUntil} from \"rxjs/operators\";\nimport {addWallet, updateAccount} from \"../../../store/actions\";\nimport {BigNumber} from \"ethers\";\nimport EventEmitter from \"eventemitter3\";\nimport {getBalance, getChainId, listenAccountsChanged, requestAccounts, trackWallet} from \"../../../provider\";\nimport {getLocalStore, setLocalStore} from \"../../../utils\";\nimport {getBNMulitChainSdk} from \"../../../services\";\nimport {ProviderRpcErrorCode, WalletModule} from \"../../../../../common\";\nimport {closeCircleIcon, infoIcon, poweredByBee} from '../../../icons';\nimport {Destroyable} from \"../../../destroyable.base\";\nimport {getTranslations, Translation} from \"../../../locales\";\n\n@Component({\n selector: 'connect',\n templateUrl: './connect.component.html',\n styleUrls: ['./connect.component.scss'],\n})\n\nexport class ConnectComponent extends Destroyable implements OnInit {\n\n @Input() public autoSelect: ConnectOptions['autoSelect'];\n\n protected readonly translation: Translation = getTranslations();\n protected readonly poweredByBee: string = poweredByBee;\n protected readonly infoIcon: string = infoIcon;\n protected readonly closeIcon = closeCircleIcon;\n public readonly state: AppState = state.get();\n public step: any;\n public isAccountCenterConnect: boolean = false;\n public cancelPreviousConnect$: Subject\n
\n\n
\n \n
\n \n
\n\n \n
\n \n {{translation.connect.connectedWallet.mainText}}\n
\n \n
\n \n {{notification.message}}\n \n \n {{notification.link}}\n\n \n \n
\n\n\n\n\n\n\n","import {Component, Input} from '@angular/core';\n\n@Component({\n selector: 'notification-chain',\n templateUrl: './notification-chain.component.html',\n styleUrls: ['./notification-chain.component.scss'],\n})\n\nexport class NotificationChainComponent {\n\n @Input() public icon: string;\n @Input() public borderColorVar: string;\n @Input() public size: number;\n @Input() public padding: number = 0;\n @Input() public background: string = 'transparent';\n\n}\n\n\n","\n \n \n \n
\n\n \n
\n \n \n \n
\n \n
\n\n\n","import {Component, Input} from '@angular/core';\nimport {Configuration, Notification} from \"../../../types\";\nimport { configuration } from '../../../configuration';\n\n\n@Component({\n selector: 'notify',\n templateUrl: './notify.component.html',\n styleUrls: ['./notify.component.scss'],\n})\n\nexport class NotifyComponent{\n protected readonly configuration: Configuration = configuration;\n\n @Input() public notifications: Array\n
\n\n
\n \n
\n - \n
- \n
\n \n
\n \n
\n \n\n\n\n\n","import { firstValueFrom } from 'rxjs'\nimport { filter, withLatestFrom, pluck } from 'rxjs/operators'\nimport { configuration } from './configuration'\nimport { setWalletModules } from './store/actions'\nimport { connectWallet$, wallets$ } from './streams'\nimport type {\n ConnectOptions,\n ConnectOptionsString,\n WalletState\n} from './types'\nimport { wait } from './utils'\nimport { validateConnectOptions } from './validation'\nimport {state} from \"./store\";\n\nasync function connect(\n options?: ConnectOptions | ConnectOptionsString\n): Promise\n
\n \n
\n\n \n \n
\n\n \n
\n\n \n \n
\n\n \n \n {{shortenedFirstAddress}} \n
\n\n \n {{firstAddressBalance.length > 8 ? firstAddressBalance.slice(0, 8): firstAddressBalance}} \n {{firstAddressAsset}} \n
\n\n \n
\n \n
\n \n \n \n \n
\n \n
\n\n \n \n \n
\n \n
\n \n \n
\n\n \n \n \n {{formatBalance(account.balance)}}\n \n
\n\n \n \n \n {{shortenAddress(account.address)}}\n \n
\n \n \n
\n \n
\n \n \n \n\n \n \n
\n\n {{chainIdToLabel[primaryChain.id]}}: {{translation.accountCenter.tokenListTitle}}: {{walletBalancesAndRate.totalBalance}}$\n
\n \n 0\">\n \n
\n \n
\n \n
\n \n ![]()
\n
\n \n
\n {{token.name}}
\n {{token.symbol}}
\n \n
\n {{token.price}}$
\n -
\n {{ token.balance}} {{ token.symbol}}
\n \n \n \n
\n \n
\n 0\">{{translation.accountCenter.tokenListIncluded}}
\n \n
\n \n
\n \n \n ![]()
\n
\n \n \n
\n {{token.name}}
\n {{token.symbol}}
\n \n
\n 0\">{{translation.accountCenter.tokenListMore}}
\n \n
\n \n
\n \n \n ![]()
\n
\n \n
\n {{token.name}}
\n {{token.symbol}}
\n \n {{translation.accountCenter.tokenListNoData}}\n {{translation.accountCenter.contactUs}}\n
\n\n \n \n \n \n \n \n \n \n
\n\n
\n