@mojito-inc/secondary-market/cjs/component/MenuContainer.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"),n=require("@mui/material/Stack"),o=require("@mui/material/Modal"),r=require("@mui/material/Menu"),l=require("@mui/material/MenuItem"),t=require("@mui/material/Box"),a=require("@mui/material/styles"),d=require("@mui/icons-material/Close"),s=require("@mui/material/Tooltip");exports.default=({isMobileScreen:u,anchorEl:p,menuOptions:x,copied:c,handleMenuClose:m})=>{var h,g;const v=a.useTheme(),b=i.useMemo((()=>({position:"absolute",bottom:"0",width:"100%",bgcolor:v.palette.background.paper,overflowY:"auto",height:"auto",maxHeight:"100%",paddingBottom:"40px"})),[v]),j=i.useMemo((()=>null==x?void 0:x.filter((e=>!e.hideMenu))),[x]),f=i.useCallback((()=>j.map(((i,o)=>{var r,a,d,p;return e.jsx(l,{"data-testid":"menuContainer-id",disabled:null==i?void 0:i.hideMenu,onClick:null==i?void 0:i.menuAction,sx:u?{padding:"8px 40px",display:"flex",flexDirection:"column",gap:"16px",alignSelf:"stretch"}:{fontSize:"14px",padding:"8px 16px",width:"175px",whiteSpace:"unset",wordBreak:"break-word",boxShadow:0===o?"none":`0px -1px 0px 0px ${null===(a=null===(r=v.palette)||void 0===r?void 0:r.border)||void 0===a?void 0:a.dark}`},children:u?e.jsx(n,{sx:{justifyContent:"center",alignItems:"center",alignSelf:"stretch",height:"40px",borderRadius:"4px",border:`1px solid ${null===(p=null===(d=null==v?void 0:v.palette)||void 0===d?void 0:d.border)||void 0===p?void 0:p.dark}`},children:e.jsx(t,{sx:{lineHeight:"normal",fontWeight:700,gap:"8px",flexShrink:0,padding:"10px 11px"},children:e.jsx(s,{placement:"top-start",title:"Link copied!",open:"Copy Link"===(null==i?void 0:i.menuName)&&""!==c&&"close"!==c,children:e.jsxs(t,{sx:{display:"flex",alignItems:"center"},children:[null==i?void 0:i.menuIcon,null==i?void 0:i.menuName]})})})}):e.jsx(s,{placement:"right-end",title:"Link copied!",open:"Copy Link"===(null==i?void 0:i.menuName)&&""!==c&&"close"!==c,children:e.jsxs(t,{sx:{display:"flex",alignItems:"center"},children:[null==i?void 0:i.menuIcon,null==i?void 0:i.menuName]})})},i.menuName)}))),[u,j,v,c]);return e.jsx(t,{children:u?e.jsx(o,{open:Boolean(p),children:e.jsxs(t,{sx:Object.assign(Object.assign({},b),{borderRadius:"6px"}),children:[e.jsx(t,{sx:{position:"fixed",height:"24px",paddingTop:"12px",right:"20px"},children:e.jsx(d,{sx:{cursor:"pointer",color:v.palette.background.default},onClick:m})}),e.jsx(t,{marginTop:"48px",children:f()})]})}):e.jsx(r,{id:"media-menu",anchorEl:p,open:Boolean(p),PaperProps:{style:{boxShadow:"none",border:`1px solid ${null===(g=null===(h=null==v?void 0:v.palette)||void 0===h?void 0:h.border)||void 0===g?void 0:g.dark}`}},anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},sx:{width:"200px",fontFamily:"sneak",borderRadius:"4px"},onClose:m,children:f()})})};