@mojito-inc/secondary-market/cjs/component/TokenDetailsContainer.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"),t=require("@mui/material/Stack"),r=require("@mui/material/IconButton"),o=require("@mui/material/Typography"),n=require("@mui/material/Box"),l=require("@mui/material/styles"),s=require("@mui/icons-material/FavoriteBorder"),a=require("@mui/icons-material/Favorite"),u=require("@mui/material/Tooltip"),d=require("@mui/icons-material/FileCopyOutlined"),c=require("../utils/truncateAddress.utils.js"),x=require("../utils/getEtherScanURL.utils.js"),p=require("../utils/formatNumberWithCommas.js"),m=require("../utils/usdAndEuroCurrencyFormat.js");function v(e){var i=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),i.default=e,Object.freeze(i)}var f=v(i);exports.default=({collectionName:i,isFavorite:v,tokenName:g,owner:h,cryptoPrice:j,usdPrice:y,loaderImage:b,isLoading:q,showFavorite:C=!0,onClickFavorite:k,chainId:S,tokenId:w})=>{var z,F,O,T,W,I,P,B,E,_,A,L,N,$;const R=l.useTheme(),[U,D]=f.useState(!1),M=f.useCallback((()=>{const e=x.getChainExplorerURL(S,h,w);window.open(e,"_blank")}),[S,h,w]);return e.jsxs(n,{children:[e.jsxs(t,{direction:"row",sx:{alignItems:"center",justifyContent:"space-between"},children:[i&&e.jsx(o,{sx:{fontSize:"12px",fontWeight:"400",color:null===(F=null===(z=null==R?void 0:R.palette)||void 0===z?void 0:z.primary)||void 0===F?void 0:F.main,textTransform:"uppercase"},children:i}),e.jsx(e.Fragment,{children:C&&(q?e.jsx("img",{src:b,style:{width:"20px",height:"20px",objectFit:"contain"},alt:"loader"}):v?e.jsx(r,{"data-testid":"favorite_icon",onClick:k,children:e.jsx(a,{sx:{fontSize:"20px",color:null===(T=null===(O=null==R?void 0:R.palette)||void 0===O?void 0:O.grey)||void 0===T?void 0:T[400]}})}):e.jsx(r,{"data-testid":"favorite_icon",onClick:k,children:e.jsx(s,{sx:{fontSize:"20px",color:null===(I=null===(W=null==R?void 0:R.palette)||void 0===W?void 0:W.grey)||void 0===I?void 0:I[400]}})}))})]}),e.jsx(o,{id:"pdp-token-name",sx:{fontSize:"32px",fontWeight:"500",marginY:"-5px"},children:g}),e.jsxs(n,{sx:{display:"flex",marginTop:"10px"},children:[e.jsx(o,{sx:{fontSize:"12px",fontWeight:"500",color:null===(B=null===(P=null==R?void 0:R.palette)||void 0===P?void 0:P.grey)||void 0===B?void 0:B[400],display:"flex",cursor:"pointer",alignItems:"center"},children:"Owner:"}),e.jsxs(n,{sx:{display:"flex",fontSize:"12px",fontWeight:"400",color:null===(_=null===(E=null==R?void 0:R.palette)||void 0===E?void 0:E.background)||void 0===_?void 0:_.default,marginLeft:"5px",justifyContent:"center",alignItems:"center"},children:[e.jsxs(o,{sx:{fontSize:"12px"},onClick:M,children:[c.truncateAddress(h)," "]}),e.jsx(u,{open:U,title:"Copied!",children:e.jsx(d,{sx:{height:"12px",weight:"12px",marginRight:"6px",cursor:"pointer"},onClick:()=>{navigator.clipboard.writeText(h),D(!0),setTimeout((()=>{D(!1)}),1e3)}})})]})]}),j&&e.jsxs(e.Fragment,{children:[e.jsx(o,{sx:{fontSize:"12px",fontWeight:"500",color:null===(L=null===(A=null==R?void 0:R.palette)||void 0===A?void 0:A.grey)||void 0===L?void 0:L[400],marginBottom:"2px",marginTop:"10px",textTransform:"uppercase"},children:"Price"}),e.jsx(o,{sx:{fontSize:"20px",fontWeight:"500",marginBottom:"2px"},children:`${p.formatNumberWithCommas(j.split(" ")[0])} ${j.split(" ")[1]}`}),e.jsx(o,{sx:{fontSize:"12px",fontWeight:"500",color:null===($=null===(N=null==R?void 0:R.palette)||void 0===N?void 0:N.grey)||void 0===$?void 0:$[400]},children:`${m.formatUsdAndEuroCurrency(y.split(" ")[0],y.split(" ")[1])} ${y.split(" ")[1]}`})]})]})};