{"mappings":"2XAAA,IAAAA,EAAAC,EAAA,S,sIAcaC,EAAN,cAA2BC,EAAAC,c,8BAChCC,KACAC,MAAO,EAEPD,KACAE,YAAa,EAEbF,KACAG,WAAa,qBAIbC,oBACEJ,KAAKK,aACLL,KAAKM,cAAe,EAAAC,EAAAC,WAClB,IAAMC,EAAAC,QAAQC,cACdC,GAAKA,GAAKZ,KAAKa,WAInBR,WAAa,KACXL,KAAKC,MAAO,EACZD,KAAKE,YAAa,EAClBF,KAAKG,WAAa,uBAGpBU,OAASC,UACPd,KAAKe,MAAMF,iBAEL,EAAAG,EAAAC,OAAM,IAEZjB,KAAKK,cAGPa,SAAW,KACTlB,KAAKE,YAAa,EAClBF,KAAKG,WAAa,uBAGpBgB,cAAgBL,MAAOM,IACrBpB,KAAKE,YAAa,EAClBF,KAAKG,WAAa,gBAElB,UACQM,EAAAC,QAAQW,cAAcD,GAC5B,MAAOE,GACPC,QAAQD,MAAMA,KAIlBE,qBAAuB,KACjBxB,KAAKM,cAAcN,KAAKM,gBAG9BmB,mBACE,OACE,EAAAC,EAAAC,MAAC,MAAG,CAACC,UAAU,+D,WACb,EAAAF,EAAAG,KAAC,MAAG,CAACD,UAAU,M,UACb,EAAAF,EAAAG,KAAC,MAAG,CAACD,UAAWE,EAAA,kB,UACd,EAAAJ,EAAAG,KAAC,OAAI,CAACD,UAAWE,EAAA,gB,SAAwB,oBAG7C,EAAAJ,EAAAG,KAAC,MAAG,CAACD,UAAU,iB,UACb,EAAAF,EAAAC,MAAC,SAAM,CAACC,UAAWE,EAAA,iBAAyBC,QAAS/B,KAAKkB,S,WACxD,EAAAQ,EAAAG,KAAC,IAAC,CAACD,UAAWE,EAAA,oBAA4B,oBAQpDE,qBACE,OACE,EAAAN,EAAAC,MAACM,EAAAC,IAAG,C,WACF,EAAAR,EAAAG,KAACI,EAAAE,IAAG,CAACC,GAAG,KAAKC,GAAG,I,UACd,EAAAX,EAAAC,MAAC,SAAM,CACLC,UAAWE,EAAA,cACXC,QAAS,IAAM/B,KAAKmB,cAAcmB,EAAAC,WAAWC,a,WAE7C,EAAAd,EAAAG,KAAC,IAAC,CACAD,UAAWa,EAAAC,EAAA,CACTZ,EAAA,eACAA,EAAA,wBAEF,qBAIN,EAAAJ,EAAAG,KAACI,EAAAE,IAAG,CAACC,GAAG,KAAKC,GAAG,I,UACd,EAAAX,EAAAC,MAAC,SAAM,CACLC,UAAWE,EAAA,cACXC,QAAS,IAAM/B,KAAKmB,cAAcmB,EAAAC,WAAWI,Y,WAE7C,EAAAjB,EAAAG,KAAC,IAAC,CACAD,UAAWa,EAAAC,EAAA,CACTZ,EAAA,eACAA,EAAA,uBAEF,oBAIN,EAAAJ,EAAAG,KAACI,EAAAE,IAAG,CAACC,GAAG,KAAKC,GAAG,I,UACd,EAAAX,EAAAC,MAAC,SAAM,CACLC,UAAWE,EAAA,cACXC,QAAS,IAAM/B,KAAKmB,cAAcmB,EAAAC,WAAWK,Q,WAE7C,EAAAlB,EAAAG,KAAC,IAAC,CACAD,UAAWa,EAAAC,EAAA,CACTZ,EAAA,eACAA,EAAA,yBAEF,oBAoCZe,SACE,MAAMC,SAAEA,GAAa9C,KAAKe,OACxBd,KAAEA,EAAIE,WAAEA,EAAUU,OAAEA,GAAWb,KAEjC,OACE,EAAA0B,EAAAC,MAAC,MAAG,CAACoB,eAAgB,KAAOtC,EAAAC,QAAQC,cAAgBX,KAAKC,MAAO,G,UAC7D6C,EAEA7C,IACC,EAAAyB,EAAAC,MAACM,EAAAe,MAAK,CAACC,UAAQ,EAAChD,MAAI,EAACY,OAAQA,E,WAC3B,EAAAa,EAAAG,KAACI,EAAAe,MAAME,OAAM,CACXtB,UACE5B,KAAKE,WAAa4B,EAAA,aAAsBA,EAAA,c,UAG1C,EAAAJ,EAAAG,KAACI,EAAAe,MAAMG,MAAK,CAACvB,UAAWE,EAAA,e,SACrB3B,OAGL,EAAAuB,EAAAG,KAACI,EAAAe,MAAMI,KAAI,C,SACRpD,KAAKE,WACFF,KAAKyB,mBACLzB,KAAKgC,+B,MA1KpBzB,EAAA8C,YADUxD,EAAYyD,UAEvB,YAAI,G,MAEH/C,EAAA8C,YAJUxD,EAAYyD,UAKvB,kBAAU,G,MAET/C,EAAA8C,YAPUxD,EAAYyD,UAQvB,kBAAU,GARCzD,EAAY4C,EAAA9C,EAAA,EADxB4D,EAAAC,UACY3D,M,kCCdb,IAAA4D,EAEAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EAEAC,EAEAC,E,+kBAfAZ,EAA4B,kBAE5BC,EAAmC,yBACnCC,EAAgC,sBAChCC,EAA8B,oBAC9BC,EAA+B,qBAC/BC,EAAgC,sBAChCC,EAAqC,2BACrCC,EAAiC,uBACjCC,EAA+B,qBAC/BC,EAAkC,wBAClCC,EAAsC,4BAEtCC,EAAuC,6BAEvCC,EAAmC","sources":["src/component/ChooseWallet/index.tsx","src/component/ChooseWallet/index.module.less"],"sourcesContent":["import { sleep } from 'web-utility';\nimport { IReactionDisposer, observable, reaction } from 'mobx';\nimport { observer } from 'mobx-react';\nimport { PropsWithChildren, PureComponent } from 'react';\nimport { Row, Col, Modal, ModalProps } from 'react-bootstrap';\n\nimport classNames from 'classnames';\nimport * as styles from './index.module.less';\nimport { WalletType } from '../../model/utils/connector';\nimport session from '../../model/Session';\n\nexport type ChooseWalletProps = PropsWithChildren>;\n\n@observer\nexport class ChooseWallet extends PureComponent {\n @observable\n show = false;\n\n @observable\n connecting = false;\n\n @observable\n modalTitle = 'Choose your wallet';\n\n private autoDisposer?: IReactionDisposer;\n\n componentDidMount() {\n this.resetState();\n this.autoDisposer = reaction(\n () => session.isConnected,\n v => v && this.onHide()\n );\n }\n\n resetState = () => {\n this.show = false;\n this.connecting = false;\n this.modalTitle = 'Connect your wallet';\n };\n\n onHide = async () => {\n this.props.onHide?.();\n\n await sleep(0.5);\n\n this.resetState();\n };\n\n tryAgain = () => {\n this.connecting = false;\n this.modalTitle = 'Connect your wallet';\n };\n\n handleConnect = async (walletType: WalletType) => {\n this.connecting = true;\n this.modalTitle = 'Connecting...';\n\n try {\n await session.connectWallet(walletType);\n } catch (error) {\n console.error(error);\n }\n };\n\n componentWillUnmount = () => {\n if (this.autoDisposer) this.autoDisposer();\n };\n\n renderConnecting() {\n return (\n
\n
\n
\n Connecting\n
\n
\n
\n \n
\n
\n );\n }\n\n renderChooseWallet() {\n return (\n \n \n this.handleConnect(WalletType.StoicWallet)}\n >\n \n Stoic Wallet\n \n \n \n this.handleConnect(WalletType.PlugWallet)}\n >\n \n Plug Wallet\n \n \n \n this.handleConnect(WalletType.AstroX)}\n >\n \n AstroX me\n \n \n {/* \n this.handleConnect(WalletType.InfinityWallet)}\n >\n \n Infinity Wallet\n \n \n \n this.handleConnect(WalletType.NFID)}\n >\n \n NFID\n \n */}\n \n );\n }\n\n render() {\n const { children } = this.props,\n { show, modalTitle, onHide } = this;\n\n return (\n
!session.isConnected && (this.show = true)}>\n {children}\n\n {show && (\n \n \n \n {modalTitle}\n \n \n \n {this.connecting\n ? this.renderConnecting()\n : this.renderChooseWallet()}\n \n \n )}\n
\n );\n }\n}\n",".has-border {\n border-bottom: 1px solid #262d40;\n}\n.no-border {\n border: none;\n}\n.modal-title {\n font-size: 18px;\n}\n.btn-wallet {\n height: 60px;\n border-radius: 8px;\n border: 1px solid #262d40;\n display: inline-flex;\n align-items: center;\n width: 100%;\n margin-bottom: 1rem;\n background: transparent;\n transition: all 0.3s;\n color: #fff;\n padding-left: 1rem;\n &:hover {\n background: #090d1a;\n color: #0099e6;\n .icon-wallet {\n box-shadow: 0 0 12px 0px #0099e6;\n }\n }\n}\n.icon-wallet {\n width: 30px;\n height: 30px;\n border-radius: 3px;\n box-sizing: content-box;\n border: 2px solid #fff;\n background-color: #fff;\n margin-right: 12px;\n background-position: center;\n background-repeat: no-repeat;\n background-size: auto 30px;\n transition: all 0.3s;\n background-image: url(./images/wallet-icon.png);\n &.icon-wallet-stoic {\n background-position: 0 center;\n }\n &.icon-wallet-plug {\n background-position: -30px center;\n }\n &.icon-wallet-AstroX {\n background-position: -60px center;\n }\n &.icon-wallet-InfinityWallet {\n background-position: -90px center;\n }\n &.icon-wallet-NFID {\n background-position: right center;\n }\n}\n.loading-border {\n width: 4.5rem;\n height: 4.5rem;\n padding: 2px;\n background-image: linear-gradient(\n rgba(47, 144, 255, 0.8) 10%,\n rgba(0, 0, 0, 0.05) 25%\n );\n border-radius: 50%;\n animation: loading 2s linear infinite;\n position: relative;\n .loading-text {\n width: 100%;\n height: 100%;\n display: block;\n background-color: rgb(var(--bs-info-rgb));\n border-radius: 50%;\n font-size: 0;\n }\n}\n.btn-try-again {\n background: none;\n border: none;\n color: #5f7195;\n transition: color 0.3s;\n display: inline-flex;\n align-items: center;\n .icon-try-again {\n display: inline-block;\n width: 1.25rem;\n height: 1.25rem;\n margin-right: 5px;\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAMNQTFRFAAAAqqqqf3+/YH+fcXGqdHSian+qYnadaXiWY3GcaHSXZnqZZHabYXKVY3OcZXKaYHGZY3KXYHKWX3WXYHWWYHSXYnOWYHOVX3KXYHKWYXKVYXGWYXKXX3KXX3GXYXKVYHOWX3KVX3GWYHKVYHGWYXKXYHKVYHKVYHKWYHKVYHKWX3KVYHKWX3KWYHKVYHGWX3KVX3KVX3GVX3KWX3GWX3KVYHKWX3GWYHKWX3GVYHKWYHGWX3KVX3GWYHKVX3GWX3GVwLx1GAAAAEB0Uk5TAAMECAkLDA0REhYZHB0fJi0xODs9QElSU1VXYWluc3R6e36ChYmYmpykrK6vsbe/wcPGzNHZ4ubw8/f6+/z9/rOSWLEAAAE8SURBVDjLzZTZVoQwEETbZVBRwFEZFBVxwWFRERWFqEn9/1f5ggMMSeDJYz01nMsJXdVpov+imRfnZV2XeezNNNg8Y1iJZXMFZicCvAhcxzAcNyg4RGLLuEUFFpntsxkxVIshF3CkVv+VlYIHAw4iHH4dCqyRCy582f/4gvdOtyuE8g6vUXU7SpCqLEuRdPwTzFKBFhOtnw+I1ClEyFa5MW6qQZOz3zQ9FLr8C3hNFSPQgVeImyqHqwNd5E1VwtGBDsqmqmEQEW2fykEDdVMxbBERLXErBXdW4Af2iegM7HDk6FccE9kVLsaaWeKSNl/aAJT2nOOJ7vC+O2r43ueXz79PxiOkRwjcTBgKOgKeN6aMGd2/HUwaXI3WroJS65dLpeF1lfchWwAS/xQrpTdY2iXV0cjaazW6SP9WPy+9L0G/J+Z7AAAAAElFTkSuQmCC);\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n }\n}\n\n@keyframes loading {\n 0% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n"],"names":["$1Yvdb","parcelRequire","$89d484f236b1c2bf$export$a539a0a96e87ddae","$acw62","PureComponent","this","show","connecting","modalTitle","componentDidMount","resetState","autoDisposer","$57kwV","reaction","$fxvql","default","isConnected","v","onHide","async","props","$ec13Y","sleep","tryAgain","handleConnect","walletType","connectWallet","error","console","componentWillUnmount","renderConnecting","$ayMG0","jsxs","className","jsx","$aBYTQ","onClick","renderChooseWallet","$biXX6","Row","Col","xs","md","$jlKvG","WalletType","StoicWallet","$parcel$interopDefault","$8g1PZ","PlugWallet","AstroX","render","children","onClickCapture","Modal","centered","Header","Title","Body","observable","prototype","$eOZ0o","observer","$7b9c997aa914c5bb$export$46c1c92549715335","$7b9c997aa914c5bb$export$cf9f8544060bc4a9","$7b9c997aa914c5bb$export$5834f0b85cf53b19","$7b9c997aa914c5bb$export$f783e5d2c75de26e","$7b9c997aa914c5bb$export$105c45322ec3d68f","$7b9c997aa914c5bb$export$65cf5df06f0fbc9e","$7b9c997aa914c5bb$export$b51a5ebfa8f7922d","$7b9c997aa914c5bb$export$eaeeda7938d34b9b","$7b9c997aa914c5bb$export$af7be135f0a44742","$7b9c997aa914c5bb$export$37d4435d23052617","$7b9c997aa914c5bb$export$e77442e33e16a1","$7b9c997aa914c5bb$export$42394ce9f009b7dc","$7b9c997aa914c5bb$export$ee671b9f07a8d24e"],"version":3,"file":"Desktop.bea5636f.js.map"}