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