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

Mojito secondary market is the platform to purchase NFT.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material/Stack"),t=require("@mui/material/Modal"),a=require("@mui/material/Divider"),o=require("@mui/material/Grid"),l=require("@mui/material/Button"),s=require("@mui/material/Typography"),n=require("@mui/material/Box"),u=require("@mui/material/styles"),m=require("../component/MediaContentContainer.js"),c=require("../component/PriceContainer.js"),d=require("../utils/usdAndEuroCurrencyFormat.js");require("@mui/icons-material/KeyboardArrowDown"),require("@mui/material/Select"),require("@mui/material/TextField"),require("@mui/material/MenuItem"),require("@mui/icons-material/ImportExport");var p=require("../component/TotalOfferPriceContainer.js"),x=require("../component/ToastContainer.js");require("@mui/material/Checkbox"),require("@mui/material/Tooltip"),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");var g=require("../interface/index.js");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 f=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"),h=require("../utils/truncateDecimal.utils.js");exports.default=({open:y,image:j,tokenDetails:v,breadCrumbs:T,selectedBreadCrumbs:b,error:w,progress:P,price:O,listPricePercentage:I,isValidOffer:k,isRejectOffer:R,switchNetwork:S,isPDP:M,walletConnection:A,isLoading:N,fiatCurrency:D=g.Currency.USD,walletType:B,creatorFee:F,serviceFee:W,totalOffer:E,contractProgressMessage:_,mediaCardAttributes:H,onClickAcceptOrRejectOffer:U,onClickSwitchNetwork:V,onCloseModal:z,onClickConnectWallet:L})=>{var G,X,Y,$,K,Q,J,Z;const ee=u.useTheme(),re=r.useMemo((()=>"ethereum"===B),[B]),ie=r.useMemo((()=>"solana"===B),[B]),te=r.useMemo((()=>({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:{xs:"90%",md:"700px"},bgcolor:ee.palette.grey[900],borderRadius:"8px",boxShadow:24,maxHeight:{xs:"93%",lg:"calc(100% - 100px)"},overflowY:"auto",padding:"16px 16px 30px 16px"})),[ee]),ae=r.useMemo((()=>P.loading?"Processing":w?"Retry":P.success?"View Item":R?"Reject Offer":"Accept Offer"),[w,P,R]),oe=r.useMemo((()=>A?{message:"Connect your wallet to complete process",status:g.ToastTypeProps.ERROR}:k||P.success||M?P.loading?{message:_||"Follow wallet instruction to approve. Please do not close or reload the page...",status:g.ToastTypeProps.WARNING}:P.success?{message:R?"You have rejected this offer":`Offer Accepted. ${O.totalPrice} has been transferred to your wallet.`,status:R?g.ToastTypeProps.WARNING:g.ToastTypeProps.SUCCESS}:w?{message:w,status:g.ToastTypeProps.ERROR}:R?{message:"Clicking on ‘Reject Offer’ will remove this offer from your listing and item won't be transferred",status:g.ToastTypeProps.WARNING_WITHOUT_ICON}:{message:"Clicking ‘Accept Offer’ will transfer the amount in the 'Potential Earnings' to your connected wallet.",status:g.ToastTypeProps.SUCCESS_WITHOUT_ICON}:{message:`Cannot able to ${R?"reject":"accept"} offer for this token!`,status:g.ToastTypeProps.ERROR}),[w,P,O,R,k,M,A,_]),le=r.useMemo((()=>re?j.nativeCurrencyIcon:ie?j.nonNativeCurrencyIcon:j.nativeCurrencyIcon),[j,re,ie]);return e.jsx(t,{open:y,children:e.jsx(n,{sx:te,children:N?e.jsx(q.default,{}):e.jsxs(e.Fragment,{children:[e.jsx(n,{sx:{display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"16px",marginX:{xs:"16px",lg:0}},children:e.jsx("img",{src:j.logo,style:{width:"100%",height:"50px",objectFit:"contain"},alt:"logo"})}),e.jsx(n,{sx:{marginBottom:"16px",marginX:{xs:"16px",lg:0}},children:e.jsx(C.default,{"data-testid":"onClick_bread_crumbs",list:T||[],selectedValue:b||"",itemHighlightedStyle:{fontSize:"12px",fontWeight:"500",color:ee.palette.background.default},itemStyle:{fontSize:"12px",fontWeight:"500",color:ee.palette.grey[500]}})}),e.jsx(n,{sx:{marginBottom:"30px",marginX:{xs:"16px",lg:0}},children:e.jsxs(o,{container:!0,spacing:2,children:[e.jsx(o,{item:!0,xs:12,sm:12,md:12,lg:6,xl:6,children:e.jsx(m.default,{title:v.tokenName,url:v.tokenImage,subTitle:v.tokenArtistName,placeholderImage:j.placeHolderImage,videoAttributes:H,height:"350px"})}),e.jsxs(o,{item:!0,xs:12,sm:12,md:12,lg:6,xl:6,children:[e.jsxs(n,{sx:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[e.jsx(s,{sx:{fontSize:"14px",fontWeight:"500"},children:null==E?void 0:E.title}),e.jsxs(n,{sx:{display:"flex",flexDirection:"column",justifyContent:"end",alignItems:"end"},children:[e.jsx(s,{sx:{fontSize:"14px",fontWeight:"500"},children:null==E?void 0:E.cryptoPrice}),e.jsxs(s,{sx:{fontSize:"12px",color:ee.palette.grey[500]},children:["≈ ",`${d.formatUsdAndEuroCurrency(null!==(G=null==E?void 0:E.usdPrice.split(" ")[0])&&void 0!==G?G:0,null==E?void 0:E.usdPrice.split(" ")[1])} ${null==E?void 0:E.usdPrice.split(" ")[1]}`]})]})]}),e.jsx(a,{sx:{marginY:"16px",borderColor:null===(Y=null===(X=ee.palette.appDefaultColor)||void 0===X?void 0:X.secondary)||void 0===Y?void 0:Y.light}}),e.jsx(c.default,{ethIcon:le,creatorFee:F,serviceFee:W,tooltipTitle:"Deducted from offer price"}),e.jsx(p.default,{title:"Potential Earnings",isError:R,ethIcon:le,listPrice:I,priceUSD:+h.truncateDecimal(O.usd),wethValue:O.totalPrice,fiatCurrency:D,toolTipTitle:"What you’ll earn"}),e.jsx(a,{sx:{marginY:"16px",borderColor:null===(K=null===($=ee.palette.appDefaultColor)||void 0===$?void 0:$.secondary)||void 0===K?void 0:K.light}}),S&&e.jsx(f.default,{title:"Please switch to",subTitle:"Network in order to complete checkout",message:S,onClick:V}),A?e.jsx(f.default,{title:"Please",subTitle:"to complete process",message:"connect your wallet",onClick:L}):e.jsx(x.default,{message:oe.message,status:oe.status})]})]})}),e.jsxs(i,{direction:"column",sx:{justifyContent:"center",alignItems:"center",marginX:{xs:"16px",lg:0}},children:[e.jsx(l,{startIcon:P.loading&&e.jsx("img",{src:j.loader,style:{width:"20px",height:"20px",objectFit:"contain",animation:"rotate 2s linear infinite"},alt:"loader"}),disabled:P.loading||!k&&!P.success&&!M&&0===(null==A?void 0:A.length)||(null==S?void 0:S.length)>0,onClick:()=>U(ae),sx:{width:{xs:"100%",lg:"70%"},marginBottom:"25px",height:"50px",borderRadius:"0px","&.Mui-disabled":{backgroundColor:ee.palette.primary.main,color:null===(Z=null===(J=null===(Q=null==ee?void 0:ee.palette)||void 0===Q?void 0:Q.appDefaultColor)||void 0===J?void 0:J.secondary)||void 0===Z?void 0:Z.dark,cursor:"not-allowed",pointerEvents:"all"}},children:ae}),e.jsx(s,{onClick:z,sx:{cursor:(null==P?void 0:P.loading)?"not-allowed":"pointer",fontWeight:"500",color:ee.palette.primary.main,textTransform:"uppercase"},children:P.success?"Continue To marketplace":"Cancel"})]})]})})})};