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