https://admin.yourmagic.co/_next/static/chunks/pages/components/lists/grouped-lists-08022b1f83c945a0.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{13245:(e,a,t)=>{"use strict";t.d(a,{d:()=>d});var r=t(37876),n=t(95062),s=t.n(n);let i=(0,t(44407).Ay)("span")(e=>{let{theme:a,ownerState:t}=e;return{alignItems:"center",backgroundColor:a.palette[t.color].alpha12,borderRadius:12,color:"dark"===a.palette.mode?a.palette[t.color].main:a.palette[t.color].dark,cursor:"default",display:"inline-flex",flexGrow:0,flexShrink:0,fontFamily:a.typography.fontFamily,fontSize:a.typography.pxToRem(12),lineHeight:2,fontWeight:600,justifyContent:"center",letterSpacing:.5,minWidth:20,paddingLeft:a.spacing(1),paddingRight:a.spacing(1),textTransform:"uppercase",whiteSpace:"nowrap"}}),d=e=>{let{color:a="primary",children:t,...n}=e;return(0,r.jsx)(i,{ownerState:{color:a},...n,children:t})};d.propTypes={children:s().node,color:s().oneOf(["primary","secondary","error","info","warning","success"])}},18446:(e,a,t)=>{"use strict";t.d(a,{c:()=>s});var r=t(37876),n=t(62008);let s=()=>(0,r.jsx)(n.A,{sx:{backgroundColor:"neutral.500",borderRadius:"50%",height:4,width:4}})},22557:(e,a,t)=>{"use strict";t.d(a,{t:()=>s});var r=t(14232),n=t(60778);let s=()=>(0,r.useContext)(n.lj)},43154:(e,a,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/lists/grouped-lists",function(){return t(72785)}])},63270:(e,a,t)=>{"use strict";t.d(a,{M:()=>v});var r=t(37876),n=t(14232),s=t(95062),i=t.n(s),d=t(65103),l=t(61597),o=t(62008),c=t(796),x=t(73038),p=t(17808),u=t(42922),m=t(58868),h=t(21799),A=t(22557),j=t(9633);let v=e=>{let{children:a,title:t,...s}=e,i=(0,A.t)(),[v,g]=(0,n.useState)(i.paletteMode),b=(0,n.useMemo)(()=>(0,j.a)({...i,paletteMode:v}),[i,v]);(0,n.useEffect)(()=>{g(i.paletteMode)},[i.paletteMode]);let f=(0,n.useCallback)(()=>{g(e=>"light"===e?"dark":"light")},[]);return(0,r.jsxs)(c.A,{variant:"outlined",...s,children:[(0,r.jsx)(x.A,{action:(0,r.jsx)(u.A,{onClick:f,children:(0,r.jsx)(m.A,{fontSize:"small",children:"light"===v?(0,r.jsx)(d.A,{}):(0,r.jsx)(l.A,{})})}),title:t}),(0,r.jsx)(p.A,{}),(0,r.jsx)(h.A,{theme:b,children:(0,r.jsx)(o.A,{sx:{colorScheme:v},children:a})})]})};v.propTypes={children:i().node.isRequired,title:i().string.isRequired}},71422:(e,a,t)=>{"use strict";t.d(a,{P:()=>f});var r=t(37876),n=t(95062),s=t.n(n),i=t(28563),d=t(62008),l=t(95795),o=t(13145),c=t(17808),x=t(60434),p=t(26888),u=t(58868),m=t(52563),h=t(44407),A=t(18446),j=t(94630),v=t(77697);let g=(0,h.Ay)("div")(e=>{let{theme:a}=e;return{backgroundColor:a.palette.background.default,display:"flex",flex:"1 1 auto",flexDirection:"column"}}),b=(0,h.Ay)("div")({display:"flex",flex:"1 1 auto",flexDirection:"column",width:"100%"}),f=e=>{let{breadcrumbs:a,children:t,title:n}=e;return(0,r.jsxs)(g,{children:[(0,r.jsx)(d.A,{sx:{backgroundColor:e=>"dark"===e.palette.mode?"neutral.800":"neutral.50",py:"120px"},children:(0,r.jsx)(o.A,{maxWidth:"lg",children:(0,r.jsxs)(p.A,{spacing:3,children:[!a&&(0,r.jsx)("div",{children:(0,r.jsxs)(x.A,{color:"text.primary",component:j.W,href:v.f.components.index,sx:{alignItems:"center",display:"inline-flex"},underline:"hover",children:[(0,r.jsx)(u.A,{sx:{mr:1},children:(0,r.jsx)(i.A,{})}),(0,r.jsx)(m.A,{variant:"subtitle2",children:"Components"})]})}),(0,r.jsx)("div",{children:(0,r.jsx)(m.A,{variant:"h1",children:n})}),a&&(0,r.jsx)("div",{children:(0,r.jsx)(l.A,{separator:(0,r.jsx)(A.c,{}),children:a.map((e,t)=>a.length-1===t?(0,r.jsx)(m.A,{color:"text.secondary",variant:"subtitle2",children:e.title},t):(0,r.jsx)(x.A,{color:"text.primary",component:j.W,href:e.href,variant:"subtitle2",children:e.title},t))})})]})})}),(0,r.jsx)(c.A,{}),(0,r.jsx)(b,{children:t})]})};f.propTypes={breadcrumbs:s().array,children:s().node.isRequired,title:s().string.isRequired}},72785:(e,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>eN});var r=t(37876),n=t(62008),s=t(13145),i=t(26888),d=t(76677),l=t(33423),o=t(71422),c=t(87891),x=t(63270),p=t(28914),u=t(5236),m=t(16395),h=t(75705),A=t(65179),j=t(796),v=t(73038),g=t(17808),b=t(42922),f=t(60434),y=t(70424),k=t(40747),w=t(74862),C=t(53534),T=t(58868),R=t(52563);let S=new Date,D=[{id:"5e89140bcc768199d1e0dc49",createdAt:(0,p.A)(S,23).getTime(),customer:{id:"5e887a62195cc5aef7e8ca5d",avatar:"/assets/avatars/

