https://mcm-dashboard-20.vercel.app/_next/static/chunks/app/page-5…?dpl=dpl_AamPDH5cc45L2zBfn5R5TMCpDWWU

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{26826:function(e,s,t){Promise.resolve().then(t.bind(t,70274)),Promise.resolve().then(t.bind(t,84904)),Promise.resolve().then(t.bind(t,67178)),Promise.resolve().then(t.bind(t,72224)),Promise.resolve().then(t.bind(t,50847)),Promise.resolve().then(t.bind(t,52111))},84904:function(e,s,t){"use strict";t.d(s,{RevenueChart:function(){return j}});var a=t(57437),r=t(47625),n=t(21156),i=t(97059),l=t(62994),c=t(8147),o=t(54061),d=t(66070),m=t(62869),x=t(45736),h=t(55672);let u=[{month:"Mar 2023",revenue:32e3,target:28e3},{month:"Jun 2023",revenue:27e3,target:29e3},{month:"Sep 2023",revenue:35e3,target:3e4},{month:"Dec 2023",revenue:29e3,target:31e3},{month:"Mar 2024",revenue:33e3,target:32e3},{month:"Jun 2024",revenue:38e3,target:33e3},{month:"Sep 2024",revenue:32839.99,target:30932.12},{month:"Dec 2024",revenue:35e3,target:34e3}],f=e=>{let{active:s,payload:t,label:r}=e;return s&&t&&t.length?(0,a.jsxs)("div",{className:"bg-white p-4 border rounded-lg shadow-lg",children:[(0,a.jsx)("p",{className:"text-sm font-medium mb-2",children:r}),(0,a.jsxs)("p",{className:"text-sm text-emerald-600",children:["Revenue: $",t[0].value.toLocaleString()]}),(0,a.jsxs)("p",{className:"text-sm text-orange-600",children:["Target: $",t[1].value.toLocaleString()]})]}):null};function j(){return(0,a.jsxs)(d.Zb,{className:"border-none shadow-md bg-white overflow-hidden",children:[(0,a.jsxs)(d.Ol,{className:"flex flex-row items-center justify-between pb-8 bg-gradient-to-r from-primary-50 to-primary-100",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)(d.ll,{className:"text-base font-medium text-primary-800",children:"Revenue Over Time"}),(0,a.jsxs)("div",{className:"flex items-center gap-4 mt-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"h-3 w-3 rounded-full bg-primary-500"}),(0,a.jsx)("span",{className:"text-sm text-primary-700",children:"Total Revenue"}),(0,a.jsx)("span",{className:"text-sm font-medium text-primary-900",children:"$32,839.99"}),(0,a.jsx)("span",{className:"text-xs text-success-600",children:"+55%"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"h-3 w-3 rounded-full bg-secondary-500"}),(0,a.jsx)("span",{className:"text-sm text-primary-700",children:"Total Target"}),(0,a.jsx)("span",{className:"text-sm font-medium text-primary-900",children:"$30,932.12"}),(0,a.jsx)("span",{className:"text-xs text-secondary-600",children:"+45%"})]})]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(m.z,{variant:"outline",size:"icon",className:"h-8 w-8 bg-white text-primary-600 hover:text-primary-700 hover:bg-primary-50",children:(0,a.jsx)(x.Z,{className:"h-4 w-4"})}),(0,a.jsx)(m.z,{variant:"outline",size:"icon",className:"h-8 w-8 bg-white text-primary-600 hover:text-primary-700 hover:bg-primary-50",children:(0,a.jsx)(h.Z,{className:"h-4 w-4"})})]})]}),(0,a.jsx)(d.aY,{children:(0,a.jsx)("div",{className:"h-[300px] mt-4",children:(0,a.jsx)(r.h,{width:"100%",height:"100%",children:(0,a.jsxs)(n.w,{data:u,margin:{top:5,right:30,left:20,bottom:5},children:[(0,a.jsx)(i.K,{dataKey:"month",stroke:"#888888",fontSize:12,tickLine:!1,axisLine:!1}),(0,a.jsx)(l.B,{stroke:"#888888",fontSize:12,tickLine:!1,axisLine:!1,tickFormatter:e=>"$".concat(e.toLocaleString())}),(0,a.jsx)(c.u,{content:(0,a.jsx)(f,{})}),(0,a.jsx)(o.x,{type:"monotone",dataKey:"revenue",stroke:"#0ea5e9",strokeWidth:2,dot:{fill:"#0ea5e9",strokeWidth:2},activeDot:{r:8}}),(0,a.jsx)(o.x,{type:"monotone",dataKey:"target",stroke:"#f97316",strokeWidth:2,dot:{fill:"#f97316",strokeWidth:2},activeDot:{r:8}})]})})})})]})}},67178:function(e,s,t){"use strict";t.d(s,{SalesPlatformChart:function(){return h}});var a=t(57437),r=t(66070),n=t(62869),i=t(55672),l=t(47625),c=t(41718),o=t(3574),d=t(20407);let m=[{name:"Amazon",value:45},{name:"Tokopedia",value:25},{name:"Alibaba",value:30}],x=["#0ea5e9","#22c55e","#f97316"];function h(){return(0,a.jsxs)(r.Zb,{className:"border-none shadow-md bg-white overflow-hidden",children:[(0,a.jsxs)(r.Ol,{className:"flex flex-row items-center justify-between bg-gradient-to-r from-warning-50 to-warning-100",children:[(0,a.jsx)(r.ll,{className:"text-base font-medium text-warning-800",children:"Sales by e-commerce platform"}),(0,a.jsx)(n.z,{variant:"outline",size:"icon",className:"h-8 w-8 bg-white text-warning-600 hover:text-warning-700 hover:bg-warning-50",children:(0,a.jsx)(i.Z,{className:"h-4 w-4"})})]}),(0,a.jsxs)(r.aY,{children:[(0,a.jsx)("div",{className:"h-[200px]",children:(0,a.jsx)(l.h,{width:"100%",height:"100%",children:(0,a.jsx)(c.u,{children:(0,a.jsx)(o.b,{data:m,cx:"50%",cy:"50%",innerRadius:60,outerRadius:80,paddingAngle:5,dataKey:"value",children:m.map((e,s)=>(0,a.jsx)(d.b,{fill:x[s%x.length]},"cell-".concat(s)))})})})}),(0,a.jsx)("div",{className:"mt-4 flex items-center justify-center gap-4",children:m.map((e,s)=>(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"h-3 w-3 rounded-full",style:{backgroundColor:x[s]}}),(0,a.jsxs)("span",{className:"text-sm text-muted-foreground",children:[e.name," (",e.value,"%)"]})]},e.name))})]})]})}},72224:function(e,s,t){"use strict";t.d(s,{SalesRegionChart:function(){return h}});var a=t(57437),r=t(66070),n=t(62869),i=t(55672),l=t(47625),c=t(76535),o=t(39366),d=t(93019),m=t(90597);let x=[{region:"Europe",sales:2728},{region:"Americas",sales:2409},{region:"Asia",sales:2843},{region:"Africa",sales:3028},{region:"Pacific",sales:1383},{region:"Middle East",sales:800}];function h(){return(0,a.jsxs)(r.Zb,{className:"border-none shadow-md bg-white overflow-hidden",children:[(0,a.jsxs)(r.Ol,{className:"flex flex-row items-center justify-between bg-gradient-to-r from-success-50 to-success-100",children:[(0,a.jsx)(r.ll,{className:"text-base font-medium text-success-800",children:"Sales by Region"}),(0,a.jsx)(n.z,{variant:"outline",size:"icon",className:"h-8 w-8 bg-white text-success-600 hover:text-success-700 hover:bg-success-50",children:(0,a.jsx)(i.Z,{className:"h-4 w-4"})})]}),(0,a.jsx)(r.aY,{children:(0,a.jsx)("div",{className:"h-[200px]",children:(0,a.jsx)(l.h,{width:"100%",height:"100%",children:(0,a.jsxs)(c.H,{data:x,children:[(0,a.jsx)(o.n,{stroke:"#d1fae5"}),(0,a.jsx)(d.I,{dataKey:"region",tick:{fill:"#059669"}}),(0,a.jsx)(m.F,{name:"Sales",dataKey:"sales",stroke:"#059669",fill:"#34d399",fillOpacity:.6})]})})})})]})}},50847:function(e,s,t){"use strict";t.d(s,{SessionsChart:function(){return c}});var a=t(57437),r=t(66070),n=t(62869),i=t(55672);let l=[{country:"Australia",sessions:634,percentage:"6.2%",flag:"\uD83C\uDDE6\uD83C\uDDFA"},{country:"Indonesia",sessions:589,percentage:"7.2%",flag:"\uD83C\uDDEE\uD83C\uDDE9"},{country:"Thailand",sessions:562,percentage:"6.2%",flag:"\uD83C\uDDF9\uD83C\uDDED"},{country:"Germany",sessions:453,percentage:"5.4%",flag:"\uD83C\uDDE9\uD83C\uDDEA"}];function c(){return(0,a.jsxs)(r.Zb,{className:"border-none shadow-md bg-white overflow-hidden",children:[(0,a.jsxs)(r.Ol,{className:"flex flex-row items-center justify-between bg-gradient-to-r from-secondary-50 to-secondary-100",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)(r.ll,{className:"text-base font-medium text-secondary-800",children:"Session by Country"}),(0,a.jsx)("p",{className:"text-sm text-secondary-600 mt-1",children:"Showing Data for Top Session"})]}),(0,a.jsx)(n.z,{variant:"outline",size:"icon",className:"h-8 w-8 bg-white text-secondary-600 hover:text-secondary-700 hover:bg-secondary-50",children:(0,a.jsx)(i.Z,{className:"h-4 w-4"})})]}),(0,a.jsx)(r.aY,{children:(0,a.jsx)("div",{className:"space-y-4",children:l.map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("span",{className:"text-xl",children:e.flag}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,a.jsx)("span",{className:"text-sm font-medium text-secondary-800",children:e.country}),(0,a.jsx)("span",{className:"text-sm text-secondary-600",children:e.sessions})]}),(0,a.jsx)("div",{className:"h-2 rounded-full bg-secondary-100",children:(0,a.jsx)("div",{className:"h-full rounded-full bg-secondary-500",style:{width:e.percentage}})})]}),(0,a.jsx)("span",{className:"text-sm text-secondary-600",children:e.percentage})]},e.country))})})]})}},52111:function(e,s,t){"use strict";t.d(s,{UsersChart:function(){return m}});var a=t(57437),r=t(66070),n=t(62869),i=t(55672),l=t(2265),c=t(60610),o=t(94508);let d=l.forwardRef((e,s)=>{let{className:t,value:r,...n}=e;return(0,a.jsx)(c.fC,{ref:s,className:(0,o.cn)("relative h-4 w-full overflow-hidden rounded-full bg-secondary",t),...n,children:(0,a.jsx)(c.z$,{className:"h-full w-full flex-1 bg-primary transition-all",style:{transform:"translateX(-".concat(100-(r||0),"%)")}})})});function m(){return(0,a.jsxs)(r.Zb,{className:"border-none shadow-md bg-white overflow-hidden",children:[(0,a.jsxs)(r.Ol,{className:"flex flex-row items-center justify-between bg-gradient-to-r from-primary-50 to-primary-100",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)(r.ll,{className:"text-base font-medium text-primary-800",children:"Registered users"}),(0,a.jsx)("p",{className:"text-xs text-primary-600",children:"an overview of your users"})]}),(0,a.jsx)(n.z,{variant:"outline",size:"icon",className:"h-8 w-8 bg-white text-primary-600 hover:text-primary-700 hover:bg-primary-50",children:(0,a.jsx)(i.Z,{className:"h-4 w-4"})})]}),(0,a.jsx)(r.aY,{children:(0,a.jsxs)("div",{className:"flex flex-col items-center justify-center",children:[(0,a.jsx)("div",{className:"text-3xl font-bold text-primary-900",children:2324}),(0,a.jsx)("div",{className:"text-sm text-primary-600",children:"Total Users"}),(0,a.jsx)(d,{value:77.83993115318417,className:"mt-4 h-2 w-[80%]"}),(0,a.jsxs)("div",{className:"mt-4 grid w-full grid-cols-2 gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[(0,a.jsx)("div",{className:"text-lg font-semibold text-primary-700",children:1809}),(0,a.jsx)("div",{className:"text-sm text-primary-600",children:"Premium Plan"})]}),(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[(0,a.jsx)("div",{className:"text-lg font-semibold text-secondary-700",children:515}),(0,a.jsx)("div",{className:"text-sm text-secondary-600",children:"Basic Plan"})]})]})]})})]})}d.displayName=c.fC.displayName}},function(e){e.O(0,[521,867,541,930,215,274,971,117,744],function(){return e(e.s=26826)}),_N_E=e.O()}]);