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