1avatar-marcus-finn.png",name:"Marcus Finn"},description:"Created account",type:"register"},{id:"5e891411b0290b175166cd32",createdAt:(0,p.A)(S,56).getTime(),customer:{id:"5e887ac47eed253091be10cb",avatar:"/assets/avatars/avatar-carson-darrin.png",name:"Carson Darrin"},description:"Subscription Purchase",type:"payment"},{id:"5e89141633dc5e52c923ef27",createdAt:(0,u.A)(S,2).getTime(),customer:{id:"5e887b209c28ac3dd97f6db5",avatar:"/assets/avatars/avatar-fran-perez.png",name:"Fran Perez"},description:"Submitted a ticket",type:"ticket_create"},{id:"5e89141bd975c7f33aee9f4b",createdAt:(0,p.A)(S,5).getTime(),customer:{id:"5e887b7602bdbc4dbb234b27",avatar:"/assets/avatars/avatar-jie-yan-song.png",name:"Jie Yan Song"},description:"Subscription Purchase",type:"payment"},{id:"5e891421d7945778863cf9ca",createdAt:(0,p.A)(S,5).getTime(),customer:{id:"5e86809283e28b96d2d38537",avatar:"/assets/avatars/avatar-anika-visser.png",name:"Anika Visser"},description:"Subscription Purchase",type:"payment"}];var G=t(97851),P=t.n(G);let M=[{color:"#455A64",initials:"GT",name:"GitHub",value:53032},{color:"#00BCD4",initials:"TW",name:"Twitter",value:39551},{color:"#3949AB",initials:"HN",name:"Hacker News",value:23150},{color:"#F44336",initials:"SO",name:"Stack Overflow",value:14093},{color:"#E65100",initials:"RD",name:"Reddit.com",value:7251},{color:"#263238",initials:"DE",name:"Dev.to",value:5694},{color:"#0D47A1",initials:"FB",name:"Facebook",value:3643},{color:"#263238",initials:"MD",name:"Medium",value:1654}];var F=t(5941),W=t(28851),I=t(96235),N=t(14989),O=t(56015),z=t(86752),_=t(10105);let L=new Date,E=[{id:"5eff24b501ba5281ddb5378c",deadline:(0,F.A)((0,W.A)(L,1),1).getTime(),members:[{avatar:"/assets/avatars/avatar-marcus-finn.png",name:"Marcus Finn"},{avatar:"/assets/avatars/avatar-carson-darrin.png",name:"Carson Darrin"}],title:"Update the API for the project"},{id:"5eff24bb5bb3bd1beeddde78",deadline:(0,F.A)((0,W.A)(L,1),2).getTime(),members:[{avatar:"/assets/avatars/avatar-penjani-inyene.png",name:"Penjani Inyene"},{avatar:"/assets/avatars/avatar-anika-visser.png",name:"Anika Visser"},{avatar:"/assets/avatars/avatar-nasimiyu-danai.png",name:"Nasimiyu Danai"}],title:"Redesign the landing page"},{id:"5eff24c019175119993fc1ff",deadline:L.getTime(),members:[{avatar:"/assets/avatars/avatar-miron-vitold.png",name:"Miron Vitold"}],title:"Solve the bug for the showState"},{id:"5eff24c52ce9fdadffa11959",deadline:null,members:[{avatar:"/assets/avatars/avatar-marcus-finn.png",name:"Marcus Finn"},{avatar:"/assets/avatars/avatar-siegbert-gottfried.png",name:"Siegbert Gottfried"}],title:"Release v1.0 Beta"},{id:"5eff24ca3ffab939b667258b",deadline:null,members:[{avatar:"/assets/avatars/avatar-jie-yan-song.png",name:"Jie Yan Song"},{avatar:"/assets/avatars/avatar-marcus-finn.png",name:"Marcus Finn"},{avatar:"/assets/avatars/avatar-anika-visser.png",name:"Anika Visser"}],title:"GDPR Compliance"},{id:"5eff24cf8740fc9faca4e463",deadline:null,members:[{avatar:"/assets/avatars/avatar-penjani-inyene.png",name:"Penjani Inyene"}],title:"Redesign Landing Page"}];var X=t(60520),Y=t(76705),H=t(10852),V=t(51406),B=t(50102),q=t(70420);let $=[{id:"5e8883a4f7877f898c408c27",message:"to send service quotes",type:"invite",value:6},{id:"5e8883aa34190e0457a6e2b9",message:"from clients",type:"message",value:2},{id:"5e8883af168cad3e1f4fe0ae",message:"that needs your confirmation",type:"payout",value:1}],J={invite:(0,r.jsx)(H.A,{}),message:(0,r.jsx)(Y.A,{}),payout:(0,r.jsx)(X.A,{})};var U=t(84332),Z=t(53437),K=t(21392),Q=t(60936),ee=t(13814),ea=t(22700),et=t(19116),er=t(95062),en=t.n(er),es=t(44407);let ei=(0,es.Ay)("div")({height:56,width:56}),ed=(0,es.Ay)("path")(e=>{let{theme:a}=e;return{fill:"none",stroke:"dark"===a.palette.mode?"rgba(0,0,0,0.15)":"rgba(0,0,0,0.05)",strokeWidth:4}}),el=(0,es.Ay)("path")(e=>{let{theme:a}=e;return{animation:"$progress 1s ease-out forwards",fill:"none",stroke:a.palette.primary.main,strokeWidth:4,"@keyframes progress":{"0%":{strokeDasharray:"0 100"}}}}),eo=e=>{let{value:a,...t}=e;return(0,r.jsx)(ei,{...t,children:(0,r.jsxs)("svg",{viewBox:"0 0 36 36",children:[(0,r.jsx)(ed,{d:"M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831",strokeDasharray:"100, 100"}),(0,r.jsx)(el,{d:"M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831",strokeDasharray:"".concat(a,", 100")})]})})};eo.propTypes={value:en().number.isRequired};let ec=[{id:"5eff2512c6f8737d08325676",conversionRate:93,currency:"$",image:"/assets/products/product-1.png",name:"Healthcare Erbology",profit:53500,sales:13153},{id:"5eff2516247f9a6fcca9f151",conversionRate:76,currency:"$",image:"/assets/products/product-2.png",name:"Makeup Lancome Rouge",profit:45763,sales:10300},{id:"5eff251a3bb9ab7290640f18",conversionRate:60,currency:"$",image:null,name:"Lounge Puff Fabric Slipper",profit:28700,sales:5300},{id:"5eff251e297fd17f0dc18a8b",conversionRate:46,currency:"$",image:"/assets/products/product-4.png",name:"Skincare Necessaire",profit:20400,sales:1203},{id:"5eff2524ef813f061b3ea39f",conversionRate:41,currency:"$",image:"/assets/products/product-5.png",name:"Skincare Soja CO",profit:15200,sales:254}];var ex=t(71892),ep=t(56195);let eu=new Date,em=[{id:"d46800328cd510a668253b45",amount:25e3,currency:"usd",createdAt:eu.getTime(),sender:"Devias",type:"receive"},{id:"b4b19b21656e44b487441c50",amount:6843,currency:"usd",createdAt:(0,ex.A)(eu,1).getTime(),sender:"Zimbru",type:"send"}

