@privy-io/react-auth
Version:
React client for the Privy Auth API
7 lines (6 loc) • 2.04 kB
JavaScript
"use strict";var e=require("react/jsx-runtime"),r=require("styled-components"),s=require("./Layouts-D3TOcPhm.js"),i=require("./ModalHeader-BCPQgekO.js"),n=require("./ScreenHeader-CgYJ5Fmg.js"),l=require("./FundWalletMethodHeader-BUHyY_8M.js"),t=require("./InjectedWalletIcon-UY3nMvZo.js"),a=require("./index-ByFhjjzH.js"),d=require("./Row-CMqYn75Q.js"),c=require("./Value-mhPsfsxe.js"),o=require("./Address-CHKhHgKJ.js"),j=require("./NetworkIcon-BZ9Mj6vV.js"),u=require("./useActiveWallet-Cn6zOXx5.js");let x=r.styled.div`
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
`;exports.TransferOrBridgeLoadingScreen=({walletClientType:r,displayName:h,addressToFund:g,chainId:m,chainName:w,isBridging:q,isErc20Flow:I,totalPriceInNativeCurrency:p,totalPriceInUsd:y,gasPriceInNativeCurrency:S,gasPriceInUsd:N})=>{let b=u.useExternalWalletListing(r);/*#__PURE__*/return e.jsxs(e.Fragment,{children:[/*#__PURE__*/e.jsx(l.t,{}),/*#__PURE__*/e.jsx(a.NeutralSpinner,{centerIcon:/*#__PURE__*/e.jsx(t.InjectedWalletIcon,{icon:b?.image_url?.md,name:r})}),/*#__PURE__*/e.jsx(n.CenteredScreenHeader,{style:{marginTop:"8px",marginBottom:"12px"},title:`${q?"Bridging":"Confirming"} with ${h}`}),!q&&!I&&/*#__PURE__*/e.jsxs(d.Rows,{children:[/*#__PURE__*/e.jsxs(d.Row,{children:[/*#__PURE__*/e.jsx(c.LabelSm,{children:"Total"}),/*#__PURE__*/e.jsx(c.Value,{children:y||p})]}),/*#__PURE__*/e.jsxs(d.Row,{children:[/*#__PURE__*/e.jsx(c.LabelSm,{children:"To"}),/*#__PURE__*/e.jsx(c.Value,{children:/*#__PURE__*/e.jsx(o.Address,{address:g,showCopyIcon:!1})})]}),/*#__PURE__*/e.jsxs(d.Row,{children:[/*#__PURE__*/e.jsx(c.LabelSm,{children:"Network"}),/*#__PURE__*/e.jsx(c.Value,{children:/*#__PURE__*/e.jsxs(x,{children:[/*#__PURE__*/e.jsx(j.NetworkIcon,{chainId:m,height:16,width:16})," ",w]})})]}),S&&/*#__PURE__*/e.jsxs(d.Row,{children:[/*#__PURE__*/e.jsx(c.LabelSm,{children:"Estimated fee"}),/*#__PURE__*/e.jsx(c.Value,{children:N||S})]})]}),/*#__PURE__*/e.jsx(s.ConfigurableSpacer,{height:24}),/*#__PURE__*/e.jsx(i.BlobbyFooter,{})]})};