@mojito-inc/secondary-market/cjs/layout/TokensListLayout.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("react"),r=require("@mui/material/TextField"),l=require("@mui/material/InputAdornment"),t=require("@mui/material/Grid"),a=require("@mui/material/Box"),n=require("@mui/icons-material/Search"),o=require("@mui/material/styles"),u=require("@mui/material/Typography"),m=require("@mui/icons-material/FilterList"),s=require("@mui/material/Skeleton");require("html-react-parser"),require("../component/VideoWithImageCard.js"),require("@mui/material/Divider"),require("@mui/material/Tooltip"),require("@mui/icons-material/InfoOutlined"),require("@mui/icons-material/KeyboardArrowDown"),require("@mui/material/Select"),require("@mui/material/MenuItem");var d=require("../component/DropDownContainer.js");require("@mui/material/Stack"),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/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");var c=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 q=require("../component/TokenCard.js");require("../constant/index.js"),require("@mui/material/useMediaQuery"),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"),require("@mui/material/Menu"),require("@mui/material/Modal"),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");var p=require("../component/NoDataContainer.js");require("@mui/icons-material/AccountBalanceWallet"),require("@mui/material/Breadcrumbs"),require("@mui/icons-material/ArrowForward");var x=require("../component/filters/index.js"),h=require("../provider/CollectionFilterProvider.js"),v=require("../component/CollectionListDropDown.js");exports.default=({tokensData:g,tokensFilterValue:C,tokensFilterOptions:j,collectionsLoading:f=!1,search:w,showFilter:y=!1,showAttributeFilters:b,traitsData:k,cardLoaderBg:S,cardSkeletonBg:F,placeHolderImage:I,onChangeFilter:T,onChangeSearch:B,onClickTokenButton:D,onClickCard:O,setShowFilter:A,onChangeCollectionFilter:L,searchPlaceholderText:M,videoAttributes:P,showFilterLoader:R})=>{var z,V,H,_,N,W;const{selectedCollection:K,collectionsOptions:E,currencyType:G,clearTraitsFilter:Q}=h.useFilterData(),U=o.useTheme(),J=i.useMemo((()=>{var e,i,r;return null!==(i=null===(e=null==E?void 0:E.filter((e=>{var i;return(null===(i=e.value)||void 0===i?void 0:i.toLowerCase())===(null==K?void 0:K.toLowerCase())}))[0])||void 0===e?void 0:e.label)&&void 0!==i?i:null===(r=E[0])||void 0===r?void 0:r.label}),[E,K]),X=i.useMemo((()=>{var e;return b&&(null!==(e=null==k?void 0:k.length)&&void 0!==e?e:0)>0}),[b,k]);return e.jsxs(a,{sx:{position:"relative"},children:[(f||null===g)&&R?e.jsx(s,{variant:"rectangular",animation:"wave",height:40,sx:{borderRadius:"4px",marginBottom:"32px",backgroundColor:null===(V=null===(z=U.palette.appDefaultColor)||void 0===z?void 0:z.secondary)||void 0===V?void 0:V.light}}):e.jsxs(t,{container:!0,columnSpacing:1,rowSpacing:{xs:2,sm:2},sx:{marginBottom:"32px",position:"relative",zIndex:50},children:[X&&e.jsx(t,{item:!0,xs:2,md:2,children:e.jsxs(a,{onClick:()=>A(!y),sx:{width:"100%",height:"41px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:null===(_=null===(H=U.palette.appDefaultColor)||void 0===H?void 0:H.secondary)||void 0===_?void 0:_.light,borderRadius:"4px",cursor:"pointer"},children:[e.jsx(m,{sx:{fontSize:"20px"}}),e.jsx(u,{sx:{display:{xs:"none",md:"block"},fontSize:"16px",marginLeft:"8px"},children:"Filter"})]})}),e.jsx(t,{item:!0,xs:X?8:10,md:X?(null==E?void 0:E.length)>1?6:8:(null==E?void 0:E.length)>1?8:10,lg:X?(null==E?void 0:E.length)>1?6:8:(null==E?void 0:E.length)>1?8:10,xl:X?(null==E?void 0:E.length)>1?6:8:(null==E?void 0:E.length)>1?8:10,sx:{width:"auto !important"},children:e.jsx(r,{placeholder:null!=M?M:"Search...",sx:{width:"100%","& .MuiInputBase-input::placeholder":{fontSize:"14px"},"& fieldset":{border:"none"}},"data-testid":"list-search-text-field",value:w,onChange:B,autoComplete:"off",InputProps:{inputProps:{style:{padding:"0px",paddingBottom:"0px",fontSize:"14px",height:"40px",display:"flex",alignItems:"center",justifyContent:"center"}},startAdornment:e.jsx(l,{position:"start",children:e.jsx(n,{sx:{fontSize:"20px",color:null===(N=null==U?void 0:U.palette)||void 0===N?void 0:N.grey[500]}})})}})}),e.jsx(t,{item:!0,xs:2,md:(null==E?void 0:E.length)>1?1:2,xl:2,children:e.jsx(d.default,{"data-testid":"list-filter-dropdown",menu:j,onChangeValue:T,selectedValue:C,title:""})}),(null==E?void 0:E.length)>1&&e.jsx(t,{item:!0,xs:12,sm:12,md:3,lg:3,xl:2,children:e.jsx(v.default,{"data-testid":"collection-list-filter-dropdown",menu:E,onChangeValue:L,selectedValue:J,title:""})})]}),e.jsxs(a,{sx:{display:"flex",flexDirection:{xs:"column",sm:"row"},gap:"16px",alignItems:"flex-start",position:"relative"},children:[b&&y&&k&&e.jsx(x.default,{filtersData:k,showFilter:y,onClearFilter:Q},K),e.jsx(a,{sx:{display:"flex",flexDirection:"column",width:"100%"},children:f||null===g?e.jsx(t,{container:!0,columnSpacing:2,rowSpacing:8,children:Array.from(Array(8).keys()).map((i=>e.jsx(t,{item:!0,md:y?6:4,sm:y?12:6,xs:12,lg:y?4:3,children:e.jsx(c.default,{cardLoaderBg:S,cardSkeletonBg:F})},i)))}):(null!==(W=null==g?void 0:g.length)&&void 0!==W?W:0)>0?e.jsx(t,{container:!0,columnSpacing:2,rowSpacing:8,children:null==g?void 0:g.map(((i,r)=>e.jsx(t,{item:!0,md:y?6:4,sm:y?12:6,xs:12,lg:y?4:3,children:e.jsx(q.default,{walletMediaConfig:{videoAttributes:P},cardDetail:i.cardDetail,placeholderImage:I,currency:G,onClickButton:()=>D(i),onClickCard:O?()=>{var e;return null==O?void 0:O({id:null==i?void 0:i.id,tokenId:null!==(e=null==i?void 0:i.tokenId)&&void 0!==e?e:"0",contractAddress:null==i?void 0:i.contractAddress})}:void 0})},null==r?void 0:r.toString())))}):e.jsx(p.default,{})})]})]})};