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

Mojito secondary market is the platform to purchase NFT.

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