@mojito-inc/secondary-market/esm/component/PaymentDetailsContainer.js

Mojito secondary market is the platform to purchase NFT.

import{jsxs as e,jsx as i}from"react/jsx-runtime";import o from"@mui/material/Stack";import l from"@mui/material/Tooltip";import t from"@mui/material/Divider";import n from"@mui/material/Typography";import r from"@mui/material/Box";import{useTheme as d}from"@mui/material/styles";import a from"@mui/icons-material/ContentCopy";import{truncateAddress as p}from"../utils/truncateAddress.utils.js";const c=({label:t,value:r,copied:p,onClickCopy:c})=>{var s,u,v;const m=d();return e(o,{direction:"row",sx:{background:null===(u=null===(s=null==m?void 0:m.palette)||void 0===s?void 0:s.background)||void 0===u?void 0:u.paper,justifyContent:"space-between",alignItems:"center"},children:[i(n,{sx:{fontSize:"14px",fontWeight:"500",display:"flex",flexDirection:"row",alignItems:"center",gap:"5px"},children:t}),e(o,{direction:"row",sx:{alignItems:"center"},children:[i(n,{sx:{fontSize:"14px",fontWeight:"500",marginRight:"5px"},children:r}),i(l,{open:p,title:"Copied!",children:i(a,{onClick:c,sx:{fontSize:"15px",color:null===(v=null==m?void 0:m.palette)||void 0===v?void 0:v.grey[600],marginLeft:"10px",cursor:"pointer"}})})]})]})},s=({totalPrice:l,ethIcon:a,transactionHash:s,walletAddress:u,referenceNumber:v,copied:m,onClickCopyReference:x,onClickCopyHash:g,onClickCopyWalletAddress:f,onClickViewOnEtherScan:h,walletType:y})=>{var C,b,k,w,S,I,j,z,R,W,B,D,T,A,H,O,V,E;const L=d();return e(r,{sx:{background:null===(b=null===(C=null==L?void 0:L.palette)||void 0===C?void 0:C.grey)||void 0===b?void 0:b[800],padding:"16px 8px",borderRadius:"4px",color:null===(w=null===(k=null==L?void 0:L.palette)||void 0===k?void 0:k.text)||void 0===w?void 0:w.primary},children:[e(r,{sx:{background:null===(j=null===(I=null===(S=null==L?void 0:L.palette)||void 0===S?void 0:S.appDefaultColor)||void 0===I?void 0:I.secondary)||void 0===j?void 0:j.dark,padding:"16px 8px",marginBottom:"16px",borderRadius:"4px"},children:[e(o,{direction:"row",sx:{background:null===(R=null===(z=null==L?void 0:L.palette)||void 0===z?void 0:z.background)||void 0===R?void 0:R.paper,justifyContent:"space-between",alignItems:"center"},children:[i(n,{sx:{fontSize:"14px",fontWeight:"500"},children:"Total"}),e(o,{direction:"row",sx:{alignItems:"center"},children:[i("img",{src:a,style:{width:"14px",height:"14px",objectFit:"contain"},alt:"eth"}),i(n,{sx:{fontSize:"14px",fontWeight:"500",marginLeft:"5px"},children:l})]})]}),i(t,{sx:{marginY:"16px",borderColor:null===(B=null===(W=L.palette.appDefaultColor)||void 0===W?void 0:W.secondary)||void 0===B?void 0:B.light}}),i(r,{sx:{marginBottom:"14px"},children:i(c,{label:"Reference Number",value:p(v),copied:m===v,onClickCopy:x})}),i(r,{sx:{marginBottom:"14px"},children:i(c,{label:"Transaction Hash",value:p(s),copied:m===s,onClickCopy:g})}),i(c,{label:"Wallet",value:p(u),copied:m===u,onClickCopy:f})]}),i(r,{sx:{display:"flex",justifyContent:"center",alignItems:"center"},children:i(r,{"data-testid":"view_on_etherscan",onClick:h,sx:{color:null===(T=null===(D=null==L?void 0:L.palette)||void 0===D?void 0:D.text)||void 0===T?void 0:T.primary,height:"30px",paddingX:"10px",border:`1px solid ${null===(H=null===(A=null==L?void 0:L.palette)||void 0===A?void 0:A.grey)||void 0===H?void 0:H[400]}`,background:null===(E=null===(V=null===(O=null==L?void 0:L.palette)||void 0===O?void 0:O.appDefaultColor)||void 0===V?void 0:V.secondary)||void 0===E?void 0:E.dark,fontSize:"12px",display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",borderRadius:"5px"},children:"solana"===y?"View On Solscan":"View On Block Explorer"})})]})};export{s as default};