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

Mojito secondary market is the platform to purchase NFT.

import{jsx as i,jsxs as e,Fragment as r}from"react/jsx-runtime";import{useMemo as t}from"react";import o from"@mui/material/Stack";import l from"@mui/material/Modal";import a from"@mui/material/Tooltip";import m from"@mui/material/Grid";import n from"@mui/material/Button";import d from"@mui/material/Typography";import p from"@mui/material/Box";import{useTheme as u}from"@mui/material/styles";import s from"@mui/icons-material/FileCopyOutlined";import c from"@mui/icons-material/Close";import x from"../component/MediaContentContainer.js";import"@mui/material/Divider";import"@mui/icons-material/InfoOutlined";import h from"../component/InputDropdownContainer.js";import"@mui/material/Select";import"@mui/material/MenuItem";import"@mui/icons-material/ImportExport";import"@mui/icons-material/KeyboardArrowDown";import{ToastTypeProps as v}from"../interface/index.js";import g 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"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"@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"@mui/icons-material/ErrorOutline";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/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"@mui/material/Breadcrumbs";import"@mui/icons-material/ArrowForward";const f=({open:f,copied:C,error:b,transferWalletAddress:T,tokenDetails:y,maxLength:w,confirmTransfer:k,mediaCardAttributes:A,onClickCopy:I,onChangeWalletAddress:O,onCloseModal:S,handlePaste:R,onTransferNFT:W,onConfirmTransferNFT:M,onEditWalletAddress:E})=>{var F,j,B,D,L,N,P,H,z,$,G,K,V,_,Q,U,X,Y,q,J,Z,ii;const ei=u(),ri=t((()=>({position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:{lg:"700px",xs:"100%"},bgcolor:ei.palette.background.paper,borderRadius:"8px",boxShadow:24,maxHeight:{xs:"100%",lg:"calc(100% - 100px)"},overflowY:"auto"})),[ei]);return i(l,{open:f,sx:{margin:"8px"},children:e(p,{sx:ri,children:[i(p,{borderBottom:`1px solid ${null===(j=null===(F=null==ei?void 0:ei.palette)||void 0===F?void 0:F.grey)||void 0===j?void 0:j[300]}`,children:e(o,{flexDirection:"row",justifyContent:"space-between",padding:"16px",children:[i(d,{variant:"h4",sx:{fontWeight:500,fontSize:"20px",color:null===(D=null===(B=null==ei?void 0:ei.palette)||void 0===B?void 0:B.text)||void 0===D?void 0:D.primary},children:"Transfer Item"}),i(c,{onClick:S,sx:{cursor:"pointer",color:null===(N=null===(L=null==ei?void 0:ei.palette)||void 0===L?void 0:L.text)||void 0===N?void 0:N.primary}})]})}),i(p,{sx:{marginTop:"30px",marginBottom:"30px",marginX:{xs:"16px",lg:0},padding:"16px"},children:e(m,{container:!0,spacing:2,children:[i(m,{item:!0,xs:12,sm:12,md:12,lg:6,xl:6,children:i(x,{title:y.tokenName,url:"thumbnail-only"!==(null==A?void 0:A.thumbnailFrame)&&"custom"!==(null==A?void 0:A.thumbnailFrame)&&(null==y?void 0:y.thumbnail)||(null==y?void 0:y.tokenImage),videoAttributes:A,placeholderImage:null==y?void 0:y.placeHolderImage,subTitle:y.tokenSubTitle,height:"229px"})}),e(m,{item:!0,xs:12,sm:12,md:12,lg:6,xl:6,children:[e(p,{children:[i(d,{sx:{color:null===(H=null===(P=null==ei?void 0:ei.palette)||void 0===P?void 0:P.text)||void 0===H?void 0:H.primary},fontSize:"10px",fontWeight:500,children:"TRANSFER TO WALLET"}),k?e(o,{direction:"row",sx:{alignItems:"center"},marginTop:"8px",children:[i(d,{fontSize:"12px",fontWeight:400,width:{xs:"250px",sm:"100%",md:"100%",lg:"100%"},sx:{overflow:"hidden",textOverflow:"ellipsis",color:null===(K=null===(G=null==ei?void 0:ei.palette)||void 0===G?void 0:G.text)||void 0===K?void 0:K.primary},children:T}),i(a,{open:C===T,title:"Copied!",children:i(s,{onClick:()=>I(T),sx:{height:"16px",width:"16px",color:null===(_=null===(V=null==ei?void 0:ei.palette)||void 0===V?void 0:V.grey)||void 0===_?void 0:_[600],marginLeft:"6px",cursor:"pointer"}})})]}):e(r,{children:[i(d,{sx:{color:null===($=null===(z=null==ei?void 0:ei.palette)||void 0===z?void 0:z.text)||void 0===$?void 0:$.primary},fontSize:"12px",fontWeight:400,marginTop:"8px",children:"Enter wallet address that will receive this item. Make sure you are sending to the correct wallet address"}),i(p,{marginTop:"16px",children:i(h,{isDropdown:!1,title:"WALLET ADDRESS",currencyData:"PASTE",iconClick:R,price:null!=T?T:"",maxLength:w,transferField:!0,onChangePrice:O})})]})]}),(k||b)&&i(p,{paddingTop:"16px",children:i(g,{message:b||"Are you sure you want to transfer item to the wallet address indicated? This process cannot be reversed",status:b?v.ERROR:v.WARNING})})]})]})}),i(p,{borderTop:`1px solid ${null===(U=null===(Q=null==ei?void 0:ei.palette)||void 0===Q?void 0:Q.grey)||void 0===U?void 0:U[300]}`,children:e(m,{container:!0,spacing:2,padding:"16px",children:[i(m,{item:!0,xs:12,sm:12,md:12,lg:k?4:6,xl:k?4:6,children:i(n,k?{onClick:M,sx:{width:{xs:"100%",lg:"100%"},height:"50px",background:null===(Y=null===(X=ei.palette)||void 0===X?void 0:X.primary)||void 0===Y?void 0:Y.main},children:"Confirm Transfer"}:{onClick:W,sx:{width:{xs:"100%",lg:"100%"},height:"50px",background:null===(J=null===(q=ei.palette)||void 0===q?void 0:q.primary)||void 0===J?void 0:J.main},children:"Transfer Item"})}),k&&i(m,{item:!0,xs:12,sm:12,md:12,lg:4,xl:4,children:i(n,{onClick:E,sx:{width:{xs:"100%",lg:"100%"},height:"50px",background:ei.palette.background.paper,color:ei.palette.primary.main,border:`1px solid ${null===(ii=null===(Z=null==ei?void 0:ei.palette)||void 0===Z?void 0:Z.primary)||void 0===ii?void 0:ii.main}`},children:"Edit Wallet Address"})}),i(m,{item:!0,xs:12,sm:12,md:12,lg:k?4:6,xl:k?4:6,children:i(n,{onClick:S,sx:{width:{xs:"100%",lg:"100%"},height:"50px",background:ei.palette.background.paper,color:ei.palette.primary.main,border:"none"},children:"Cancel"})})]})})]})})};export{f as default};