| 1 | {"version":3,"file":"TransactionProgress.js","sources":["../src/components/TransactionProgress/TransactionProgress.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from '../../proptypes'\nimport { noop } from '../../utils'\nimport { useTheme } from '../../theme'\nimport { GU, textStyle } from '../../style'\nimport ButtonIcon from '../Button/ButtonIcon'\nimport { IconClose } from '../../icons'\nimport Info from '../Info/Info'\nimport Link from '../Link/Link'\nimport Popover from '../Popover/Popover'\nimport ProgressBar from '../ProgressBar/ProgressBar'\nimport Timer from '../Timer/Timer'\n\nconst TransactionProgress = React.memo(function TransactionProgress({\n visible,\n slow,\n progress,\n endTime,\n transactionHashUrl,\n onClose,\n opener,\n}) {\n const theme = useTheme()\n\n return (\n <Popover visible={visible} opener={opener} onClose={onClose}>\n <section\n css={`\n padding: ${2 * GU}px;\n `}\n >\n <ButtonIcon\n label=\"Close\"\n onClick={onClose}\n css={`\n position: absolute;\n top: ${1 * GU}px;\n right: ${1 * GU}px;\n `}\n >\n <IconClose />\n </ButtonIcon>\n <h1 css=\"font-weight: 600\">Pending transaction</h1>\n <div\n css={`\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin: ${2 * GU}px 0 ${1 * GU}px;\n `}\n >\n <span\n css={`\n ${textStyle('label2')};\n color: ${theme.contentSecondary};\n `}\n >\n Estimated time:\n </span>\n <Timer format=\"ms\" end={endTime} />\n </div>\n <ProgressBar\n css={`\n color: ${theme.accent};\n `}\n value={progress}\n />\n <div\n css={`\n display: flex;\n justify-content: ${slow ? 'space-between' : 'end'};\n align-items: center;\n padding-top: ${2 * GU}px;\n `}\n >\n {slow && (\n <div\n css={`\n margin-right: ${2 * GU}px;\n `}\n >\n <Info.Alert>Slow transaction. Retry with more gas</Info.Alert>\n </div>\n )}\n <Link href={transactionHashUrl} css=\"text-decoration: none\">\n See on Etherscan\n </Link>\n </div>\n </section>\n </Popover>\n )\n})\n\nTransactionProgress.propTypes = {\n endTime: PropTypes.instanceOf(Date),\n onClose: PropTypes.func,\n opener: PropTypes._element,\n progress: PropTypes.number,\n slow: PropTypes.bool,\n transactionHashUrl: PropTypes.string,\n visible: PropTypes.bool,\n}\n\nTransactionProgress.defaultProps = {\n onClose: noop,\n visible: false,\n}\n\nexport default TransactionProgress\n"],"names":["TransactionProgress","React","memo","visible","slow","progress","endTime","transactionHashUrl","onClose","opener","theme","useTheme","Popover","GU","IconClose","textStyle","contentSecondary","Timer","accent","Info","propTypes","PropTypes","instanceOf","Date","func","_element","number","bool","string","defaultProps","noop"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,mBAAmB,GAAGC,cAAK,CAACC,IAAN,CAAW,SAASF,mBAAT,OAQpC;AAAA,MAPDG,OAOC,QAPDA,OAOC;AAAA,MANDC,IAMC,QANDA,IAMC;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,OAIC,QAJDA,OAIC;AAAA,MAHDC,kBAGC,QAHDA,kBAGC;AAAA,MAFDC,OAEC,QAFDA,OAEC;AAAA,MADDC,MACC,QADDA,MACC;AACD,MAAMC,KAAK,GAAGC,cAAQ,EAAtB;AAEA,sBACEV,6BAACW,eAAD;AAAS,IAAA,OAAO,EAAET,OAAlB;AAA2B,IAAA,MAAM,EAAEM,MAAnC;AAA2C,IAAA,OAAO,EAAED;AAApD,kBACEP;AAAA,UAEe,IAAIY;AAFnB,kBAKEZ;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,OAAO,EAAEO,OAFX;AAAA,WAKW,IAAIK,YALf;AAAA,WAMa,IAAIA;AANjB,kBASEZ,6BAACa,iBAAD,OATF,CALF,eAgBEb,mEAhBF,eAiBEA;AAAA,WAKc,IAAIY,YALlB;AAAA,WAK4B,IAAIA;AALhC,kBAQEZ;AAAA,WAEMc,oBAAS,CAAC,QAAD,CAFf;AAAA,WAGaL,KAAK,CAACM;AAHnB,uBARF,eAgBEf,6BAACgB,aAAD;AAAO,IAAA,MAAM,EAAC,IAAd;AAAmB,IAAA,GAAG,EAAEX;AAAxB,IAhBF,CAjBF,eAmCEL;AAIE,IAAA,KAAK,EAAEI,QAJT;AAAA,WAEaK,KAAK,CAACQ;AAFnB,IAnCF,eAyCEjB;AAAA,WAGuBG,IAAI,GAAG,eAAH,GAAqB,KAHhD;AAAA,YAKmB,IAAIS;AALvB,KAQGT,IAAI,iBACHH;AAAA,YAEoB,IAAIY;AAFxB,kBAKEZ,6BAACkB,YAAD,CAAM,KAAN,gDALF,CATJ,eAiBElB;AAAM,IAAA,IAAI,EAAEM;AAAZ,wBAjBF,CAzCF,CADF,CADF;AAmED,CA9E2B,CAA5B;AAgFAP,mBAAmB,CAACoB,SAApB,GAAgC;AAC9Bd,EAAAA,OAAO,EAAEe,mBAAS,CAACC,UAAV,CAAqBC,IAArB,CADqB;AAE9Bf,EAAAA,OAAO,EAAEa,mBAAS,CAACG,IAFW;AAG9Bf,EAAAA,MAAM,EAAEY,mBAAS,CAACI,QAHY;AAI9BpB,EAAAA,QAAQ,EAAEgB,mBAAS,CAACK,MAJU;AAK9BtB,EAAAA,IAAI,EAAEiB,mBAAS,CAACM,IALc;AAM9BpB,EAAAA,kBAAkB,EAAEc,mBAAS,CAACO,MANA;AAO9BzB,EAAAA,OAAO,EAAEkB,mBAAS,CAACM;AAPW,CAAhC;AAUA3B,mBAAmB,CAAC6B,YAApB,GAAmC;AACjCrB,EAAAA,OAAO,EAAEsB,kBADwB;AAEjC3B,EAAAA,OAAO,EAAE;AAFwB,CAAnC;;;;"} |