1,{id:"56c09ad91f6d44cb313397db",amount:91823,currency:"usd",createdAt:(0,ex.A)(eu,1).getTime(),sender:"Vertical Jelly",type:"send"},{id:"aaeb96c5a131a55d9623f44d",amount:49550,currency:"usd",createdAt:(0,ex.A)(eu,3).getTime(),sender:"Devias",type:"receive"}];var eh=t(35515),eA=t(29594),ej=t(38347),ev=t(6656);let eg={lessThanXSeconds:"{{count}}s",xSeconds:"{{count}}s",halfAMinute:"30s",lessThanXMinutes:"{{count}}m",xMinutes:"{{count}}m",aboutXHours:"{{count}}h",xHours:"{{count}}h",xDays:"{{count}}d",aboutXWeeks:"{{count}}w",xWeeks:"{{count}}w",aboutXMonths:"{{count}}m",xMonths:"{{count}}m",aboutXYears:"{{count}}y",xYears:"{{count}}y",overXYears:"{{count}}y",almostXYears:"{{count}}y"},eb={...ev.A,formatDistance:(e,a,t)=>{t=t||{};let r=eg[e].replace("{{count}}",a);if(t.addSuffix)if(t.comparison>0)return"in "+r;else return r+" ago";return r}},ef=new Date,ey=[{id:"b91cbe81ee3efefba6b915a7",content:"Hello, we spoke earlier on the phone",createdAt:(0,p.A)(ef,2).getTime(),senderAvatar:"/assets/avatars/avatar-alcides-antonio.png",senderName:"Alcides Antonio",senderOnline:!0},{id:"de0eb1ac517aae1aa57c0b7e",content:"Is the job still available?",createdAt:(0,p.A)(ef,56).getTime(),senderAvatar:"/assets/avatars/avatar-marcus-finn.png",senderName:"Marcus Finn",senderOnline:!0},{id:"38e2b0942c90d0ad724e6f40",content:"What is a screening task? I’d like to",createdAt:(0,u.A)((0,p.A)(ef,23),3).getTime(),senderAvatar:"/assets/avatars/avatar-carson-darrin.png",senderName:"Carson Darrin",senderOnline:!1},{id:"467505f3356f25a69f4c4890",content:"Still waiting for feedback",createdAt:(0,u.A)((0,p.A)(ef,6),8).getTime(),senderAvatar:"/assets/avatars/avatar-fran-perez.png",senderName:"Fran Perez",senderOnline:!0},{id:"7e6af808e801a8361ce4cf8b",content:"Need more information about current campaigns",createdAt:(0,u.A)((0,p.A)(ef,18),10).getTime(),senderAvatar:"/assets/avatars/avatar-jie-yan-song.png",senderName:"Jie Yan Song",senderOnline:!1}];var ek=t(97384);let ew=[{id:"5e887a62195cc5aef7e8ca5d",avatar:"/assets/avatars/avatar-marcus-finn.png",job:"Front End Developer",name:"Marcus Finn"},{id:"5e887ac47eed253091be10cb",avatar:"/assets/avatars/avatar-carson-darrin.png",job:"UX Designer",name:"Carson Darrin"},{id:"5e887b7602bdbc4dbb234b27",avatar:"/assets/avatars/avatar-jie-yan-song.png",job:"Copyright",name:"Jie Yan Song"}];var eC=t(72361);let eT=new Date,eR=[{id:"5f0366cd843161f193ebadd4",author:{avatar:"/assets/avatars/avatar-marcus-finn.png",name:"Marcus Finn"},comment:"Great company, providing an awesome & easy to use product.",createdAt:(0,u.A)(eT,2).getTime(),value:5},{id:"to33twsyjphcfj55y3t07261",author:{avatar:"/assets/avatars/avatar-miron-vitold.png",name:"Miron Vitold"},comment:"Not the best people managers, poor management skills, poor career development programs. Communication from corporate & leadership isn't always clear and is sometime one-sided. Low pay compared to FANG.",createdAt:(0,u.A)(eT,2).getTime(),value:2},{id:"6z9dwxjzkqbmxuluxx2681jd",author:{avatar:"/assets/avatars/avatar-carson-darrin.png",name:"Carson Darrin"},comment:"I have been working with this company full-time. Great for the work life balance. Cons, decentralized decision making process across the organization.",createdAt:(0,u.A)(eT,2).getTime(),value:4}];var eS=t(83998);let eD=new Date,eG=[{id:"5e8dd0828d628e6f40abdfe8",createdAt:(0,p.A)(eD,23).getTime(),description:"has uploaded a new file",subject:"Project author",type:"upload_file"},{id:"5e8dd0893a6725f2bb603617",createdAt:(0,u.A)(eD,2).getTime(),description:"joined team as a Front-End Developer",subject:"Adrian Stefan",type:"join_team"},{id:"5e8dd08f44603e3300b75cf1",createdAt:(0,u.A)(eD,9).getTime(),description:"joined team as a Full Stack Developer",subject:"Alexandru Robert",type:"join_team"}];var eP=t(13245);let eM=[{id:"4be0679f811115c9d2d28497",clickRate:6.32,conversionRate:1.05,createdAt:"Jan 23 2022",name:"Summer Active Health",platform:"Google",status:"draft",target:"Men Group"},{id:"4e1cd375bfa59e4347404e20",clickRate:7.94,conversionRate:.31,createdAt:"Feb 1 2022",name:"New prospects blog",platform:"Facebook",status:"active",target:"Woman Married Group"},{id:"6b37fdf83195ca7e36622040",clickRate:20.15,conversionRate:2.1,createdAt:"Feb 5 2022",name:"Amazon Gift Cards",platform:"Facebook",status:"stopped",target:"Young Group"},{id:"e3651f8f9565cdbe8d2e5fea",clickRate:7.94,conversionRate:.5,createdAt:"Feb 1 2022",name:"Best Marketing Course Online",platform:"Bing",status:"draft",target:"Young Group"}],eF={draft:"secondary",active:"success",stopped:"error"},eW=[{element:(0,r.jsx)(()=>(0,r.jsx)(n.A,{sx:{backgroundColor:e=>"dark"===e.palette.mode?"neutral.800":"neutral.100",p:3},children:(0,r.jsx)(s.A,{maxWidth:"sm",children:(0,r.jsxs)(j.A,{children:[(0,r.jsx)(v.A,{action:(0,r.jsx)(b.A,{children:(0,r.jsx)(T.A,{children:(0,r.jsx)(h.A,{})})}),title:"Activity"}),(0,r.jsx)(g.A,{}),(0,r.jsxs)(n.A,{sx:{display:"flex"},children:[(0,r.jsxs)(n.A,{sx:{p:3,flexGrow:1,"&:first-of-type":{borderRight:e=>"1px solid ".concat(e.palette.divider)}},children:[(0,r.jsx)(R.A,{align:"center",variant:"h5",children:"15,245"}),(0,r.jsx)(R.A,{align:"center",color:"text.secondary",component:"h4",variant:"overline",children:"Registered"})]}),(0,r.jsxs)(n.A,{sx:{p:3,flexGrow:1,"&:first-of-type":{borderRight:e=>"1px solid ".concat(e.palette.divider)}},children:[(0,r.jsx)(R.A,{align:"center",variant:"h5",children:"357"}),(0,r.jsx)(R.A,{align:"center",color:"text.secondary",component:"h4",variant:"overline",children:"Online"})]})]}),(0,r.jsx)(g.A,{}),(0,r.jsx)(y.A,{disablePadding:!0,children:D.map((e,a)=>{let t=a<D.length-1,n=(0,m.A)(e.createdAt);return(0,r.jsxs)(k.Ay,{divider:t,children:[(0,r.jsx)(w.A,{children:(0,r.jsx)(A.A,{src:e.customer.avatar,sx:{cursor:"pointer"}})}),(0,r.jsx)(C.A,{disableTypography:!0,primary:(0,r.jsx)(f.A,{color:"text.primary",sx:{cursor:"pointer"},underline:"none",variant:"subtitle2",children:e.customer.name}),secondary:(0,r.jsx)(R.A,{color:"text.secondary",variant:"body2",children:e.description})}),(0,r.jsxs)(R.A,{color:"text.secondary",noWrap:!0,variant:"caption",children:[n," ago"]})]},e.id)})})]})})}),{}),title:"Grouped list 1"},{element:(0,r.jsx)(()=>(0,r.jsx)(n.A,{sx:{backgroundColor:e=>"dark"===e.palette.mode?"neutral.800":"neutral.100",p:3},children:(0,r.jsx)(s.A,{maxWidth:"sm",children:(0,r.jsxs)(j.A,{sx:{display:"flex",flexDirection:"column"},children:[(0,r.jsx)(v.A,{action:(0,r.jsx)(b.A,{children:(0,r.jsx)(T.A,{children:(0,r.jsx)(h.A,{})})}),title:"Top Referrals"}),(0,r.jsx)(g.A,{}),(0,r.jsx)(y.A,{disablePadding:!0,children:M.map((e,a)=>{let t=a<M.length-1,n=P()(e.value).format("0,0");return(0,r.jsxs)(k.Ay,{divider:t,children:[(0,r.jsx)(w.A,{children:(0,r.jsx)(A.A,{sx:{backgroundColor:e.color,color:"common.white",fontSize:14,fontWeight:600},children:e.initials})}),(0,r.jsx)(C.A,{primary:e.name,primaryTypographyProps:{variant:"subtitle2"}}),(0,r.jsx)(R.A,{color:"text.secondary",variant:"body2",children:n})]},e.name)})})]})})}),{}),title:"Grouped list 2"},{element:(0,r.jsx)(()=>(0,r.jsx)(n.A,{sx:{backgroundColor:e=>"dark"===e.palette.mode?"neutral.800":"neutral.100",p:3},children:(0,r.jsxs)(j.A,{children:[(0,r.jsx)(v.A,{action:(0,r.jsx)(b.A,{children:(0,r.jsx)(T.A,{children:(0,r.jsx)(h.A,{})})}),title:"Team Tasks"}),(0,r.jsx)(g.A,{}

1),(0,r.jsx)(_.Z,{children:(0,r.jsx)(y.A,{sx:{minWidth:400},children:E.map((e,a)=>{let t=a<E.length-1,n=(e=>{let a="";if(e.deadline){let t=e.deadline;(0,I.A)(t,L)&&3>(0,N.A)(t,L)&&(a="".concat((0,N.A)(t,L)," days remaining"))}return a})(e);return(0,r.jsxs)(k.Ay,{divider:t,children:[(0,r.jsx)(C.A,{primary:(0,r.jsx)(f.A,{color:"text.primary",noWrap:!0,sx:{cursor:"pointer"},variant:"subtitle2",children:e.title}),secondary:n}),(0,r.jsx)(O.A,{max:3,children:e.members.map(e=>(0,r.jsx)(z.A,{title:"View",children:(0,r.jsx)(A.A,{src:e.avatar})},e.name))})]},e.id)})})})]})}),{}),title:"Grouped list 3"},{element:(0,r.jsx)(()=>(0,r.jsx)(n.A,{sx:{backgroundColor:e=>"dark"===e.palette.mode?"neutral.800":"neutral.100",p:3},children:(0,r.jsx)(j.A,{children:(0,r.jsx)(y.A,{children:$.map((e,a)=>{let t=a<$.length-1,n=J[e.type],s="".concat(e.value," ").concat(e.type,"s ").concat(e.message);return(0,r.jsxs)(k.Ay,{divider:t,children:[(0,r.jsx)(B.A,{children:(0,r.jsx)(T.A,{children:n})}),(0,r.jsx)(C.A,{children:(0,r.jsx)(R.A,{variant:"subtitle2",children:s})}),(0,r.jsx)(q.A,{children:(0,r.jsx)(z.A,{title:"View",children:(0,r.jsx)(b.A,{edge:"end",children:(0,r.jsx)(T.A,{children:(0,r.jsx)(V.A,{})})})})})]},e.id)})})})}),{}),title:"Grouped list 4"},{element:(0,r.jsx)(()=>(0,r.jsx)(n.A,{sx:{backgroundColor:e=>"dark"===e.palette.mode?"neutral.800":"neutral.100",p:3},children:(0,r.jsxs)(j.A,{children:[(0,r.jsx)(v.A,{action:(0,r.jsx)(b.A,{children:(0,r.jsx)(T.A,{children:(0,r.jsx)(h.A,{})})}),title:"Profitable Products"}),(0,r.jsx)(_.Z,{children:(0,r.jsx)(Q.A,{sx:{minWidth:700},children:(0,r.jsx)(ee.A,{children:ec.map(e=>{let a=P()(e.sales).format("0,0"),t=P()(e.profit).format("".concat(e.currency,"0,0.00"));return(0,r.jsxs)(et.A,{hover:!0,children:[(0,r.jsx)(ea.A,{children:(0,r.jsxs)(i.A,{alignItems:"center",direction:"row",spacing:2,children:[e.image?(0,r.jsx)(n.A,{sx:{alignItems:"center",backgroundColor:"neutral.50",backgroundImage:"url(".concat(e.image,")"),backgroundPosition:"center",backgroundSize:"cover",borderRadius:1,display:"flex",height:80,justifyContent:"center",overflow:"hidden",width:80}}):(0,r.jsx)(n.A,{sx:{alignItems:"center",backgroundColor:"neutral.50",borderRadius:1,display:"flex",height:80,justifyContent:"center",width:80},children:(0,r.jsx)(T.A,{children:(0,r.jsx)(Z.A,{})})}),(0,r.jsxs)("div",{children:[(0,r.jsx)(R.A,{variant:"subtitle2",children:e.name}),(0,r.jsxs)(R.A,{color:"text.secondary",noWrap:!0,variant:"body2",children:[(0,r.jsx)(R.A,{color:"success.main",component:"span",variant:"subtitle2",children:a})," ","Sales"]})]})]})}),(0,r.jsxs)(ea.A,{children:[(0,r.jsx)(R.A,{variant:"subtitle2",children:"Profit"}),(0,r.jsx)(R.A,{color:"text.secondary",noWrap:!0,variant:"body2",children:t})]}),(0,r.jsx)(ea.A,{children:(0,r.jsxs)(i.A,{alignItems:"center",direction:"row",justifyContent:"flex-end",spacing:2,children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)(R.A,{align:"right",variant:"subtitle2",children:[e.conversionRate,"%"]}),(0,r.jsx)(R.A,{color:"text.secondary",variant:"body2",children:"Conversion Rate"})]}),(0,r.jsx)(eo,{value:e.conversionRate})]})})]},e.id)})})})}),(0,r.jsx)(n.A,{sx:{display:"flex",justifyContent:"flex-end",p:2},children:(0,r.jsx)(K.A,{color:"inherit",endIcon:(0,r.jsx)(T.A,{children:(0,r.jsx)(U.A,{})}),size:"small",children:"See All"})})]})}),{}),title:"Grouped list 5"},{element:(0,r.jsx)(()=>(0,r.jsx)(n.A,{sx:{backgroundColor:e=>"dark"===e.palette.mode?"neutral.800":"neutral.100",p:3},children:(0,r.jsxs)(j.A,{children:[(0,r.jsx)(v.A,{title:"Latest Transactions"}),(0,r.jsx)(g.A,{}),(0,r.jsx)(Q.A,{children:(0,r.jsx)(ee.A,{children:em.map(e=>{let a=(0,ep.A)(e.createdAt,"LLL").toUpperCase(),t=(0,ep.A)(e.createdAt,"d"),s="receive"===e.type?"Payment received":"Payment sent",i=("receive"===e.type?"+":"-")+" "+P()(e.amount).format("$0,0.00"),d="receive"===e.type?"success.main":"error.main";return(0,r.jsxs)(et.A,{sx:{"&:last-child td, &:last-child th":{border:0}},children:[(0,r.jsx)(ea.A,{width:100,children:(0,r.jsxs)(n.A,{sx:{p:1},children:[(0,r.jsx)(R.A,{align:"center",color:"text.secondary",variant:"subtitle2",children:a}),(0,r.jsx)(R.A,{align:"center",color:"text.secondary",variant:"h6",children:t})]})}),(0,r.jsxs)(ea.A,{children:[(0,r.jsx)(R.A,{variant:"subtitle2",children:e.sender}),(0,r.jsx)(R.A,{color:"text.secondary",variant:"body2",children:s})]}),(0,r.jsxs)(ea.A,{align:"right",children:[(0,r.jsx)(R.A,{color:d,variant:"subtitle2",children:i}),(0,r.jsx)(R.A,{color:"text.secondary",variant:"body2",children:e.currency.toUpperCase()})]})]},e.id)})})})]})}),{}),title:"Grouped list 6"},{element:(0,r.jsx)(()=>(0,r.jsx)(n.A,{sx:{backgroundColor:e=>"dark"===e.palette.mode?"neutral.800":"neutral.100",display:"flex",justifyContent:"center",p:3},children:(0,r.jsxs)(j.A,{sx:{maxWidth:363},children:[(0,r.jsx)(v.A,{title:"Inbox"}),(0,r.jsx)(y.A,{disablePadding:!0,children:ey.map(e=>{let a=(0,eh.A)(e.createdAt,new Date,{addSuffix:!0,locale:eb});return(0,r.jsxs)(k.Ay,{sx:{"&:hover":{backgroundColor:"action.hover",cursor:"pointer"}},children:[(0,r.jsx)(w.A,{children:e.senderOnline?(0,r.jsx)(eA.A,{anchorOrigin:{horizontal:"right",vertical:"bottom"},color:"success",variant:"dot",children:(0,r.jsx)(A.A,{src:e.senderAvatar})}):(0,r.jsx)(A.A,{src:e.senderAvatar})}),(0,r.jsx)(C.A,{disableTypography:!0,primary:(0,r.jsx)(R.A,{sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},variant:"subtitle2",children:e.senderName}),secondary:(0,r.jsx)(R.A,{color:"text.secondary",sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},variant:"body2",children:e.content}),sx:{pr:2}}),(0,r.jsx)(R.A,{color:"text.secondary",sx:{whiteSpace:"nowrap"},variant:"caption",children:a})]},e.id)})}),(0,r.jsx)(ej.A,{children:(0,r.jsx)(K.A,{color:"inherit",size:"small",children:"Go to chat"})})]})}),{}),title:"Grouped list 7"},{element:(0,r.jsx)(()=>(0,r.jsx)(n.A,{sx:{backgroundColor:e=>"dark"===e.palette.mode?"neutral.800":"neutral.100",p:3},children:(0,r.jsx)(s.A,{maxWidth:"sm",children:(0,r.jsxs)(j.A,{children:[(0,r.jsx)(v.A,{sx:{pb:0},title:"Project members",titleTypographyProps:{variant:"overline"}}),(0,r.jsx)(ek.A,{children:(0,r.jsx)(y.A,{disablePadding:!0,children:ew.map(e=>(0,r.jsxs)(k.Ay,{disableGutters:!0,children:[(0,r.jsx)(w.A,{children:(0,r.jsx)(A.A,{src:e.avatar})}),(0,r.jsx)(C.A,{primary:(0,r.jsx)(R.A,{variant:"subtitle2",children:e.name}),secondary:(0,r.jsx)(R.A,{color:"text.secondary",variant:"body2",children:e.job})})]},e.id))})}),(0,r.jsx)(g.A,{}),(0,r.jsx)(ej.A,{sx:{justifyContent:"center"},children:(0,r.jsx)(K.A,{color:"inherit",size:"small",children:"Manage members"})})]})})}),{}),title:"Grouped list 8"},{element:(0,r.jsx)(()=>(0,r.jsx)(n.A,{sx:{backgroundColor:e=>"dark"===e.palette.mode?"neutral.800":"neutral.100",p:3},children:(0,r.jsx)(i.A,{spacing:3,children:eR.map(e=>{let a=(0,m.A)(e.createdAt);return(0,r.jsxs)(j.A,{children:[(0,r.jsx)(v.A,{avatar:(0,r.jsx)(A.A,{src:e.author.avatar}),disableTypography:!0,subheader:(0,r.jsxs)(n.A,{sx:{alignItems:"center",display:"flex",flexWrap:"wrap",mt:1},children:[(0,r.jsxs)(n.A,{sx:{alignItems:"center",display:"flex",mr:1},children:[(0,r.jsx)(eC.A,{readOnly:!0,value:5}),(0,r.jsx)(R.A,{sx:{ml:1},variant:"subtitle2",children:e.value})]}),(0,r.jsxs)(R.A,{color:"text.secondary",variant:"body2",children:["| For"," ",(0,r.jsx)(f.A,{color:"text.primary",variant:"subtitle2",children:"Low Budget"})," ","| ",a," ago"]})]}),title:(0,r.jsx)(f.A,{color:"text.primary",variant:"subtitle2",children:e.author.name})}),(0,r.jsx)(n.A,{sx:{pb:2,px:3},children:(0,r.jsx)(R.A,{color:"text.secondary",variant:"body1",children:e.comment})})]},e.id)})})}),{}),title:"Grouped list 9"},{element:(0,r.jsx)(()=>(0,r.jsx)(n.A,{sx:{backgroundColor:e=>"dark"===e.palette.mode?"neutral.800":"neutral.100",p:3},children:(0,r.jsx)(i.A,{spacing:3,children:eG.map(e=>{let a=(0,m.A)(e.createdAt);return(0,r.jsxs)(j.A,{sx:{alignItems:"center",display:"flex",p:2},children:[(0,r.jsx)(A.A,{sx:{backgroundColor:"primary.main",color:"common.white"},children:(0,r.jsx)(T.A,{children:(0,r.jsx)(eS.A,{})})}),(0,r.jsxs)(R.A,{sx:{ml:2},variant:"body2",children:[(0,r.jsx)(f.A,{color:"text.primary",variant:"subtitle2",children:e.subject})," ",e.description]}),(0,r.jsxs)(R.A,{sx:{ml:"auto"},variant:"caption",children:[a," ago"]})]},e.id)})})}),{}),title:"Grouped list 10"},{element:(0,r.jsx)(()=>(0,r.jsx)(n.A,{sx:{backgroundColor:e=>"dark"===e.palette.mode?"neutral.800":"neutral.100",p:3},children:(0,r.jsxs)(j.A,{children:[(0,r.jsx)(v.A,{title:"Campaigns Summary"}),(0,r.jsx)(g.A,{}),(0,r.jsx)(Q.A,{children:(0,r.jsx)(ee.A,{children:eM.map(e=>{let a=eF[e.status];return(0,r.jsxs)(et.A,{sx:{"&:last-child td, &:last-child th":{border:0}},children:[(0,r.jsxs)(ea.A,{children:[(0,r.jsx)(R.A,{sx:{cursor:"pointer"},variant:"subtitle2",children:e.name}),(0,r.jsxs)(n.A,{sx:{alignItems:"center",display:"flex",mt:1},children:[(0,r.jsx)(R.A,{color:"text.secondary",variant:"body2",children:e.platform}),(0,r.jsx)(n.A,{sx:{height:4,width:4,borderRadius:4,backgroundColor:"text.secondary",mx:1}}),(0,r.jsx)(R.A,{color:"text.secondary",variant:"body2",children:"".concat(e.target,", ").concat(e.createdAt)})]})]}),(0,r.jsx)(ea.A,{children:(0,r.jsx)(eP.d,{color:a,children:e.status})}),(0,r.jsxs)(ea.A,{children:[(0,r.jsxs)(R.A,{variant:"subtitle2",children:[e.clickRate,"%"]}),(0,r.jsx)(R.A,{color:"text.secondary",sx:{mt:1},variant:"body2",children:"Click Rate"})]}),(0,r.jsxs)(ea.A,{children:[(0,r.jsxs)(R.A,{variant:"subtitle2",children:[e.conversionRate,"%"]}),(0,r.jsx)(R.A,{color:"text.secondary",sx:{mt:1},variant:"body2",children:"Conversions"})]}),(0,r.jsx)(ea.A,{align:"right",children:(0,r.jsx)(K.A,{size:"small",variant:"outlined",children:"View"})})]},e.id)})})})]})}),{}),title:"Grouped list 11"}

1],eI=()=>((0,l.O)(),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(d.G,{title:"Components: Grouped Lists"}),(0,r.jsx)(o.P,{title:"Grouped Lists",children:(0,r.jsx)(n.A,{component:"main",sx:{flexGrow:1,py:8},children:(0,r.jsx)(s.A,{maxWidth:"lg",children:(0,r.jsx)(i.A,{spacing:8,children:eW.map(e=>(0,r.jsx)(x.M,{title:e.title,children:e.element},e.title))})})})})]}));eI.getLayout=e=>(0,r.jsx)(c.P,{children:e});let eN=eI}},e=>{e.O(0,[8230,4610,6752,747,2035,9653,7434,7851,9073,8722,1056,5785,636,6593,8792],()=>e(e.s=43154)),_N_E=e.O()}]);