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

Mojito secondary market is the platform to purchase NFT.

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