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

Mojito secondary market is the platform to purchase NFT.

import{jsx as i,jsxs as e,Fragment as t}from"react/jsx-runtime";import{useMemo as o}from"react";import r from"@mui/material/Stack";import a from"@mui/material/Modal";import m from"@mui/material/Divider";import n from"@mui/material/Grid";import l from"@mui/material/Button";import s from"@mui/material/Typography";import c from"@mui/material/Box";import{useTheme as u}from"@mui/material/styles";import p from"../component/MediaContentContainer.js";import d from"../component/PriceContainer.js";import g from"../component/FeeContainer.js";import C from"../component/InputDropdownContainer.js";import"@mui/material/Select";import"@mui/material/MenuItem";import"@mui/icons-material/ImportExport";import"@mui/icons-material/KeyboardArrowDown";import"@mui/material/Tooltip";import"@mui/icons-material/InfoOutlined";import{ToastTypeProps as h}from"../interface/index.js";import x from"../component/ToastContainer.js";import"@mui/material/Checkbox";import"@mui/icons-material/ContentCopy";import"@mui/icons-material/KeyboardArrowUp";import"@mui/icons-material/HelpOutline";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 f from"../loader/BuyNowLoader.js";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/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"../component/VideoWithImageCard.js";import"html-react-parser";import"@mui/icons-material/Twitter";import"@mui/icons-material/MoreVert";import"../constant/index.js";import"@mui/material/useMediaQuery";import"@mui/material/CircularProgress";import"react-player";import"@mui/icons-material/Pause";import"@mui/icons-material/PlayArrow";import y from"../component/ErrorContainer.js";import"../_virtual/_tslib.js";import"@mui/material/Tab";import"@mui/material/Tabs";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 b from"../component/BreadCrumbsComponent.js";const v=({open:v,image:I,tokenDetails:w,breadCrumbs:k,selectedBreadCrumbs:T,creatorFee:P,serviceFee:R,totalPrice:j,listingPrice:L,currencyData:S,price:B,selectCurrency:F,error:O,isEdit:M,progress:N,currencyList:A,isRemoveListing:E,switchNetwork:D,isValidListItem:W,isLoading:H,walletConnection:V,maxLength:X,walletType:_,contractProgressMessage:z,mediaCardAttributes:G,onClickSwitchNetwork:K,onChangeCurrency:U,onChangePrice:Y,onClickListItem:Q,onCloseModal:q,onClickConnectWallet:J})=>{var Z,$,ii,ei,ti,oi;const ri=u(),ai=o((()=>"ethereum"===_),[_]),mi=o((()=>"solana"===_),[_]),ni=o((()=>({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:{xs:"90%",md:"700px"},bgcolor:ri.palette.grey[900],borderRadius:"8px",boxShadow:24,maxHeight:{xs:"93%",lg:"calc(100% - 100px)"},overflowY:"auto",padding:"16px 16px 30px 16px"})),[ri]),li=o((()=>N.loading?"Processing Listing":O?"Retry":N.success?"View Item":"Confirmation"===T?"Confirm Item Listing":E?"Remove Listing":M?"Edit Listing":"List Item"),[O,T,M,N,E]),si=o((()=>N.loading?{message:z||"Follow wallet instruction to approve. Please do not close or reload the page...",status:h.WARNING}:E&&N.success?{message:"This listing has been removed",status:h.WARNING}:N.success?{message:M?"Listing edited successfully":"Item listed successfully",status:h.SUCCESS}:{message:O,status:h.ERROR}),[O,N,E,M,z]),ci=o((()=>{if(ai){if("MATIC"===F)return I.maticIcon;if("WETH"===F)return I.nonNativeCurrencyIcon}return mi?I.nonNativeCurrencyIcon:I.nativeCurrencyIcon}),[F,ai,I,mi]);return i(a,{open:v,children:i(c,{sx:ni,children:H?i(f,{}):e(t,{children:[i(c,{sx:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"16px",marginX:{xs:"16px",lg:0}},children:i("img",{src:I.logo,style:{width:"100%",height:"50px",objectFit:"contain"},alt:"logo"})}),i(c,{sx:{marginBottom:"16px",marginX:{xs:"16px",lg:0}},children:i(b,{"data-testid":"onClick_bread_crumbs",list:k||[],selectedValue:T||"",itemHighlightedStyle:{fontSize:"12px",fontWeight:"500",color:ri.palette.background.default},itemStyle:{fontSize:"12px",fontWeight:"500",color:ri.palette.grey[500]}})}),i(c,{sx:{marginBottom:"30px",marginX:{xs:"0px",lg:0}},children:e(n,{container:!0,spacing:2,children:[i(n,{item:!0,xs:12,sm:12,md:6,lg:6,xl:6,children:i(p,{title:null==w?void 0:w.tokenName,url:"thumbnail-only"!==(null==G?void 0:G.thumbnailFrame)&&"custom"!==(null==G?void 0:G.thumbnailFrame)&&(null==w?void 0:w.thumbnail)||(null==w?void 0:w.tokenImage),videoAttributes:G,subTitle:null==w?void 0:w.tokenArtistName,placeholderImage:I.placeHolderImage,height:"350px"})}),e(n,{item:!0,xs:12,sm:12,md:6,lg:6,xl:6,children:["Confirmation"===T||E?i(g,{title:L.title,usdPrice:L.usdPrice,cryptoPrice:L.cryptoPrice,ethIcon:ci,totalPriceFontSize:14,isTotalPrice:!0}):i(C,{ethIcon:ci,isDropdown:A.length>1,title:"SET A PRICE",currencyData:S,price:B,selectCurrency:F||"ETH",currencyList:A,maxLength:X,onChangePrice:Y,onChangeCurrency:U}),i(m,{sx:{marginY:"16px",borderColor:null===($=null===(Z=ri.palette.appDefaultColor)||void 0===Z?void 0:Z.secondary)||void 0===$?void 0:$.light}}),i(c,{sx:{marginBottom:"16px"},children:i(d,{ethIcon:ci,creatorFee:P,serviceFee:R,totalPrice:j})}),D&&i(y,{title:"Please switch to",subTitle:"Network in order to complete checkout",message:D,onClick:K}),(N.loading||N.success||O)&&i(x,{message:si.message,status:si.status}),V&&i(y,{title:"Please",subTitle:"to complete process",message:"connect your wallet",onClick:J}),W&&!N.success&&i(x,{message:W,status:h.ERROR})]})]})}),e(r,{direction:"column",sx:{justifyContent:"center",alignItems:"center",marginX:{xs:"0px",lg:0}},children:[i(l,{startIcon:N.loading&&i("img",{src:I.loader,style:{width:"20px",height:"20px",objectFit:"contain",animation:"rotate 2s linear infinite"},alt:"loader"}),disabled:N.loading||(null==D?void 0:D.length)>0||(null==W?void 0:W.length)>0&&!N.success,onClick:()=>Q(li),sx:{width:{xs:"100%",lg:"70%"},marginBottom:"25px",background:null===(ei=null===(ii=null==ri?void 0:ri.palette)||void 0===ii?void 0:ii.primary)||void 0===ei?void 0:ei.main,borderRadius:"0px",height:"50px","&.Mui-disabled":{backgroundColor:ri.palette.primary.main,color:null===(oi=null===(ti=ri.palette.appDefaultColor)||void 0===ti?void 0:ti.secondary)||void 0===oi?void 0:oi.dark,opacity:.7}},children:li}),i(s,{onClick:q,sx:{cursor:N.loading?"not-allowed":"pointer",fontWeight:"500",color:ri.palette.primary.main,textTransform:"uppercase"},children:"Cancel"})]})]})})})};export{v as default};