@mojito-inc/secondary-market/esm/component/AccountContainer.js

Mojito secondary market is the platform to purchase NFT.

import{jsxs as i,jsx as l,Fragment as o}from"react/jsx-runtime";import{useState as e,useCallback as n,useEffect as t}from"react";import d from"@mui/material/Typography";import r from"@mui/material/Box";import{useTheme as a}from"@mui/material/styles";import p from"@mui/material/Tooltip";import v from"@mui/icons-material/FiberManualRecord";import u from"@mui/icons-material/FileCopyOutlined";import c from"@mui/icons-material/Refresh";import{truncateAddress as s}from"../utils/truncateAddress.utils.js";import x from"./RenderIf.js";const m=({currency:m,walletAddress:y,walletBalance:f,networkName:h,isMobile:g,isCopied:C,isFullAddress:b=!1,accountConfig:F,hideWalletBalance:w,nonNativeCurrency:I,onClickCopy:R,handleRefetchBalance:S,refreshIcon:k})=>{var z,j,W,B,N,$,A,T,D,E,M,G,L,O,q,H,J,K,P,Q,U,V,X,Y,Z,_,ii,li,oi,ei,ni,ti,di,ri,ai,pi,vi,ui,ci,si,xi,mi,yi,fi,hi,gi,Ci,bi,Fi;const wi=a(),[Ii,Ri]=e(!1),Si=n((()=>{Ri(!0),null==S||S()}),[S]);return t((()=>{Ii&&setTimeout((()=>{Ri((i=>!i))}),1500)}),[Ii]),i(r,{padding:"8px",sx:{border:`1px solid ${null===(j=null===(z=wi.palette)||void 0===z?void 0:z.primary)||void 0===j?void 0:j.main}`,borderRadius:"4px"},children:[i(r,{display:"flex",justifyContent:"space-between",padding:"16px 0 16px 0",children:[l(d,{sx:{color:null===(B=null===(W=null==wi?void 0:wi.palette)||void 0===W?void 0:W.text)||void 0===B?void 0:B.secondary},fontSize:"12px",fontWeight:"500",children:"Connected Wallet:"}),l(p,{open:C,title:"Copied!",children:i(d,{sx:{alignItems:"center",display:"flex",justifyContent:"center"},color:null===($=null===(N=null==wi?void 0:wi.palette)||void 0===N?void 0:N.primary)||void 0===$?void 0:$.main,fontSize:"16px",children:[l(v,{sx:{height:"12px",width:"12px",fill:y?null===(T=null===(A=null==wi?void 0:wi.palette)||void 0===A?void 0:A.toastSuccess)||void 0===T?void 0:T[400]:null===(E=null===(D=null==wi?void 0:wi.palette)||void 0===D?void 0:D.toastError)||void 0===E?void 0:E[500],marginRight:"6px"}})," ",b&&!g?y:s(y,4,4),l(u,{onClick:()=>R("Icon"),sx:{marginLeft:"8px",cursor:"pointer",fontSize:"16px",fill:null===(G=null===(M=null==wi?void 0:wi.palette)||void 0===M?void 0:M.primary)||void 0===G?void 0:G.main}})]})})]}),l(x,{condition:!!h,children:i(r,{display:"flex",justifyContent:"space-between",padding:"0 0 16px 0",children:[l(d,{sx:{color:null===(O=null===(L=null==wi?void 0:wi.palette)||void 0===L?void 0:L.text)||void 0===O?void 0:O.secondary},fontSize:"12px",fontWeight:"500",children:"Network:"}),l(d,{color:null===(H=null===(q=null==wi?void 0:wi.palette)||void 0===q?void 0:q.primary)||void 0===H?void 0:H.main,fontSize:"16px",children:h})]})}),l(x,{condition:!w,children:i(r,{padding:"16px",sx:{backgroundColor:null===(P=null===(K=null===(J=null==wi?void 0:wi.palette)||void 0===J?void 0:J.appDefaultColor)||void 0===K?void 0:K.secondary)||void 0===P?void 0:P.light,borderRadius:"4px",display:"flex",flexDirection:"column",gap:"6px"},children:[i(r,{display:"flex",justifyContent:"space-between",sx:{backgroundColor:null===(U=null===(Q=null==wi?void 0:wi.palette)||void 0===Q?void 0:Q.grey)||void 0===U?void 0:U[50],borderRadius:"4px",padding:"8px 16px 8px 16px"},children:[l(d,{sx:{color:null===(X=null===(V=null==wi?void 0:wi.palette)||void 0===V?void 0:V.text)||void 0===X?void 0:X.primary},fontFamily:null===(Y=null==wi?void 0:wi.typography)||void 0===Y?void 0:Y.fontFamily,fontSize:"12px",fontWeight:500,children:"Balance"}),l(r,{sx:{display:"flex",alignItems:"center",gap:1,fontFamily:null===(Z=null==wi?void 0:wi.typography)||void 0===Z?void 0:Z.fontFamily,color:null===(ii=null===(_=null==wi?void 0:wi.palette)||void 0===_?void 0:_.text)||void 0===ii?void 0:ii.primary},children:y?i(o,{children:[I.currencyIcon&&l("img",{src:I.currencyIcon,width:16,height:16,alt:"currency-icon"}),l(d,{sx:{color:null===(oi=null===(li=null==wi?void 0:wi.palette)||void 0===li?void 0:li.text)||void 0===oi?void 0:oi.primary},fontSize:"12px",fontWeight:500,children:` ${f.nonNative} ${I.currencyName}`})]}):"-"})]}),l(x,{condition:!!(null==F?void 0:F.showGasBalance)&&!!y,children:i(r,{display:"flex",justifyContent:"space-between",sx:{backgroundColor:null===(ni=null===(ei=null==wi?void 0:wi.palette)||void 0===ei?void 0:ei.grey)||void 0===ni?void 0:ni[50],borderRadius:"4px",padding:"8px 16px 8px 16px"},children:[l(d,{sx:{color:null===(di=null===(ti=null==wi?void 0:wi.palette)||void 0===ti?void 0:ti.text)||void 0===di?void 0:di.primary},fontFamily:null===(ri=null==wi?void 0:wi.typography)||void 0===ri?void 0:ri.fontFamily,fontSize:"12px",fontWeight:500,children:"Balance for gas fees"}),i(r,{sx:{display:"flex",alignItems:"center",gap:1,fontFamily:null===(ai=null==wi?void 0:wi.typography)||void 0===ai?void 0:ai.fontFamily,color:null===(vi=null===(pi=null==wi?void 0:wi.palette)||void 0===pi?void 0:pi.text)||void 0===vi?void 0:vi.primary},children:[l(x,{condition:!!m.currencyIcon,children:l("img",{src:m.currencyIcon,width:16,height:16,alt:"currency-icon"})}),l(d,{sx:{color:null===(ci=null===(ui=null==wi?void 0:wi.palette)||void 0===ui?void 0:ui.text)||void 0===ci?void 0:ci.primary},fontSize:"12px",fontWeight:500,children:` ${null==f?void 0:f.native} ${null==m?void 0:m.currencyName}`})]})]})}),i(r,{onClick:Si,display:"flex",justifyContent:"center",gap:1,sx:{backgroundColor:null===(xi=null===(si=null==wi?void 0:wi.palette)||void 0===si?void 0:si.grey)||void 0===xi?void 0:xi[50],borderRadius:"4px",padding:"8px 16px 8px 16px",cursor:"pointer"},children:[l(d,{sx:{color:null===(yi=null===(mi=null==wi?void 0:wi.palette)||void 0===mi?void 0:mi.text)||void 0===yi?void 0:yi.primary},fontFamily:null===(fi=null==wi?void 0:wi.typography)||void 0===fi?void 0:fi.fontFamily,fontSize:"12px",fontWeight:500,children:"Refetch Balance"}),l(r,{sx:{display:"flex",alignItems:"center",gap:1,fontFamily:null===(hi=null==wi?void 0:wi.typography)||void 0===hi?void 0:hi.fontFamily,color:null===(Ci=null===(gi=null==wi?void 0:wi.palette)||void 0===gi?void 0:gi.text)||void 0===Ci?void 0:Ci.primary,"@keyframes balance-spin":{to:{transform:"rotate(360deg)"}}},children:i(x,{condition:!k,children:[l(c,{style:{height:"18px",width:"18px",color:null===(Fi=null===(bi=null==wi?void 0:wi.palette)||void 0===bi?void 0:bi.text)||void 0===Fi?void 0:Fi.primary,animation:Ii?"balance-spin 1s linear infinite":void 0}}),l(x.Else,{children:l("img",{src:k,alt:"refresh-icon",style:{height:"18px",width:"18px",filter:"invert(1)"}})})]})})]})]})})]})};export{m as default};