@mojito-inc/secondary-market/esm/layout/ProductDetailPageLayout.js

Mojito secondary market is the platform to purchase NFT.

import{jsxs as i,jsx as o}from"react/jsx-runtime";import{useState as t,useCallback as e,useMemo as r,useEffect as l}from"react";import n from"@mui/material/Divider";import a from"@mui/material/Grid";import m from"@mui/material/Typography";import d from"@mui/material/Box";import{useTheme as u}from"@mui/material/styles";import c from"html-react-parser";import{Button as p}from"@mui/material";import s from"../component/VideoWithImageCard.js";import"@mui/material/Tooltip";import"@mui/icons-material/InfoOutlined";import"@mui/icons-material/KeyboardArrowDown";import"@mui/material/Select";import"@mui/material/TextField";import"@mui/material/MenuItem";import"@mui/material/Stack";import"@mui/icons-material/ImportExport";import"../interface/index.js";import"@mui/icons-material/Warning";import"@mui/icons-material/CheckCircleOutline";import"@mui/icons-material/ErrorOutline";import"@mui/material/Checkbox";import"@mui/material/Button";import"@mui/icons-material/ContentCopy";import v from"../component/TraitsContainer.js";import f from"../component/TokenNetworkDetailsContainer.js";import x from"../component/TokenDetailsContainer.js";import g from"../component/SubmitOfferContainer.js";import h from"../component/OfferCardContainer.js";import C from"../component/ProvenanceContainer.js";import k from"../component/ProductDetailButtonContainer.js";import"@mui/material/Pagination";import"@mui/material/PaginationItem";import"@mui/material/IconButton";import"@mui/icons-material/Twitter";import"@mui/material/CardContent";import"@mui/material/Card";import"@mui/icons-material/MoreVert";import"@mui/material/CardActions";import{TabType as y}from"../constant/index.js";import"@mui/material/useMediaQuery";import"@mui/material/CircularProgress";import"react-player";import"@mui/icons-material/Pause";import"@mui/icons-material/PlayArrow";import"../_virtual/_tslib.js";import"@mui/material/Tab";import"@mui/material/Tabs";import"@mui/material/Menu";import"@mui/material/Modal";import"@mui/material/ListItem";import"@mui/material/List";import"@mui/icons-material/Close";import"@mui/material/ListItemText";import"@mui/icons-material/CheckRounded";import"@mui/icons-material/FiberManualRecord";import"@mui/icons-material/FileCopyOutlined";import"@mui/icons-material/Refresh";import"../component/RenderIf.js";import"@mui/icons-material/AccountBalanceWallet";import"@mui/material/Breadcrumbs";import"@mui/icons-material/ArrowForward";import"@mui/material/Skeleton";import"@mui/material/TableCell";import"@mui/material/TableRow";import I from"../loader/DetailsPageLoader.js";const O=({tokenData:O,traitsList:b,offerList:w,provenanceData:D,walletAddress:T,button:P,isFavorite:S,isLoading:L,loaderImage:F,totalProvenanceData:j,provenanceOffset:A,offersOffset:E,totalOffers:R,totalOffersPage:N,provenanceLoading:B,favoriteLoading:W,showFavorite:M=!0,fiatCurrency:H,onClickFavorite:z,onClickPrimary:$,onClickSecondary:G,onClickAcceptOffer:U,onClickCancelOffer:V,onClickRejectOffer:X,onHandleProvenancePagination:Y,onHandleOffersPagination:_,placeHolderImage:K,walletType:Q,videoAttributes:q={},isError:J})=>{var Z,ii,oi,ti,ei,ri,li,ni,ai,mi,di,ui,ci,pi,si,vi,fi,xi,gi,hi,Ci,ki,yi,Ii,Oi;const bi=u(),[wi,Di]=t(y.DETAILS),Ti=e((()=>{Di(y.OFFERS)}),[]),Pi=e((()=>{Di(y.DETAILS)}),[]),Si=r((()=>{const i=null==w?void 0:w.filter((i=>"PENDING"===(null==i?void 0:i.offerStatus)&&(null==i?void 0:i.ownerWalletAddress)!==T&&(null==T?void 0:T.length)>0));return null==i?void 0:i[0]}),[w,T]);return l((()=>{R>0&&Di(y.OFFERS)}),[Di,R]),i(d,J?{sx:{height:"70vh",padding:"24px",display:"flex",gap:"15px",justifyContent:"center",flexDirection:"column",alignItems:"center"},children:[o(m,{sx:{fontSize:"16px",fontWeight:"700"},children:"Page Not Found!"}),o(p,{sx:{border:`1px solid ${null===(ii=null===(Z=null==bi?void 0:bi.palette)||void 0===Z?void 0:Z.primary)||void 0===ii?void 0:ii.main}`,fontSize:"14px"},onClick:()=>{window.history.back()},children:"Go Back"})]}:{sx:{width:"100%",maxWidth:"1440px",margin:"0 auto"},children:[o(d,{sx:{paddingX:{xs:"16px",sm:"40px",lg:"200px"},marginBottom:"64px"},children:L||!(null==O?void 0:O.contractAddress)?o(I,{}):i(a,{container:!0,spacing:6,children:[i(a,{item:!0,xs:12,sm:12,lg:6,children:[o(s,{videoAttributes:Object.assign(Object.assign({},q),{customThumbnail:null!==(oi=null==q?void 0:q.customThumbnail)&&void 0!==oi?oi:null==O?void 0:O.thumbnail}),style:{maxHeight:"480px",maxWidth:"480px",borderRadius:"12px",margin:"0 auto"},url:null==O?void 0:O.url,placeholderImage:K}),(null==b?void 0:b.length)>0&&o(d,{sx:{marginTop:"24px"},children:o(v,{traitsList:b})}),o(n,{sx:{marginY:"16px",borderColor:null===(ei=null===(ti=bi.palette.appDefaultColor)||void 0===ti?void 0:ti.secondary)||void 0===ei?void 0:ei.light}}),o(f,{contractAddress:null==O?void 0:O.contractAddress,chainId:null==O?void 0:O.chainId,networkName:null==O?void 0:O.networkName,tokenId:null==O?void 0:O.tokenId,tokenType:null==O?void 0:O.tokenType,metaDataURL:null==O?void 0:O.metaDataURL,edition:null==O?void 0:O.edition,walletType:Q})]}),i(a,{item:!0,xs:12,sm:12,lg:6,children:[o(d,{sx:{marginBottom:"24px"},children:o(x,{collectionName:null==O?void 0:O.collectionName,owner:null==O?void 0:O.owner,tokenName:null==O?void 0:O.tokenName,cryptoPrice:null==O?void 0:O.cryptoPrice,usdPrice:null==O?void 0:O.usdPrice,loaderImage:F,showFavorite:M,isFavorite:S,isLoading:W,onClickFavorite:z,tokenId:null==O?void 0:O.tokenId,chainId:null==O?void 0:O.chainId})}),o(k,{isBuyNow:null==P?void 0:P.isBuyNow,isEditListing:null==P?void 0:P.isEditListing,isListItem:null==P?void 0:P.isListItem,isMakeOffer:null==P?void 0:P.isMakeOffer,isCancelOffer:null==Si?void 0:Si.id,onClickPrimary:$,onClickSecondary:G}),Si&&o(d,{sx:{marginTop:"16px"},children:o(g,{cryptoPrice:`${null===(li=null===(ri=null==Si?void 0:Si.price)||void 0===ri?void 0:ri[1])||void 0===li?void 0:li.value} ${null===(ai=null===(ni=null==Si?void 0:Si.price)||void 0===ni?void 0:ni[1])||void 0===ai?void 0:ai.unit}`,usdPrice:`${null===(di=null===(mi=null==Si?void 0:Si.price)||void 0===mi?void 0:mi[0])||void 0===di?void 0:di.value} ${null===(ci=null===(ui=null==Si?void 0:Si.price)||void 0===ui?void 0:ui[0])||void 0===ci?void 0:ci.unit}`,expiryDate:null==Si?void 0:Si.expiryDate})}),i(a,{container:!0,spacing:0,sx:{marginY:"24px"},children:[i(a,{onClick:Ti,item:!0,xs:6,sx:{justifyContent:"center",alignItems:"center",display:"flex",flexDirection:"column",cursor:"pointer"},children:[i(m,{sx:{color:wi===y.OFFERS?null===(si=null===(pi=null==bi?void 0:bi.palette)||void 0===pi?void 0:pi.background)||void 0===si?void 0:si.default:null===(vi=null==bi?void 0:bi.palette)||void 0===vi?void 0:vi.grey[600],fontSize:"12px",fontWeight:"500",marginBottom:"14px"},children:["OFFERS (",R,")"]}),o(d,{sx:{background:wi===y.OFFERS?null===(xi=null===(fi=null==bi?void 0:bi.palette)||void 0===fi?void 0:fi.background)||void 0===xi?void 0:xi.default:null===(gi=null==bi?void 0:bi.palette)||void 0===gi?void 0:gi.grey[400],height:"2px",width:"100%"}})]}),i(a,{onClick:Pi,item:!0,xs:6,sx:{justifyContent:"center",alignItems:"center",display:"flex",flexDirection:"column",cursor:"pointer"},children:[o(m,{sx:{color:wi===y.DETAILS?null===(Ci=null===(hi=null==bi?void 0:bi.palette)||void 0===hi?void 0:hi.background)||void 0===Ci?void 0:Ci.default:null===(ki=null==bi?void 0:bi.palette)||void 0===ki?void 0:ki.grey[600],fontSize:"12px",fontWeight:"500",marginBottom:"14px"},children:"DETAILS"}),o(d,{sx:{background:wi===y.DETAILS?null===(Ii=null===(yi=null==bi?void 0:bi.palette)||void 0===yi?void 0:yi.background)||void 0===Ii?void 0:Ii.default:null===(Oi=null==bi?void 0:bi.palette)||void 0===Oi?void 0:Oi.grey[400],height:"2px",width:"100%"}})]})]}),wi===y.OFFERS&&o(h,{data:w,walletAddress:T,totalOffers:N,offersOffset:E,selectedCurrency:H,onClickAcceptOffer:U,onClickCancelOffer:V,onClickRejectOffer:X,onHandleOffersPagination:_}),wi===y.DETAILS&&i(d,{sx:{maxHeight:"600px",overflow:"auto"},children:[o(m,{sx:{color:bi.palette.primary.main,marginBottom:(null==O?void 0:O.collectionName)?"24px":"0px",fontSize:"14px",fontWeight:"500"},children:(null==O?void 0:O.collectionName)||""}),o(m,{sx:{wordWrap:"break-word",fontSize:"14px",fontWeight:"400"},children:c((null==O?void 0:O.description)||"No Description found")})]}),o(d,{})]})]})}),o(d,{sx:{paddingX:{xs:"12px",sm:"40px",lg:"100px"}},children:o(C,{provenanceLoading:B,chainId:null==O?void 0:O.chainId,data:D,totalData:j,offset:A,onHandlePagination:Y})})]})};export{O as default};