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