@mojito-inc/secondary-market
Version:
Mojito secondary market is the platform to purchase NFT.
2 lines (1 loc) • 26.8 kB
JavaScript
import{jsx as l,jsxs as i}from"react/jsx-runtime";import*as o from"react";import{useState as e,useCallback as n,useMemo as t,useEffect as a}from"react";import d from"@mui/icons-material/ErrorOutline";import r from"@mui/icons-material/CloudDownload";import u from"@mui/icons-material/CheckCircleOutline";import c from"@mui/icons-material/Image";import v from"@mui/icons-material/Link";import m from"@mui/icons-material/Send";import s from"@mui/icons-material/Edit";import p from"@mui/icons-material/AccountCircle";import w from"@mui/icons-material/AccountBalanceWalletOutlined";import h from"@mui/icons-material/Insights";import y from"@mui/material/useMediaQuery";import I from"@mui/material/Box";import{useTheme as D}from"@mui/material/styles";import{useAuth as g}from"@mojito-inc/core-service";import C from"../component/TabContainer.js";import{useWallet as f}from"../hooks/useWallet.js";import"@mui/material/Stack";import"@mui/material/Modal";import"@mui/material/Divider";import"@mui/material/Grid";import"@mui/material/Button";import"@mui/material/Typography";import"html-react-parser";import"../component/VideoWithImageCard.js";import"@mui/material/Tooltip";import"@mui/icons-material/InfoOutlined";import"@mui/icons-material/KeyboardArrowDown";import"@mui/material/Select";import"@mui/material/TextField";import"@mui/material/MenuItem";import"@mui/icons-material/ImportExport";import{Currency as b}from"../interface/index.js";import"@mui/icons-material/Warning";import"@mui/material/Checkbox";import"@mui/icons-material/ContentCopy";import"@mui/icons-material/KeyboardArrowUp";import"@mui/icons-material/HelpOutline";import{getEtherScanURL as k,getChainExplorerURL as A}from"../utils/getEtherScanURL.utils.js";import"@mui/material/IconButton";import"@mui/icons-material/FavoriteBorder";import"@mui/icons-material/Favorite";import"@mui/icons-material/FileCopyOutlined";import"moment";import"@mui/material/Pagination";import"@mui/material/PaginationItem";import"@mui/material";import"@mui/material/Table";import"@mui/material/TableCell";import"@mui/material/TableHead";import"@mui/material/TableBody";import"@mui/material/TableRow";import"@mui/material/TableContainer";import"@mui/icons-material/OpenInNew";import"@mui/material/Skeleton";import"@mui/material/CardActions";import"@mui/material/Card";import"@mui/material/CardContent";import"@mui/icons-material/RemoveCircleOutline";import"@mui/icons-material/SellOutlined";import"@mui/icons-material/AttachMoneyOutlined";import"@mui/icons-material/NewReleases";import"@mui/icons-material/CancelScheduleSend";import"@mui/icons-material/HourglassDisabledOutlined";import"@mui/icons-material/CallMissedOutlined";import"@mui/icons-material/MoveToInboxOutlined";import"@mui/icons-material/CheckCircleOutlineOutlined";import"@mui/icons-material/BorderColorOutlined";import"@mui/icons-material/Twitter";import"@mui/icons-material/MoreVert";import{ListingType as T,SessionVariable as x,ModalMessage as S}from"../constant/index.js";import"@mui/material/CircularProgress";import"react-player";import"@mui/icons-material/Pause";import"@mui/icons-material/PlayArrow";import"@mui/material/Menu";import"@mui/material/ListItem";import"@mui/material/List";import"@mui/icons-material/Close";import"@mui/material/ListItemText";import"@mui/icons-material/CheckRounded";import"@mui/icons-material/FiberManualRecord";import"@mui/icons-material/Refresh";import"../component/RenderIf.js";import"@mui/icons-material/AccountBalanceWallet";import L from"../component/MenuContainer.js";import"@mui/material/Breadcrumbs";import"@mui/icons-material/ArrowForward";import"@mui/material/InputAdornment";import"@mui/icons-material/Search";import"@mui/icons-material/FilterList";import"../provider/CollectionFilterProvider.js";import"@mui/material/Accordion";import"@mui/material/AccordionSummary";import"@mui/material/AccordionDetails";import"@mui/material/FormControlLabel";import N from"../layout/WalletsLabelLayout.js";import R from"../layout/WalletsActivityLayout.js";import M from"../layout/WaletsAccountLayout.js";import O from"../layout/TransferNFTSuccessLayout.js";import W from"./ListItemContainer.js";import{getTotalPage as E}from"../utils/pagination.utils.js";import B from"./TransferNFTContainer.js";import{session as V}from"../utils/sessionStorage.utils.js";const j=({content:j,config:F,walletDetails:U,Image:H,showMenu:_,hideWalletBalance:P,listingType:G,priceInputRange:K,tabConfig:z,showInvoice:Q,showViewItem:X,showRefresh:Z,refreshCache:q=!0,showSearch:J,showSort:Y,menusToDisplay:$,filterByStatus:ll,walletMediaConfig:il,isFullAddress:ol,customRPCUrl:el,tabIndex:nl,walletSecondaryButtonLabel:tl,topUpUrl:al,accountConfig:dl,onClickSecondaryButtonWallet:rl,onClickCustomRedirection:ul,onClickLogout:cl,onConnectWallet:vl,onViewItem:ml,onClickCard:sl,setTabIndex:pl,handleRefetchBalance:wl,onHandleApiSessionExpired:hl})=>{var yl,Il,Dl,gl,Cl,fl,bl,kl,Al,Tl,xl,Sl,Ll,Nl,Rl,Ml,Ol,Wl,El,Bl,Vl,jl,Fl,Ul,Hl,_l,Pl,Gl,Kl,zl,Ql,Xl,Zl,ql,Jl,Yl,$l,li,ii,oi,ei,ni,ti,ai,di,ri,ui,ci,vi,mi;const si=D(),{sessionStatus:pi}=g(),[wi,hi]=e(),[yi,Ii]=e(!1),[Di,gi]=e(!1),[Ci,fi]=e(!1),[bi,ki]=e(""),[Ai,Ti]=e(""),[xi,Si]=e(0),[Li,Ni]=e(0),[Ri,Mi]=e((null===(yl=null==z?void 0:z[0])||void 0===yl?void 0:yl.tabLabel)||"Wallet"),[Oi,Wi]=e(),[Ei,Bi]=e(!1),[Vi,ji]=o.useState(null),[Fi,Ui]=o.useState({label:"",value:""}),[Hi,_i]=e(""),[Pi,Gi]=e(""),[Ki,zi]=e(""),[Qi,Xi]=e(""),[Zi,qi]=e(""),[Ji,Yi]=e(null),[$i,lo]=e(!1),[io,oo]=e({invoiceID:"",orderID:"",activityName:"",invoiceResType:"",isSecondary:!1}),eo=n((l=>{void 0!==typeof document&&(document.documentElement.scrollTop=0),Si(l-1)}),[]),no=n((l=>{Ni(l-1)}),[]),to=t((()=>G===(null==T?void 0:T.CLAIMABLE)?[{value:"recently_minted",label:"Newest"},{value:"initially_minted",label:"Oldest"}]:[{value:"price_low_to_high",label:"Price Low to High"},{value:"price_high_to_low",label:"Price High to Low"},{value:"initially_minted",label:"Oldest"},{value:"recently_minted",label:"Newest"}]),[G]),[ao,ro]=e(null!==(Il=V(x.WalletSort,!0))&&void 0!==Il?Il:to[0].label),uo=t((()=>Boolean(Vi)),[Vi]),co=n((l=>{ji(l.currentTarget)}),[]),vo=n((l=>{Ui(l)}),[]),mo=n((()=>{ji(null)}),[]),so=n((()=>{ro(null==Fi?void 0:Fi.label),Si(0),ji(null)}),[Fi]),po=n((()=>{var l,i;const o=to.filter((l=>l.label===ao));return V(x.WalletSort,!1,null===(l=null==o?void 0:o[0])||void 0===l?void 0:l.label),null===(i=null==o?void 0:o[0])||void 0===i?void 0:i.value}),[ao,to]),wo=n((l=>{_i(l.target.value)}),[]),ho=n(((l,i)=>{Wi(i),Yi(l.currentTarget)}),[]),yo=n((()=>{Yi(null)}),[]),Io=n((()=>{Ii(!1)}),[]),Do=t((()=>{var l;return{refreshCache:q,walletAddress:null==U?void 0:U.walletAddress,networkId:null===(l=null==U?void 0:U.networkDetails)||void 0===l?void 0:l.id,orgID:null==F?void 0:F.orgId,filters:Hi?{search:Hi}:po()?{sort:po()}:Hi&&po()?{search:Hi,sort:po()}:{},contractAddress:null==F?void 0:F.contractAddress,currency:null==F?void 0:F.currency,itemFilter:null==F?void 0:F.itemFilter,walletType:null==U?void 0:U.walletType}}),[U,q,F,Hi,po]),go=t((()=>{var l,i,o;return{orgId:null==F?void 0:F.orgId,limit:5,offset:5*Li,placeholderImage:(null==H?void 0:H.placeHolderImage)?null==H?void 0:H.placeHolderImage:"",filterByStatus:ll,invoiceType:null!==(l=null==F?void 0:F.invoiceType)&&void 0!==l?l:"ALL_INVOICES",returnAllStatuses:null==F?void 0:F.returnAllStatuses,listingId:null===(i=null==F?void 0:F.itemFilter)||void 0===i?void 0:i.listingID,dropId:null===(o=null==F?void 0:F.itemFilter)||void 0===o?void 0:o.dropID}}),[null==H?void 0:H.placeHolderImage,F,ll,Li]),{activeWalletsData:Co,totalActiveWallets:fo,activeWalletsLoading:bo,activityData:ko,totalActivity:Ao,activityLoading:To,networkData:xo,fetchActiveWalletItems:So,fetchActivityItems:Lo,downloadUrlLoading:No,getDownloadUrl:Ro}=f(Do,go,io),Mo=t((()=>{var l;return null!==(l=null==Co?void 0:Co.slice(20*xi,20*xi+20))&&void 0!==l?l:[]}),[Co,xi]),Oo=t((()=>E(Ao,5)),[Ao]),Wo=n((()=>{lo(!0),So()}),[So]),Eo=t((()=>{var l,i;return"ethereum"===(null==U?void 0:U.walletType)?80001===(null===(l=null==U?void 0:U.networkDetails)||void 0===l?void 0:l.chainID)||137===(null===(i=null==U?void 0:U.networkDetails)||void 0===i?void 0:i.chainID)?{currencyName:"MATIC",currencyIcon:null==H?void 0:H.maticIcon}:{currencyName:"ETH",currencyIcon:null==H?void 0:H.nativeCurrencyIcon}:"solana"===(null==U?void 0:U.walletType)?{currencyName:"SOL",currencyIcon:H.nativeCurrencyIcon}:{currencyName:"ETH",currencyIcon:null==H?void 0:H.nativeCurrencyIcon}}),[null===(Dl=null==U?void 0:U.networkDetails)||void 0===Dl?void 0:Dl.chainID,null==U?void 0:U.walletType,H]),Bo=t((()=>{var l,i;return"ethereum"===(null==U?void 0:U.walletType)?80001===(null===(l=null==U?void 0:U.networkDetails)||void 0===l?void 0:l.chainID)||137===(null===(i=null==U?void 0:U.networkDetails)||void 0===i?void 0:i.chainID)?{currencyName:"MATIC",currencyIcon:null==H?void 0:H.maticIcon}:{currencyName:"ETH",currencyIcon:null==H?void 0:H.nonNativeCurrencyIcon}:"solana"===(null==U?void 0:U.walletType)?{currencyName:"VIN",currencyIcon:H.nonNativeCurrencyIcon}:{currencyName:"ETH",currencyIcon:null==H?void 0:H.nonNativeCurrencyIcon}}),[null===(gl=null==U?void 0:U.networkDetails)||void 0===gl?void 0:gl.chainID,null==U?void 0:U.walletType,H]),Vo=t((()=>{const l=fo/20,i=Math.floor(l);return 0===fo%20?i:i+1}),[fo]),jo=t((()=>{var i,o,e,n,t,a;return Ki===(null==S?void 0:S.TRANSFER_INPROGRESS)?l(m,{sx:{height:"48px",width:"48px",color:null===(o=null===(i=null==si?void 0:si.palette)||void 0===i?void 0:i.primary)||void 0===o?void 0:o.main}}):Ki===(null==S?void 0:S.TRANSFER_SUCCESS)||Ki===(null==S?void 0:S.DOWNLOAD_SUCCESS)?l(u,{sx:{height:"48px",width:"48px",color:null===(n=null===(e=null==si?void 0:si.palette)||void 0===e?void 0:e.toastSuccess)||void 0===n?void 0:n[500]}}):Ki===(null==S?void 0:S.DOWNLOAD_INPROGRESS)?l(r,{sx:{height:"48px",width:"48px"}}):l(d,{sx:{height:"48px",width:"48px",color:null===(a=null===(t=null==si?void 0:si.palette)||void 0===t?void 0:t.error)||void 0===a?void 0:a.main}})}),[Ki,null===(fl=null===(Cl=null==si?void 0:si.palette)||void 0===Cl?void 0:Cl.error)||void 0===fl?void 0:fl.main,null===(kl=null===(bl=null==si?void 0:si.palette)||void 0===bl?void 0:bl.primary)||void 0===kl?void 0:kl.main,null===(Al=null==si?void 0:si.palette)||void 0===Al?void 0:Al.toastSuccess]),Fo=n((()=>{Yi(null),(null==U?void 0:U.walletAddress)?(Bi(!1),Ii(!0)):vl()}),[U,vl]),Uo=n((()=>{Yi(null),gi(!0)}),[]),Ho=n((()=>{gi(!1)}),[]),_o=n((l=>{Gi(l),Ho(),fi(!0),Xi(""),zi("Transfer in progress..."),qi("View On Blockchain")}),[Ho]),Po=n((l=>{Gi(l),fi(!0),qi(""),Xi(""),zi("Item transferred successfully!"),So()}),[So]),Go=n((()=>{var l,i;if(Pi){const o=k(null!==(i=null===(l=null==U?void 0:U.networkDetails)||void 0===l?void 0:l.chainID)&&void 0!==i?i:0,Pi);window.open(o,"_blank")}}),[Pi,null===(Tl=null==U?void 0:U.networkDetails)||void 0===Tl?void 0:Tl.chainID]),Ko=n((()=>{fi(!1)}),[]),zo=n((l=>{navigator.clipboard.writeText(l).then((()=>{ki(l),setTimeout((()=>{ki("close"),Yi(null)}),3e3)})).catch((()=>{ki("close")}))}),[]),Qo=n((l=>{navigator.clipboard.writeText(l).then((()=>{Ti(l),setTimeout((()=>{Ti("close")}),1e3)})).catch((()=>{Ti("close")}))}),[]),Xo=n((()=>{"solana"===U.walletType&&window.open(al||"https://jup.ag/swap/USDC-6B2X4NmSsmkiT8ytFEVt15igRSgsKNGZ3j3WWeidupE8","_blank")}),[U.walletType,al]),Zo=n((()=>{var l,i,o,e,n,t,a;if(null===(l=null==Oi?void 0:Oi.cardDetail)||void 0===l?void 0:l.contractAddress){const l=A(null!==(o=null===(i=null==Oi?void 0:Oi.cardDetail)||void 0===i?void 0:i.networkChainId)&&void 0!==o?o:0,null===(e=null==Oi?void 0:Oi.cardDetail)||void 0===e?void 0:e.contractAddress,null!==(a=null===(t=null===(n=null==Oi?void 0:Oi.cardDetail)||void 0===n?void 0:n.tokenId)||void 0===t?void 0:t.toString())&&void 0!==a?a:"");zo(l)}}),[null===(xl=null==Oi?void 0:Oi.cardDetail)||void 0===xl?void 0:xl.contractAddress,null===(Sl=null==Oi?void 0:Oi.cardDetail)||void 0===Sl?void 0:Sl.networkChainId,null===(Ll=null==Oi?void 0:Oi.cardDetail)||void 0===Ll?void 0:Ll.tokenId,zo]);a((()=>{No&&(fi(!0),Xi("Download Artwork"),qi("Cancel"),zi("Download in progress"))}),[No]),a((()=>{"Expired"===pi&&(Wi(void 0),Io(),null==hl||hl())}),[hl,Io,pi]);const qo=n((async()=>{var l,i,o,e,n,t;if(Yi(null),null===(l=null==Oi?void 0:Oi.cardDetail)||void 0===l?void 0:l.downloadVideo){const l=await Ro(null===(i=null==Oi?void 0:Oi.cardDetail)||void 0===i?void 0:i.downloadVideo,(null===(o=null==Oi?void 0:Oi.cardDetail)||void 0===o?void 0:o.contractAddress)||"",(null===(n=null===(e=null==Oi?void 0:Oi.cardDetail)||void 0===e?void 0:e.tokenId)||void 0===n?void 0:n.toString())||"");if(null==l?void 0:l.mediaURL){const i=document.createElement("a");i.setAttribute("href",null==l?void 0:l.mediaURL),i.setAttribute("download",null===(t=null==Oi?void 0:Oi.cardDetail)||void 0===t?void 0:t.tokenName),i.click(),fi(!0),Xi("Download Artwork"),qi("Close"),zi("File downloaded successfully!")}else fi(!0),Xi("Download Artwork"),qi("Close"),zi("Something went wrong!")}}),[null===(Nl=null==Oi?void 0:Oi.cardDetail)||void 0===Nl?void 0:Nl.downloadVideo,null===(Rl=null==Oi?void 0:Oi.cardDetail)||void 0===Rl?void 0:Rl.contractAddress,null===(Ml=null==Oi?void 0:Oi.cardDetail)||void 0===Ml?void 0:Ml.tokenId,null===(Ol=null==Oi?void 0:Oi.cardDetail)||void 0===Ol?void 0:Ol.tokenName,Ro]),Jo=n((async()=>{var l,i,o,e,n,t,a;if(Yi(null),[null===(l=null==Oi?void 0:Oi.cardDetail)||void 0===l?void 0:l.downloadVideo,null===(i=null==Oi?void 0:Oi.cardDetail)||void 0===i?void 0:i.animationURL].some((l=>!!l&&l.includes("private"))))qo();else if((null===(o=null==Oi?void 0:Oi.cardDetail)||void 0===o?void 0:o.downloadVideo)||(null===(e=null==Oi?void 0:Oi.cardDetail)||void 0===e?void 0:e.tokenImage)){const l=await fetch((null===(n=null==Oi?void 0:Oi.cardDetail)||void 0===n?void 0:n.downloadVideo)||(null===(t=null==Oi?void 0:Oi.cardDetail)||void 0===t?void 0:t.tokenImage)),i=await l.blob();if(i){const l=document.createElement("a");if(void 0!==l.download){const o=URL.createObjectURL(i);l.setAttribute("href",o),l.setAttribute("download",null===(a=null==Oi?void 0:Oi.cardDetail)||void 0===a?void 0:a.tokenName),l.style.visibility="hidden",document.body.appendChild(l),l.click(),document.body.removeChild(l)}fi(!0),Xi("Download High Resolution Media"),qi("Close"),zi("File downloaded successfully!")}}}),[Oi,qo]),Yo=y((l=>l.breakpoints.down("sm"))),$o=n((async()=>{var l,i,o,e,n;if(Yi(null),(null===(l=null==Oi?void 0:Oi.cardDetail)||void 0===l?void 0:l.video)||(null===(i=null==Oi?void 0:Oi.cardDetail)||void 0===i?void 0:i.animationURL)){const l=await fetch((null===(o=null==Oi?void 0:Oi.cardDetail)||void 0===o?void 0:o.video)||(null===(e=null==Oi?void 0:Oi.cardDetail)||void 0===e?void 0:e.animationURL)||""),i=await l.blob();if(i){const l=document.createElement("a");if(void 0!==l.download){const o=URL.createObjectURL(i);l.setAttribute("href",o),l.setAttribute("download",null===(n=null==Oi?void 0:Oi.cardDetail)||void 0===n?void 0:n.tokenName),l.style.visibility="hidden",document.body.appendChild(l),l.click(),document.body.removeChild(l)}fi(!0),Xi("Download Artwork"),qi("Close"),zi("File downloaded successfully!")}}}),[Oi]),le=t((()=>{var i,o,e,n,t,a,d;return[{menuName:"Edit Listing",menuIcon:l(s,{sx:{marginRight:"8px",width:Yo?"20px":"16px",height:Yo?"20px":"16px"}}),hideMenu:$?!(null==$?void 0:$.includes("Edit Listing"))||"Edit Listing"!==(null===(i=null==Oi?void 0:Oi.cardDetail)||void 0===i?void 0:i.buttonName):"Edit Listing"!==(null===(o=null==Oi?void 0:Oi.cardDetail)||void 0===o?void 0:o.buttonName),menuAction:Fo},{menuName:"Transfer NFT",menuIcon:l(m,{sx:{marginRight:"8px",width:Yo?"20px":"16px",height:Yo?"20px":"16px"}}),menuAction:Uo,hideMenu:!!$&&!(null==$?void 0:$.includes("Transfer NFT"))},{menuName:"Copy Link",menuIcon:l(v,{sx:{marginRight:"8px",width:Yo?"20px":"16px",height:Yo?"20px":"16px"}}),menuAction:Zo,hideMenu:!!$&&!(null==$?void 0:$.includes("Copy Link"))},{menuName:"Download Artwork",menuAction:(null===(e=null==Oi?void 0:Oi.cardDetail)||void 0===e?void 0:e.downloadVideo)?qo:$o,hideMenu:$?!(null==$?void 0:$.includes("Download Artwork"))||!(null===(n=null==Oi?void 0:Oi.cardDetail)||void 0===n?void 0:n.downloadVideo)||!(null===(t=null==Oi?void 0:Oi.cardDetail)||void 0===t?void 0:t.animationURL):!(null===(a=null==Oi?void 0:Oi.cardDetail)||void 0===a?void 0:a.downloadVideo)||!(null===(d=null==Oi?void 0:Oi.cardDetail)||void 0===d?void 0:d.animationURL)},{menuName:"Download Media",menuIcon:l(c,{sx:{marginRight:"8px",width:Yo?"20px":"16px",height:Yo?"20px":"16px"}}),menuAction:Jo,hideMenu:!!$&&!(null==$?void 0:$.includes("Download Media"))}]}),[Yo,null===(Wl=null==Oi?void 0:Oi.cardDetail)||void 0===Wl?void 0:Wl.buttonName,null===(El=null==Oi?void 0:Oi.cardDetail)||void 0===El?void 0:El.downloadVideo,null===(Bl=null==Oi?void 0:Oi.cardDetail)||void 0===Bl?void 0:Bl.animationURL,$,Fo,Uo,Zo,qo,$o,Jo]);a((()=>{var l;const i=V(x.WalletSort,!0);i?(ro(i),Ui(null!==(l=null==to?void 0:to.find((l=>ao===l.label)))&&void 0!==l?l:{label:"",value:""})):V(x.WalletSort,!1,to[2].label)}),[ao,to]),a((()=>{(null==U?void 0:U.walletAddress)&&(So(),Lo())}),[So,Lo,null==U?void 0:U.walletAddress]),a((()=>{if(F.currency&&(null==U?void 0:U.walletAddress)){const l=setTimeout((async()=>{Lo(),So()}),500);return()=>clearTimeout(l)}return()=>{}}),[F.currency,null==U?void 0:U.walletAddress,Lo,So]),a((()=>{var l;if(Hi||xi||ao||(null==U?void 0:U.walletAddress)||(null===(l=null==U?void 0:U.networkDetails)||void 0===l?void 0:l.chainID)){const l=setTimeout((async()=>{So()}),500);return()=>clearTimeout(l)}return()=>{}}),[Hi,ao,xi,null==U?void 0:U.walletAddress,null===(Vl=null==U?void 0:U.networkDetails)||void 0===Vl?void 0:Vl.chainID,So]),a((()=>{if(Li||(null==U?void 0:U.walletAddress)){const l=setTimeout((async()=>{Lo()}),200);return()=>clearTimeout(l)}return()=>{}}),[Li,null==U?void 0:U.walletAddress,Lo]);const ie=n((()=>{var l,i,o,e;So(),Io(),ml&&ml({id:null===(l=null==Oi?void 0:Oi.cardDetail)||void 0===l?void 0:l.id,tokenId:null===(i=null==Oi?void 0:Oi.cardDetail)||void 0===i?void 0:i.tokenId,contractAddress:null===(o=null==Oi?void 0:Oi.cardDetail)||void 0===o?void 0:o.contractAddress,networkId:null===(e=null==Oi?void 0:Oi.cardDetail)||void 0===e?void 0:e.networkId})}),[null===(jl=null==Oi?void 0:Oi.cardDetail)||void 0===jl?void 0:jl.id,null===(Fl=null==Oi?void 0:Oi.cardDetail)||void 0===Fl?void 0:Fl.tokenId,null===(Ul=null==Oi?void 0:Oi.cardDetail)||void 0===Ul?void 0:Ul.contractAddress,null===(Hl=null==Oi?void 0:Oi.cardDetail)||void 0===Hl?void 0:Hl.networkId,So,ml,Io]),oe=n((l=>{if("List Item"===l||"Edit Listing"===l){if(!(null==U?void 0:U.walletAddress))return void vl();Bi(!1),Ii(!0)}else"View Item"===l&&ie()}),[U,vl,ie]),ee=n((l=>{var i,o,e,n,t;Wi(void 0),ul?ul({id:null===(i=null==l?void 0:l.cardDetail)||void 0===i?void 0:i.id,tokenId:null===(o=null==l?void 0:l.cardDetail)||void 0===o?void 0:o.tokenId,contractAddress:null===(e=null==l?void 0:l.cardDetail)||void 0===e?void 0:e.contractAddress}):(Wi(l),oe(null!==(t=null===(n=null==l?void 0:l.cardDetail)||void 0===n?void 0:n.buttonName)&&void 0!==t?t:""))}),[ul,oe]),ne=n((()=>{So()}),[So]),te=n((l=>{var i,o;const e=null==xo?void 0:xo.filter((i=>i.id===(null==l?void 0:l.NetworkId)));if((null==l?void 0:l.TransactionHash)&&(null==l?void 0:l.NetworkId)){const n=k(null!==(o=null===(i=null==e?void 0:e[0])||void 0===i?void 0:i.chainID)&&void 0!==o?o:0,null==l?void 0:l.TransactionHash);window.open(n,"_blank")}}),[xo]),ae=n((l=>{(null==l?void 0:l.InvoiceID)&&oo({invoiceID:null==l?void 0:l.InvoiceID,orderID:null==l?void 0:l.OrderID,activityName:null==l?void 0:l.activity,invoiceResType:"pdf",isSecondary:null==l?void 0:l.isSecondary})}),[]),de=n((l=>{ml&&l&&ml({id:null==l?void 0:l.nftTokenId,tokenId:null==l?void 0:l.tokenId,contractAddress:null==l?void 0:l.contractAddress})}),[ml]),re=n((()=>{hi(window.innerWidth)}),[]),ue=(l,i)=>{"clickaway"!==i&&ki("")};a((()=>{hi(window.innerWidth)}),[]),a((()=>(window.addEventListener("resize",re),()=>{window.removeEventListener("resize",re)})),[re]);const ce=t((()=>wi&&wi<=900),[wi]),ve=t((()=>{var i,o,e,n,t,a,d,r,u,c,v,m,s,y,I,D,g,C,f,k,A,T,x,S;return[{index:0,label:(null===(i=null==z?void 0:z[0])||void 0===i?void 0:i.tabLabel)||"Wallet",showTab:!(null==z?void 0:z[0])||(null===(o=null==z?void 0:z[0])||void 0===o?void 0:o.showTab),icon:l(w,{sx:{height:"16px",weight:"16px",color:Ri===((null===(e=null==z?void 0:z[0])||void 0===e?void 0:e.tabLabel)||"Wallet")?null===(t=null===(n=null==si?void 0:si.palette)||void 0===n?void 0:n.text)||void 0===t?void 0:t.primary:null===(d=null===(a=null==si?void 0:si.palette)||void 0===a?void 0:a.grey)||void 0===d?void 0:d[500]}}),component:l(N,{listingType:G,currency:null!==(r=F.currency)&&void 0!==r?r:b.USD,noDataMessage:null==j?void 0:j.noDataContent,copied:bi,offset:xi,activeWalletData:null!=Mo?Mo:[],sortWalletLabel:to,selectedValue:Fi,open:uo,walletMediaConfig:il,anchorEl:Vi,search:null!=Hi?Hi:"",walletAddress:null==U?void 0:U.walletAddress,totalActiveWallets:Vo,showMenu:null==_||_,showRefresh:Z,showSearch:J,showSort:Y,refetchIcon:null==H?void 0:H.refetchIcon,placeholderImage:null==H?void 0:H.placeHolderImage,secondaryButtonLabel:tl,isRefetchingWallets:$i&&bo,onClickSecondaryButton:rl,handleMenuOpen:ho,onClickToken:ee,handlePagination:eo,handleSearchText:wo,onClickCard:sl,activeWalletsLoading:bo,onConnectWallet:vl,handleToastClose:ue,handleClickListItem:co,handleApply:so,handleMenuItemClick:vo,handleClose:mo,onClickRefreshCache:Wo})},{index:1,label:(null===(u=null==z?void 0:z[1])||void 0===u?void 0:u.tabLabel)||"Activity",showTab:!(null==z?void 0:z[1])||(null===(c=null==z?void 0:z[1])||void 0===c?void 0:c.showTab),icon:l(h,{sx:{height:"16px",weight:"16px",color:Ri===((null===(v=null==z?void 0:z[1])||void 0===v?void 0:v.tabLabel)||"Activity")?null===(s=null===(m=null==si?void 0:si.palette)||void 0===m?void 0:m.text)||void 0===s?void 0:s.primary:null===(I=null===(y=null==si?void 0:si.palette)||void 0===y?void 0:y.grey)||void 0===I?void 0:I[500]}}),component:l(R,{listingType:G,noDataMessage:null==j?void 0:j.noDataContent,currency:null!==(D=F.currency)&&void 0!==D?D:b.USD,offset:Li,walletActivityData:null!=ko?ko:[],walletAddress:null==U?void 0:U.walletAddress,activityLoading:To,totalPage:Oo,showInvoice:Q,showViewItem:X,walletType:null==U?void 0:U.walletType,freeClaimText:null==j?void 0:j.activityCardFreeClaimText,placeholderImage:null==H?void 0:H.placeHolderImage,handlePagination:no,onClickDownload:ae,onConnectWallet:vl,onClickEtherscan:te,onClickActivityViewItem:de,enableCardVideo:null==F?void 0:F.enableCardVideo,isMobile:ce||!1})},{index:2,label:(null===(g=null==z?void 0:z[2])||void 0===g?void 0:g.tabLabel)||"Account",showTab:!(null==z?void 0:z[2])||(null===(C=null==z?void 0:z[2])||void 0===C?void 0:C.showTab),icon:l(p,{sx:{height:"16px",weight:"16px",color:Ri===((null===(f=null==z?void 0:z[2])||void 0===f?void 0:f.tabLabel)||"Account")?null===(A=null===(k=null==si?void 0:si.palette)||void 0===k?void 0:k.text)||void 0===A?void 0:A.primary:null===(x=null===(T=null==si?void 0:si.palette)||void 0===T?void 0:T.grey)||void 0===x?void 0:x[500]}}),component:l(M,{isFullAddress:ol,walletAddress:null==U?void 0:U.walletAddress,walletBalance:null==U?void 0:U.balance,walletType:null==U?void 0:U.walletType,networkName:null===(S=null==U?void 0:U.networkDetails)||void 0===S?void 0:S.name,currency:Eo,accountConfig:dl,nonNativeCurrency:Bo,copied:Ai,hideWalletBalance:P,isMobile:ce||!1,copyAddressText:null==j?void 0:j.copyAddressText,disconnectText:null==j?void 0:j.disconnectText,onClickCopy:Qo,onClickLogout:cl,onConnectWallet:vl,onClickTopUp:Xo,handleRefetchBalance:wl,refreshIcon:null==H?void 0:H.refetchIcon})}]}),[xi,bi,Ai,ce,Mo,to,uo,Fi,Vi,Hi,U,null==F?void 0:F.enableCardVideo,Vo,bo,Eo,ko,Li,Oo,To,z,Q,X,Y,J,Z,_,P,ol,G,j,il,null==H?void 0:H.refetchIcon,null==H?void 0:H.placeHolderImage,F.currency,Ri,si,Bo,tl,$i,rl,ho,ae,te,no,de,wo,ee,eo,cl,vl,Qo,sl,co,so,vo,mo,Wo,Xo,wl]),me=t((()=>null==ve?void 0:ve.filter((l=>null==l?void 0:l.showTab)).map(((l,i)=>Object.assign(Object.assign({},l),{index:i})))),[ve]),se=t((()=>""===Zi||"Close"===Zi?Ko:Go),[Zi,Ko,Go]),pe=t((()=>{const l=me.findIndex((l=>l.label===Ri));return l>=0?l:0}),[me,Ri]);return a((()=>{0===nl&&Mi("Wallet"),1===nl&&Mi("Activity")}),[nl,pl]),i(I,{sx:{maxWidth:"1440px",padding:{xs:"0 16px",md:"0 43px"},margin:"0 auto"},children:[l(I,{sx:ce?{bottom:0,width:"100%",marginBottom:"72px"}:{marginTop:"10px"},children:l(C,{isBottomTab:!!ce,tabValue:pe,setCurrentTab:Mi,tabs:me})}),Oi&&l(W,{open:yi,image:H,customRPCUrl:el,config:Object.assign(Object.assign({},F),{currency:null!==(_l=F.currency)&&void 0!==_l?_l:b.USD}),tokenDetails:{itemId:null!==(Gl=null===(Pl=null==Oi?void 0:Oi.cardDetail)||void 0===Pl?void 0:Pl.id)&&void 0!==Gl?Gl:"",contractAddress:null!==(zl=null===(Kl=null==Oi?void 0:Oi.cardDetail)||void 0===Kl?void 0:Kl.contractAddress)&&void 0!==zl?zl:"",onChainTokenID:null!==(Zl=null===(Xl=null===(Ql=null==Oi?void 0:Oi.cardDetail)||void 0===Ql?void 0:Ql.tokenId)||void 0===Xl?void 0:Xl.toString())&&void 0!==Zl?Zl:""},isRemoveListing:Ei,walletDetails:U,priceInputRange:K,onClickViewItem:ie,onClickBackToMarketPlace:ne,onCloseModal:Io,onConnectWallet:vl,onHandleApiSessionExpired:hl,onRefetchBalance:wl}),l(B,{open:Di,configChainId:null==F?void 0:F.chainId,networksData:xo,tokenDetails:{itemId:null!==(ql=null==Oi?void 0:Oi.cardDetail.id)&&void 0!==ql?ql:"",tokenImage:null!==(Yl=null===(Jl=null==Oi?void 0:Oi.cardDetail)||void 0===Jl?void 0:Jl.tokenImage)&&void 0!==Yl?Yl:"",tokenName:null!==(li=null===($l=null==Oi?void 0:Oi.cardDetail)||void 0===$l?void 0:$l.tokenName)&&void 0!==li?li:"",tokenSubTitle:null!==(oi=null===(ii=null==Oi?void 0:Oi.cardDetail)||void 0===ii?void 0:ii.collectionName)&&void 0!==oi?oi:"",placeHolderImage:null==H?void 0:H.placeHolderImage,tokenType:null!==(ni=null===(ei=null==Oi?void 0:Oi.cardDetail)||void 0===ei?void 0:ei.collectionType)&&void 0!==ni?ni:"",contractAddress:null!==(ai=null===(ti=null==Oi?void 0:Oi.cardDetail)||void 0===ti?void 0:ti.contractAddress)&&void 0!==ai?ai:"",onChainTokenID:null!==(ui=null===(ri=null===(di=null==Oi?void 0:Oi.cardDetail)||void 0===di?void 0:di.tokenId)||void 0===ri?void 0:ri.toString())&&void 0!==ui?ui:"",tokenOwnerAddress:null!==(vi=null===(ci=null==Oi?void 0:Oi.cardDetail)||void 0===ci?void 0:ci.tokenOwnerAddress)&&void 0!==vi?vi:"",thumbnail:null===(mi=null==Oi?void 0:Oi.cardDetail)||void 0===mi?void 0:mi.thumbnailImage},walletDetails:U,mediaCardAttributes:null==il?void 0:il.videoAttributes,onCloseTransferNFTModal:Ho,onOpenSuccessModal:Po,onOpenLoadingModal:_o}),l(L,{copied:bi,isMobileScreen:Yo,anchorEl:Ji,handleMenuClose:yo,menuOptions:null!=le?le:[]}),Ci&&l(O,{open:Ci,headerTitle:Qi,modalMessage:Ki,modalIcon:jo,buttonName:Zi,buttonAction:se,handleCloseSuccessModal:Ko,handleClickViewTransfer:Go})]})};export{j as default};