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