@mojito-inc/secondary-market/cjs/layout/BuyNowLayout.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"),c=require("@mui/icons-material/ErrorOutline"),m=require("../component/MediaContentContainer.js");require("@mui/material/Tooltip"),require("@mui/icons-material/InfoOutlined");var 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");var x=require("../interface/index.js"),g=require("../component/ToastContainer.js"),C=require("../component/TermsAndConditionContainer.js"),h=require("../component/WalletStatusContainer.js"),q=require("../component/PaymentDetailsContainer.js");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 y=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"),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 v=require("../component/BreadCrumbsComponent.js");exports.default=({open:j,image:b,tokenDetails:f,breadCrumbs:k,selectedBreadCrumbs:w,currencyData:T,price:I,usdPrice:P,selectCurrency:S,error:R,progress:B,walletAddress:M,balance:A,validateBuyNow:O,copied:W,termsCheck:N,validateTerms:D,orderDetails:F,currencyList:E,detailsLoading:L,symbol:H,isValidBuyNow:V,termsURL:$,conditionOfBusinessURL:z,walletType:U="ethereum",contractProgressMessage:_,mediaCardAttributes:Y,onClickViewOnEtherScan:X,onChangeTermsAndCondition:G,onChangeCurrency:K,onClickCopyReference:Q,onClickCopyHash:J,onClickCopyWalletAddress:Z,onClickDisconnectWallet:ee,onClickConnectWallet:ie,onClickSwap:re,onClickSwitchNetwork:te,onClickBuyNow:ae,onCloseModal:oe})=>{var le,ne,se,ue,ce,me,de,pe,xe,ge,Ce,he,qe,ye,ve;const je=u.useTheme(),be=i.useMemo((()=>"ethereum"===U),[U]),fe=i.useMemo((()=>"solana"===U),[U]),ke=i.useMemo((()=>({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:{xs:"90%",md:"700px"},bgcolor:je.palette.grey[900],borderRadius:"8px",boxShadow:24,maxHeight:{xs:"93%",lg:"calc(100% - 100px)"},overflowY:"auto",padding:"16px 16px 30px 16px"})),[je]),we=i.useMemo((()=>B.loading?"Processing":R?"Retry":B.success?"View Item":"Buy Now"),[R,B]),Te=i.useMemo((()=>B.loading?{message:_||"Follow wallet instruction to approve. Please do not close or reload the page...",status:x.ToastTypeProps.WARNING}:B.success?{message:"Payment processed. Your purchased item will be delivered to your connected wallet.",status:x.ToastTypeProps.SUCCESS}:{message:R,status:x.ToastTypeProps.ERROR}),[R,B,_]),Ie=i.useMemo((()=>{if(be){if("MATIC"===H||"WMATIC"===H)return b.maticIcon;if("WETH"===H)return b.nonNativeCurrencyIcon}return fe?b.nonNativeCurrencyIcon:b.nativeCurrencyIcon}),[H,b,be,fe]);return e.jsx(t,{open:j,children:e.jsx(s,{sx:ke,children:L?e.jsx(y.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(v.default,{"data-testid":"onClick_bread_crumbs",list:k||[],selectedValue:w||"",itemHighlightedStyle:{fontSize:"12px",fontWeight:"500",color:je.palette.background.default},itemStyle:{fontSize:"12px",fontWeight:"500",color:je.palette.grey[500]}})}),e.jsx(s,{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:6,lg:6,xl:6,children:e.jsx(m.default,{title:f.tokenName,url:"thumbnail-only"!==(null==Y?void 0:Y.thumbnailFrame)&&"custom"!==(null==Y?void 0:Y.thumbnailFrame)&&(null==f?void 0:f.thumbnail)||(null==f?void 0:f.tokenImage),subTitle:f.tokenArtistName,placeholderImage:b.placeHolderImage,videoAttributes:Y,height:"350px"})}),e.jsxs(o,{item:!0,xs:12,sm:12,md:6,lg:6,xl:6,children:["Confirmation"===w?e.jsx(e.Fragment,{children:B.success?e.jsx(q.default,{totalPrice:F.price,walletAddress:M,transactionHash:F.transactionHash,referenceNumber:F.referenceNumber,copied:W,ethIcon:Ie,onClickCopyHash:J,onClickCopyReference:Q,onClickCopyWalletAddress:Z,onClickViewOnEtherScan:X,walletType:U}):e.jsxs(e.Fragment,{children:[e.jsx(d.default,{title:"Price",usdPrice:P,cryptoPrice:`${I} ${H}`,ethIcon:Ie,totalPriceFontSize:14,isTotalPrice:!0}),e.jsx(a,{sx:{marginY:"16px",borderColor:null===(se=null===(ne=null===(le=je.palette)||void 0===le?void 0:le.appDefaultColor)||void 0===ne?void 0:ne.secondary)||void 0===se?void 0:se.light}}),e.jsx(d.default,{title:"Total Price",usdPrice:P,cryptoPrice:`${I} ${H}`,ethIcon:Ie,isTotalPrice:!0})]})}):e.jsxs(e.Fragment,{children:[e.jsx(p.default,{ethIcon:Ie,isDropdown:E.length>1,title:"PRICE",currencyData:T,price:I,disabled:!0,currencyList:E,selectCurrency:S,onChangeCurrency:K}),e.jsx(a,{sx:{marginY:"16px",borderColor:null===(me=null===(ce=null===(ue=je.palette)||void 0===ue?void 0:ue.appDefaultColor)||void 0===ce?void 0:ce.secondary)||void 0===me?void 0:me.light}}),e.jsx(s,{sx:{marginBottom:"16px"},children:e.jsx(d.default,{title:"Total Price",usdPrice:P,cryptoPrice:`${null!=I?I:"0"} ${H}`,ethIcon:Ie,isTotalPrice:!0})}),!O.networkCheck&&!B.loading&&e.jsxs(e.Fragment,{children:[e.jsx(s,{sx:{marginBottom:"16px"},children:e.jsx(h.default,{balance:A,walletAddress:M,copied:W===M,isSwap:O.isSwap&&!fe,ethIcon:Ie,symbol:S,onClickCopy:Z,onClickConnectWallet:ie,onClickDisconnectWallet:ee,onClickSwap:()=>re(O.message)})}),e.jsx(s,{sx:{marginBottom:"16px"},children:e.jsx(C.default,{checked:N,termURL:$,conditionOfBusinessURL:z,error:D,handleTermsAndCondition:G})})]}),!O.networkCheck||B.loading||B.success||0!==(null==R?void 0:R.length)?O.balanceCheck&&!B.loading&&!B.success||!O.isWalletConnected||V?e.jsx(g.default,{message:V||O.message,status:x.ToastTypeProps.ERROR}):null:e.jsxs(s,{sx:{display:"flex",alignItems:"center",padding:"8px 16px",borderRadius:"4px",gap:1,background:null===(pe=null===(de=je.palette)||void 0===de?void 0:de.toastError)||void 0===pe?void 0:pe[50],border:`1px solid ${null===(ge=null===(xe=je.palette)||void 0===xe?void 0:xe.toastError)||void 0===ge?void 0:ge[100]}`},children:[e.jsx(c,{sx:{color:null===(he=null===(Ce=je.palette)||void 0===Ce?void 0:Ce.toastError)||void 0===he?void 0:he[500],fontSize:"16px"}}),e.jsxs(n,{sx:{fontSize:"12px",fontWeight:"400"},children:["Please switch to"," ",e.jsx(n,{onClick:()=>te(),sx:{fontSize:"12px",fontWeight:"400",textDecorationLine:"underline",display:"inline",cursor:"pointer"},children:O.message})," ","Network in order to complete checkout"]})]})]}),e.jsx(s,{sx:{marginY:"16px"},children:(B.loading||B.success||R)&&e.jsx(g.default,{message:Te.message,status:Te.status})})]})]})}),e.jsxs(r,{direction:"column",sx:{justifyContent:"center",alignItems:"center",marginX:{xs:"16px",lg:0}},children:[e.jsx(l,{startIcon:B.loading&&e.jsx("img",{src:b.loader,style:{width:"20px",height:"20px",objectFit:"contain",animation:"rotate 2s linear infinite"},alt:"loader"}),disabled:B.loading||O.balanceCheck||O.networkCheck&&0===(null==R?void 0:R.length)||!O.isWalletConnected||(null==V?void 0:V.length)>0&&!B.success,onClick:()=>ae(we),sx:{width:{xs:"100%",lg:"70%"},marginBottom:"25px",height:"50px",borderRadius:"0px","&.Mui-disabled":{backgroundColor:je.palette.primary.main,color:null===(ve=null===(ye=null===(qe=null==je?void 0:je.palette)||void 0===qe?void 0:qe.appDefaultColor)||void 0===ye?void 0:ye.secondary)||void 0===ve?void 0:ve.dark,cursor:"not-allowed",pointerEvents:"all"}},children:we}),e.jsx(n,{onClick:oe,sx:{cursor:B.loading?"not-allowed":"pointer",fontWeight:"500",width:"100%",textAlign:"center",color:je.palette.primary.main,textTransform:"uppercase"},children:B.success?"Back To Marketplace":"Cancel"})]})]})})})};