@mojito-inc/secondary-market/cjs/component/ProvenanceContainer.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"),o=require("@mui/material/Table"),t=require("@mui/material/TableCell"),n=require("@mui/material/TableHead"),l=require("@mui/material/TableBody"),a=require("@mui/material/TableRow"),s=require("@mui/material/Typography"),d=require("@mui/material/Box"),u=require("@mui/material/styles"),c=require("@mui/material/TableContainer"),m=require("@mui/material/IconButton"),x=require("@mui/icons-material/OpenInNew"),p=require("moment");require("@mui/material/Skeleton"),require("@mui/material/Grid");var h=require("../loader/TableRowLoader.js");require("@mui/material/CardActions"),require("@mui/material/Card"),require("@mui/material/CardContent");var v=require("./Pagination.js"),j=require("../utils/getEtherScanURL.utils.js"),f=require("../utils/getProvenanceEventIcons.js"),g=require("../utils/formatNumberWithCommas.js");exports.default=({data:b,chainId:q,totalData:w,offset:T,onHandlePagination:S,provenanceLoading:C})=>{var y,W,z;const k=u.useTheme(),P=i.useMemo((()=>{var e,i,r,o;return{borderBottom:`1px solid ${null===(i=null===(e=null==k?void 0:k.palette)||void 0===e?void 0:e.grey)||void 0===i?void 0:i[300]}`,fontSize:"12px",fontWeight:"700",color:`${null===(o=null===(r=null==k?void 0:k.palette)||void 0===r?void 0:r.grey)||void 0===o?void 0:o[500]} !important`}}),[k]),$=i.useCallback((e=>{const i=j.getEtherScanURL(q,e);window.open(i,"_blank")}),[q]);return e.jsxs(d,{children:[e.jsx(s,{id:"provenance-title",sx:{fontSize:"32px",fontWeight:"500",marginBottom:"5px"},children:"Provenance"}),e.jsx(c,{sx:{boxShadow:"none",backgroundColor:null===(z=null===(W=null===(y=null==k?void 0:k.palette)||void 0===y?void 0:y.appDefaultColor)||void 0===W?void 0:W.secondary)||void 0===z?void 0:z.light,borderRadius:"4px"},children:e.jsxs(o,{"aria-label":"simple table",children:[e.jsx(n,{sx:{"& .MuiTableCell-head":{lineHeight:"5px"}},children:e.jsxs(a,{children:[e.jsx(t,{sx:P,children:"Event"}),e.jsx(t,{sx:P,children:"Price"}),e.jsx(t,{sx:P,children:"From"}),e.jsx(t,{sx:P,children:"T0"}),e.jsx(t,{sx:P,children:"Date"})]})}),e.jsx(l,{sx:{"& .MuiTableCell-root":{borderBottom:"none"}},children:C?e.jsx(h.default,{name:"provenance",rows:10,columns:5}):null==b?void 0:b.map((i=>{var o,n,l;const d=Object.assign({},i);return e.jsxs(a,{sx:{"&:last-child td, &:last-child th":{border:0},"& td":{fontSize:"16px",fontWeight:"400"}},children:[e.jsxs(t,{sx:{fontSize:"16px",fontWeight:"400",display:"flex",alignItems:"center",gap:"5px"},component:"th",scope:"row",children:[f.getProvenanceEventIcons(null==d?void 0:d.eventType,k)," ",`${null!==(o=null==d?void 0:d.eventType.replace("_"," "))&&void 0!==o?o:""}`]}),e.jsx(t,{sx:{fontSize:"16px",fontWeight:"400",whiteSpace:"nowrap"},component:"th",scope:"row",children:`${g.formatNumberWithCommas(null==d?void 0:d.price.split(" ")[0])} ${null==d?void 0:d.price.split(" ")[1]}`}),e.jsx(t,{sx:{fontSize:"16px",fontWeight:"400"},component:"th",scope:"row",children:null==d?void 0:d.from}),e.jsx(t,{sx:{fontSize:"16px",fontWeight:"400"},component:"th",scope:"row",children:null==d?void 0:d.to}),e.jsx(t,{component:"th",scope:"row",children:e.jsxs(r,{direction:"row",sx:{alignItems:"center",whiteSpace:"nowrap"},children:[e.jsx(s,{sx:{fontSize:"16px",fontWeight:"400"},children:p(null==d?void 0:d.blockTimestamp).format("DD MMM YYYY")}),(null==d?void 0:d.hash)&&e.jsx(m,{"data-testid":"view_on_etherscan",onClick:()=>$(String(null==d?void 0:d.hash)),children:e.jsx(x,{sx:{fontSize:"16px",marginLeft:"3px",color:null===(l=null===(n=null==k?void 0:k.palette)||void 0===n?void 0:n.primary)||void 0===l?void 0:l.main}})})]})})]},`${null==d?void 0:d.blockTimestamp}_${i.hash}_${i.eventType}`)}))})]})}),w>1&&e.jsx(d,{sx:{marginTop:"16px"},children:e.jsx(v.default,{total:w,offset:T+1,onHandlePagination:S})})]})};