@mojito-inc/secondary-market/esm/layout/WalletsLabelLayout.js

Mojito secondary market is the platform to purchase NFT.

import{jsxs as i,jsx as e}from"react/jsx-runtime";import t from"@mui/material/TextField";import o from"@mui/material/Grid";import r from"@mui/material/Box";import{useTheme as a}from"@mui/material/styles";import l from"@mui/icons-material/FilterList";import n from"@mui/icons-material/Search";import m from"@mui/material/useMediaQuery";import d from"@mui/material/InputAdornment";import p from"@mui/icons-material/Refresh";import c from"@mui/material/IconButton";import"@mui/material/Typography";import"html-react-parser";import"../component/VideoWithImageCard.js";import"@mui/material/Divider";import"@mui/material/Tooltip";import"@mui/icons-material/InfoOutlined";import"react";import"@mui/icons-material/KeyboardArrowDown";import"@mui/material/Select";import"@mui/material/MenuItem";import"@mui/material/Stack";import"@mui/icons-material/ImportExport";import{Currency as s}from"../interface/index.js";import"@mui/icons-material/Warning";import"@mui/icons-material/CheckCircleOutline";import"@mui/icons-material/ErrorOutline";import"@mui/material/Checkbox";import"@mui/material/Button";import"@mui/icons-material/ContentCopy";import"@mui/icons-material/KeyboardArrowUp";import"@mui/icons-material/HelpOutline";import"@mui/icons-material/FavoriteBorder";import"@mui/icons-material/Favorite";import"@mui/icons-material/FileCopyOutlined";import"moment";import u from"../component/Pagination.js";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 h from"../loader/TokenCardLoader.js";import"@mui/material/Card";import"@mui/material/CardContent";import"@mui/material/CardActions";import"@mui/icons-material/RemoveCircleOutline";import"@mui/icons-material/SellOutlined";import"@mui/icons-material/AttachMoneyOutlined";import"@mui/icons-material/Send";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 v from"../component/TokenCard.js";import"../constant/index.js";import"@mui/material/CircularProgress";import"react-player";import"@mui/icons-material/Pause";import"@mui/icons-material/PlayArrow";import"../_virtual/_tslib.js";import"@mui/material/Tab";import"@mui/material/Tabs";import x from"../component/SortContainer.js";import"@mui/icons-material/FiberManualRecord";import"../component/RenderIf.js";import f from"../component/NoDataContainer.js";import C from"../component/WalletNotConnectedContainer.js";import"@mui/material/Modal";import"@mui/material/Menu";import"@mui/icons-material/Close";import"@mui/material/ListItemText";import"@mui/icons-material/CheckRounded";import"@mui/material/Breadcrumbs";import"@mui/icons-material/ArrowForward";const g=({listingType:g,noDataMessage:y,offset:k,activeWalletData:w,sortWalletLabel:I,anchorEl:S,open:b,selectedValue:T,walletAddress:D,search:M,showMenu:A,showSearch:O=!0,showSort:j=!0,showRefresh:B=!0,refetchIcon:L,totalActiveWallets:R,activeWalletsLoading:W,placeholderImage:F,walletMediaConfig:H,currency:P=s.USD,secondaryButtonLabel:N,isRefetchingWallets:z=!1,onClickSecondaryButton:E,handleMenuOpen:V,handlePagination:K,handleSearchText:U,onClickToken:$,onClickCard:_,onConnectWallet:G,handleClickListItem:Q,handleApply:q,handleMenuItemClick:J,handleClose:X,onClickRefreshCache:Y})=>{var Z,ii,ei,ti,oi,ri,ai;const li=a(),ni=m((i=>i.breakpoints.down("sm")));return i(r,{children:[D&&e(r,{sx:{marginTop:"16px",marginBottom:"16px"},children:i(r,{sx:{display:"flex",justifyContent:"flex-end",width:"100%",alignItems:"center"},children:[O&&e(r,{sx:{width:"100%"},children:e(t,{placeholder:"Search",sx:{width:"100%",border:`1px solid ${null===(ii=null===(Z=null==li?void 0:li.palette)||void 0===Z?void 0:Z.grey)||void 0===ii?void 0:ii[600]}`,"& .MuiInputBase-input::placeholder":{fontSize:"16px"},fontSize:"16px","& fieldset":{border:"none"}},"data-testid":"list-search-text-field",autoComplete:"off",value:M,onChange:U,InputProps:{style:{maxHeight:"40px",fontSize:"16px"},startAdornment:e(d,{position:"start",children:e(n,{sx:{color:null===(ei=null==li?void 0:li.palette)||void 0===ei?void 0:ei.grey[500],fontSize:"22px"}})})}})}),j&&e(r,{sx:{maxWidth:"80px",marginLeft:"16px"},children:e(x,{open:b,anchorEl:null!=S?S:null,options:I,selectedValue:T,text:"Sort",isMobileScreen:ni,leftIcon:e(l,{sx:{color:null===(oi=null===(ti=null==li?void 0:li.palette)||void 0===ti?void 0:ti.text)||void 0===oi?void 0:oi.secondary,height:"20px",width:"20px"}}),handleClickListItem:Q,handleApply:q,handleMenuItemClick:J,handleClose:X})}),B&&e(r,{sx:{marginLeft:"8px"},children:L?e(r,{onClick:Y,sx:{cursor:"pointer",maxHeight:"40px"},children:e("img",{src:L,style:{maxHeight:"40px",width:"100%",objectFit:"contain"},alt:"refresh-icon"})}):e(c,{onClick:Y,sx:{height:"40px",width:"40px",borderRadius:"4px",border:`1px solid ${li.palette.grey[600]}`,"@keyframes spin":{to:{transform:"rotate(360deg)"}}},children:e(p,{style:{padding:"10px 11px",height:"20px",width:"20px",color:null===(ai=null===(ri=null==li?void 0:li.palette)||void 0===ri?void 0:ri.text)||void 0===ai?void 0:ai.primary,animation:z?"spin 1s linear infinite":void 0}})})})]})}),(null==w?void 0:w.length)>0&&D&&e(o,{container:!0,columnSpacing:2,rowSpacing:2,children:null==w?void 0:w.map((i=>{var t,r;return e(o,{item:!0,lg:3,md:4,sm:6,xs:12,children:e(v,{listingType:g,showMenu:A,walletMediaConfig:H,cardDetail:i.cardDetail,placeholderImage:F,currency:P,handleMenuOpen:e=>null==V?void 0:V(e,i),isShowSecondaryButton:!0,secondaryButtonLabel:N,onClickSecondaryButton:()=>{var e,t,o,r;return null==E?void 0:E({tokenId:null===(e=null==i?void 0:i.cardDetail)||void 0===e?void 0:e.tokenId,contractAddress:null===(t=null==i?void 0:i.cardDetail)||void 0===t?void 0:t.contractAddress,networkId:null===(o=null==i?void 0:i.cardDetail)||void 0===o?void 0:o.networkId,id:null===(r=null==i?void 0:i.cardDetail)||void 0===r?void 0:r.id})},onClickButton:()=>$(i),onClickCard:_?()=>{var e,t,o,r;return null==_?void 0:_({id:null===(e=null==i?void 0:i.cardDetail)||void 0===e?void 0:e.id,tokenId:null===(t=null==i?void 0:i.cardDetail)||void 0===t?void 0:t.tokenId,contractAddress:null===(o=null==i?void 0:i.cardDetail)||void 0===o?void 0:o.contractAddress,networkId:null===(r=null==i?void 0:i.cardDetail)||void 0===r?void 0:r.networkId})}:void 0})},(null===(t=i.cardDetail)||void 0===t?void 0:t.tokenId)+(null===(r=null==i?void 0:i.cardDetail)||void 0===r?void 0:r.tokenName))}))}),0===(null==w?void 0:w.length)&&!W&&D&&e(r,{sx:{minHeight:"80vh",display:"flex",justifyContent:"center",alignItems:"center"},children:e(f,{noDataMessage:y})}),!D&&e(C,{message:"collection of NFTs",onConnectWallet:G}),W&&i(o,{container:!0,columnSpacing:2,rowSpacing:8,children:[" ",Array.from(Array(4).keys()).map((i=>e(o,{item:!0,lg:3,md:4,sm:6,xs:12,children:e(h,{})},i)))]}),R>1&&D&&e(r,{sx:{padding:{sm:"16px",xs:"16px",lg:"40px",xl:"96px"}},children:e(u,{total:R,offset:k+1,onHandlePagination:K})})]})};export{g as default};