@mojito-inc/secondary-market/cjs/component/WalletStatusContainer.js

Mojito secondary market is the platform to purchase NFT.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@mui/material/Stack"),o=require("@mui/material/Tooltip"),l=require("@mui/material/Button"),t=require("@mui/material/Typography"),n=require("@mui/material/Box"),r=require("@mui/material/styles"),d=require("@mui/icons-material/ContentCopy"),a=require("../utils/truncateAddress.utils.js"),s=require("../utils/formatNumberWithCommas.js");exports.default=({walletAddress:u,ethIcon:c,balance:p,isSwap:v,copied:x,symbol:m,onClickCopy:h,onClickDisconnectWallet:g,onClickConnectWallet:f,onClickSwap:y})=>{var j,C,k,b,w,S,q,W,z,D,I,B,$,A,L,R,T,_,F,N,Y,E,M,O,P,X,G,H,J;const K=r.useTheme();return e.jsx(n,{sx:{background:null===(k=null===(C=null===(j=null==K?void 0:K.palette)||void 0===j?void 0:j.appDefaultColor)||void 0===C?void 0:C.secondary)||void 0===k?void 0:k.light,padding:"12px",borderRadius:"4px"},children:u?e.jsxs(e.Fragment,{children:[e.jsxs(i,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",marginBottom:"16px"},children:[e.jsxs(i,{direction:"row",sx:{alignItems:"center"},children:[e.jsxs(t,{sx:{fontSize:"14px",fontWeight:"400"},children:["Your wallet: ",a.truncateAddress(u,4,4)]}),e.jsx(o,{open:x,title:"Copied!",children:e.jsx(d,{onClick:h,sx:{fontSize:"15px",color:null===(w=null===(b=null==K?void 0:K.palette)||void 0===b?void 0:b.grey)||void 0===w?void 0:w[500],marginLeft:"10px",cursor:"pointer"}})})]}),e.jsx(n,{onClick:g,sx:{color:null===(S=null==K?void 0:K.palette)||void 0===S?void 0:S.text.secondary,height:"30px",paddingX:"10px",border:`1px solid ${null===(W=null===(q=null==K?void 0:K.palette)||void 0===q?void 0:q.grey)||void 0===W?void 0:W[400]}`,background:null===(I=null===(D=null===(z=null==K?void 0:K.palette)||void 0===z?void 0:z.appDefaultColor)||void 0===D?void 0:D.secondary)||void 0===I?void 0:I.dark,fontSize:"12px",borderRadius:"5px",display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer"},children:"Disconnect"})]}),e.jsxs(i,{direction:"row",sx:{background:null===(A=null===($=null===(B=null==K?void 0:K.palette)||void 0===B?void 0:B.appDefaultColor)||void 0===$?void 0:$.secondary)||void 0===A?void 0:A.dark,padding:"16px",justifyContent:"space-between",alignItems:"center",marginBottom:"8px",borderRadius:"4px",color:null===(L=null==K?void 0:K.palette)||void 0===L?void 0:L.text.secondary},children:[e.jsx(t,{sx:{fontSize:"12px",fontWeight:"500"},children:"Balance"}),e.jsxs(i,{direction:"row",sx:{alignItems:"center"},children:[e.jsx("img",{src:c,style:{width:"14px",height:"14px",objectFit:"contain"},alt:"eth"}),e.jsx(t,{sx:{fontSize:"12px",fontWeight:"500",marginLeft:"5px"},children:`${s.formatNumberWithCommas(p.split(" ")[0])} ${p.split(" ")[1]}`})]})]}),v&&e.jsxs(t,{sx:{fontSize:"12px",fontWeight:"400",color:null===(T=null===(R=null==K?void 0:K.palette)||void 0===R?void 0:R.toastError)||void 0===T?void 0:T[300],display:"inline"},children:["Your connected wallet does not have enough ",m," to complete your purchase."," ",e.jsx(t,{onClick:y,sx:{fontSize:"12px",fontWeight:"400",color:null===(F=null===(_=null==K?void 0:K.palette)||void 0===_?void 0:_.primary)||void 0===F?void 0:F.main,textDecorationLine:"underline",display:"inline",cursor:"pointer"},children:"Click here to swap"})]})]}):e.jsx(n,{sx:{display:"flex",justifyContent:"center",alignItems:"center"},children:e.jsx(l,{"data-testid":"connect_wallet",onClick:f,sx:{color:null===(N=null==K?void 0:K.palette)||void 0===N?void 0:N.text.secondary,height:"30px",width:"140px",fontSize:"12px",border:`1px solid ${null===(E=null===(Y=null==K?void 0:K.palette)||void 0===Y?void 0:Y.grey)||void 0===E?void 0:E[400]}`,background:null===(P=null===(O=null===(M=null==K?void 0:K.palette)||void 0===M?void 0:M.appDefaultColor)||void 0===O?void 0:O.secondary)||void 0===P?void 0:P.dark,"&:hover":{background:null===(H=null===(G=null===(X=null==K?void 0:K.palette)||void 0===X?void 0:X.appDefaultColor)||void 0===G?void 0:G.secondary)||void 0===H?void 0:H.dark,color:null===(J=null==K?void 0:K.palette)||void 0===J?void 0:J.text.secondary}},children:"Connect Wallet"})})})};