%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/
Upload File :
Create Path :
Current File : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/160.ac8e835a.chunk.js

(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[160],{2701:function(e,t,s){"use strict";s.r(t);var a=s(194),c=s(133),l=s(0),i=s(6),r=s(10),n=s(1118),o=s(112),d=s(19),j=s(50),m=s.n(j);const x=Object(d.b)("analyticsDashboardApp/widgets/getWidgets",(async()=>{const e=await m.a.get("/api/analytics-dashboard-app/widgets");return await e.data})),h=Object(d.c)({}),{selectEntities:b,selectById:p}=h.getSelectors((e=>e.analyticsDashboardApp.widgets));var O=Object(d.d)({name:"analyticsDashboardApp/widgets",initialState:h.getInitialState({}),reducers:{},extraReducers:{[x.fulfilled]:h.setAll}}).reducer;var f=Object(o.c)({widgets:O}),u=s(1108),v=s(65),w=s(1072),N=s(43),g=s(1099),y=s(1117),S=s(1119),k=s(5),W=s(1161),T=s.n(W),C=s(27),_=s(1);const A=Object(w.a)((e=>({root:{background:"linear-gradient(to right, ".concat(e.palette.primary.dark," 0%, ").concat(e.palette.primary.main," 100%)"),color:e.palette.primary.contrastText}})));function D(e){const t=A(e),s=Object(N.a)(),c=Object(i.c)(Object(C.c)(s.palette.primary.main)),o=r.a.merge({},e.data),[d,j]=Object(l.useState)(2),m=o.series[Object.keys(o.series)[d]];return r.a.setWith(o,"options.fill.colors",[s.palette.secondary.main]),r.a.setWith(o,"options.markers.colors",[s.palette.secondary.main]),r.a.setWith(o,"options.stroke.colors",[s.palette.primary.contrastText]),r.a.setWith(o,"options.markers.strokeColors",[s.palette.primary.contrastText]),r.a.setWith(o,"options.grid.borderColor",Object(v.alpha)(s.palette.primary.contrastText,.3)),Object(_.jsx)(g.a,{theme:c,children:Object(_.jsxs)("div",{className:Object(k.a)(t.root),children:[Object(_.jsxs)("div",{className:"container relative p-16 sm:p-24 flex flex-col sm:flex-row justify-between items-center",children:[Object(_.jsx)(n.a.div,{initial:{opacity:0},animate:{opacity:1},children:Object(_.jsxs)("div",{className:"flex flex-col items-center sm:items-start mb-16 sm:mb-0",children:[Object(_.jsx)(a.a,{className:"h2 font-medium",color:"textPrimary",children:"Visitors"}),Object(_.jsx)(a.a,{className:"h5",color:"textSecondary",children:"Unique visitors by month"})]})}),Object(_.jsx)("div",{className:"flex flex-row items-center",children:Object(_.jsx)(S.a,{value:d,onChange:(e,t)=>j(t),indicatorColor:"secondary",textColor:"inherit",variant:"scrollable",scrollButtons:"off",className:"w-full -mx-4 min-h-40",classes:{indicator:"flex justify-center bg-transparent w-full h-full"},TabIndicatorProps:{children:Object(_.jsx)(u.a,{className:"w-full h-full rounded-full opacity-50"})},children:Object.keys(o.series).map((e=>Object(_.jsx)(y.a,{className:"text-14 font-semibold min-h-40 min-w-64 mx-4 capitalize",disableRipple:!0,label:e},e)))})})]}),Object(_.jsx)("div",{className:"container relative h-200 sm:h-256 pb-16",children:Object(_.jsx)(T.a,{options:o.options,series:m,type:o.options.chart.type,height:o.options.chart.height})})]})})}var I=Object(l.memo)(D),P=s(1109),R=s(1090);var z=function(e){const t=Object(N.a)(),s=r.a.merge({},e.data);return r.a.setWith(s,"options.colors",[t.palette.primary.main]),Object(_.jsxs)(P.a,{className:"w-full rounded-20 shadow",children:[Object(_.jsxs)("div",{className:"p-20 pb-0",children:[Object(_.jsx)(a.a,{className:"h3 font-medium",children:"Conversion"}),Object(_.jsxs)("div",{className:"flex flex-row flex-wrap items-center mt-12",children:[Object(_.jsx)(a.a,{className:"text-48 font-semibold leading-none tracking-tighter",children:s.conversion.value}),Object(_.jsxs)("div",{className:"flex flex-col mx-8",children:[s.conversion.ofTarget>0&&Object(_.jsx)(R.a,{className:"text-green text-20",children:"trending_up"}),s.conversion.ofTarget<0&&Object(_.jsx)(R.a,{className:"text-red text-20",children:"trending_down"}),Object(_.jsxs)("div",{className:"flex items-center",children:[Object(_.jsxs)(a.a,{className:"font-semibold",color:"textSecondary",children:[s.conversion.ofTarget,"%"]}),Object(_.jsx)(a.a,{className:"whitespace-nowrap mx-4",color:"textSecondary",children:"of target"})]})]})]})]}),Object(_.jsx)("div",{className:"h-96 w-100-p",children:Object(_.jsx)(T.a,{options:s.options,series:s.series,type:s.options.chart.type,height:s.options.chart.height})})]})};function B(e){const t=Object(N.a)(),s=r.a.merge({},e.data);return r.a.setWith(s,"options.colors",[t.palette.secondary.main]),Object(_.jsxs)(P.a,{className:"w-full rounded-20 shadow",children:[Object(_.jsxs)("div",{className:"p-20 pb-0",children:[Object(_.jsx)(a.a,{className:"h3 font-medium",children:"Impressions"}),Object(_.jsxs)("div",{className:"flex flex-row flex-wrap items-center mt-12",children:[Object(_.jsx)(a.a,{className:"text-48 font-semibold leading-none tracking-tighter",children:s.impressions.value}),Object(_.jsxs)("div",{className:"flex flex-col mx-8",children:[s.impressions.ofTarget>0&&Object(_.jsx)(R.a,{className:"text-green text-20",children:"trending_up"}),s.impressions.ofTarget<0&&Object(_.jsx)(R.a,{className:"text-red text-20",children:"trending_down"}),Object(_.jsxs)("div",{className:"flex items-center",children:[Object(_.jsxs)(a.a,{className:"font-semibold",color:"textSecondary",children:[s.impressions.ofTarget,"%"]}),Object(_.jsx)(a.a,{className:"whitespace-nowrap mx-4",color:"textSecondary",children:"of target"})]})]})]})]}),Object(_.jsx)("div",{className:"h-96 w-100-p",children:Object(_.jsx)(T.a,{options:s.options,series:s.series,type:s.options.chart.type,height:s.options.chart.height})})]})}var E=Object(l.memo)(B);function H(e){const t=Object(N.a)(),s=r.a.merge({},e.data);return r.a.setWith(s,"options.colors",[t.palette.error.main]),Object(_.jsxs)(P.a,{className:"w-full rounded-20 shadow",children:[Object(_.jsxs)("div",{className:"p-20 pb-0",children:[Object(_.jsx)(a.a,{className:"h3 font-medium",children:"Visits"}),Object(_.jsxs)("div",{className:"flex flex-row flex-wrap items-center mt-12",children:[Object(_.jsx)(a.a,{className:"text-48 font-semibold leading-none tracking-tighter",children:s.visits.value}),Object(_.jsxs)("div",{className:"flex flex-col mx-8",children:[s.visits.ofTarget>0&&Object(_.jsx)(R.a,{className:"text-green text-20",children:"trending_up"}),s.visits.ofTarget<0&&Object(_.jsx)(R.a,{className:"text-red text-20",children:"trending_down"}),Object(_.jsxs)("div",{className:"flex items-center",children:[Object(_.jsxs)(a.a,{className:"font-semibold",color:"textSecondary",children:[s.visits.ofTarget,"%"]}),Object(_.jsx)(a.a,{className:"whitespace-nowrap mx-4",color:"textSecondary",children:"of target"})]})]})]})]}),Object(_.jsx)("div",{className:"h-96 w-100-p",children:Object(_.jsx)(T.a,{options:s.options,series:s.series,type:s.options.chart.type,height:s.options.chart.height})})]})}var V=Object(l.memo)(H);function J(e){const t=Object(N.a)(),[s,c]=Object(l.useState)(0),i=r.a.merge({},e.data),n=i.series[Object.keys(i.series)[s]];return r.a.setWith(i,"options.colors",[t.palette.secondary.main,t.palette.primary.main]),Object(_.jsxs)(P.a,{className:"w-full rounded-20 shadow",children:[Object(_.jsxs)("div",{className:"relative p-20 flex flex-row items-center justify-between",children:[Object(_.jsx)("div",{className:"flex flex-col",children:Object(_.jsx)(a.a,{className:"h3 sm:h2 font-medium",children:"Visitors & Page views"})}),Object(_.jsx)("div",{className:"flex flex-row items-center",children:Object(_.jsx)(S.a,{value:s,onChange:(e,t)=>c(t),indicatorColor:"secondary",textColor:"inherit",variant:"scrollable",scrollButtons:"off",className:"w-full px-24 -mx-4 min-h-40",classes:{indicator:"flex justify-center bg-transparent w-full h-full"},TabIndicatorProps:{children:Object(_.jsx)(u.a,{className:"w-full h-full rounded-full opacity-50"})},children:Object.keys(i.series).map((e=>Object(_.jsx)(y.a,{className:"text-14 font-semibold min-h-40 min-w-64 mx-4 capitalize",disableRipple:!0,label:e},e)))})})]}),Object(_.jsx)("div",{className:"relative h-200 sm:h-320 sm:pb-16",children:Object(_.jsx)(T.a,{options:i.options,series:n,type:i.options.chart.type,height:i.options.chart.height})})]})}var L=Object(l.memo)(J),U=s(1097),q=s(1369);function G(e){return Object(_.jsx)(U.a,{title:e.text,placement:"top",children:Object(_.jsx)(R.a,{className:"text-red",children:"place"})})}var K=function(e){return Object(_.jsx)(P.a,{className:"w-full h-512 rounded-20 shadow",children:Object(_.jsx)(q.a,{bootstrapURLKeys:{key:""},defaultZoom:1,defaultCenter:[17.308688,7.03125],options:{styles:e.data.styles},children:e.data.markers.map((e=>Object(_.jsx)(G,{text:e.label,lat:e.lat,lng:e.lng},e.label)))})})},M=s(1098),Z=s(1035),F=s(1092),Q=s(1044);function X(e){const t=Object(N.a)(),[s,c]=Object(l.useState)("Today"),i=r.a.merge({},e.data);return r.a.setWith(i,"options.theme.monochrome.color",t.palette.primary.main),Object(_.jsxs)(P.a,{className:"w-full rounded-20 shadow p-20",children:[Object(_.jsx)("div",{className:"pb-24",children:Object(_.jsx)(a.a,{className:"h3 font-medium",children:"Sessions by device"})}),Object(_.jsx)("div",{className:"h-256 relative",children:Object(_.jsx)(T.a,{options:i.options,series:i.series[s][0].data,type:i.options.chart.type,height:i.options.chart.height})}),Object(_.jsx)("div",{className:"mb-24 flex flex-row items-center justify-center",children:i.options.labels.map(((e,t)=>Object(_.jsxs)("div",{className:"px-16 flex flex-col items-center",children:[Object(_.jsx)(a.a,{className:"h4 font-semibold",color:"textSecondary",children:e}),Object(_.jsxs)(a.a,{className:"text-18 font-semibold py-8",children:[i.series[s][0].data[t],"%"]}),Object(_.jsxs)("div",{className:"flex flex-row items-start justify-center",children:[i.series[s][0].change[t]<0&&Object(_.jsx)(R.a,{className:"text-18 text-red",children:"arrow_downward"}),i.series[s][0].change[t]>0&&Object(_.jsx)(R.a,{className:"text-18 text-green",children:"arrow_upward"}),Object(_.jsxs)(a.a,{className:"h5 px-4 font-semibold",color:"textSecondary",children:[i.series[s][0].change[t],"%"]})]})]},e)))}),Object(_.jsxs)("div",{className:"flex flex-row items-center justify-between",children:[Object(_.jsx)("div",{children:Object(_.jsx)(Z.a,{className:"",variant:"filled",children:Object(_.jsx)(Q.a,{classes:{select:"py-8"},value:s,onChange:e=>c(e.target.value),children:Object.keys(i.series).map((e=>Object(_.jsx)(F.a,{value:e,children:e},e)))})})}),Object(_.jsx)(M.a,{size:"small",children:"Overview"})]})]})}var Y=Object(l.memo)(X),$=s(1100),ee=s(1028);function te(e){const t=Object(N.a)(),[s,c]=Object(l.useState)(0),i=r.a.merge({},e.data);return r.a.setWith(i,"options.colors",[t.palette.secondary.main]),r.a.setWith(i,"options.markers.strokeColor",t.palette.background.default),Object(_.jsxs)(P.a,{className:"w-full rounded-20 shadow",children:[Object(_.jsxs)($.a,{position:"static",elevation:0,children:[Object(_.jsxs)("div",{className:"px-8 py-20 flex flex-row items-start justify-between",children:[Object(_.jsxs)("div",{className:"px-12",children:[Object(_.jsx)(a.a,{className:"h3 font-medium mb-4",children:"Sales"}),Object(_.jsx)(a.a,{className:"h5",color:"inherit",children:"Lifetime sum of your sales"})]}),Object(_.jsx)("div",{className:"-mt-12",children:Object(_.jsx)(ee.a,{"aria-label":"more",color:"inherit",children:Object(_.jsx)(R.a,{children:"more_vert"})})})]}),Object(_.jsxs)("div",{className:"p-16 pt-8 flex flex-row items-end",children:[Object(_.jsx)(a.a,{className:"text-44 font-semibold leading-none",color:"inherit",children:i.today}),Object(_.jsxs)("div",{className:"flex flex-col mx-8",children:[i.change.value>0&&Object(_.jsx)(R.a,{className:"text-green text-20",children:"trending_up"}),i.change.value<0&&Object(_.jsx)(R.a,{className:"text-red text-20",children:"trending_down"}),Object(_.jsx)(a.a,{className:"font-semibold",color:"textSecondary",children:"".concat(i.change.value,"(").concat(i.change.percentage,"%)")})]})]}),Object(_.jsxs)(S.a,{value:s,onChange:(e,t)=>c(t),variant:"fullWidth",children:[Object(_.jsx)(y.a,{label:"1Day",className:"min-w-0"}),Object(_.jsx)(y.a,{label:"1Week",className:"min-w-0"}),Object(_.jsx)(y.a,{label:"1Month",className:"min-w-0"})]})]}),Object(_.jsx)("div",{className:"py-16 h-200",children:Object(_.jsx)(T.a,{options:i.options,series:i.series[s],type:i.options.chart.type,height:i.options.chart.height})})]})}var se=Object(l.memo)(te);function ae(e){return Object(_.jsxs)(P.a,{className:"w-full rounded-20 shadow",children:[Object(_.jsxs)("div",{className:"px-8 py-20 flex flex-row items-start justify-between",children:[Object(_.jsx)(a.a,{className:"h3 font-medium px-12",children:"Top campaigns"}),Object(_.jsx)("div",{className:"-mt-12",children:Object(_.jsx)(ee.a,{"aria-label":"more",children:Object(_.jsx)(R.a,{children:"more_vert"})})})]}),Object(_.jsxs)("table",{className:"simple clickable",children:[Object(_.jsx)("thead",{children:Object(_.jsxs)("tr",{children:[Object(_.jsx)("th",{"aria-label":"title"}),Object(_.jsx)("th",{className:"text-right",children:Object(_.jsx)(a.a,{color:"textSecondary",className:"font-semibold",children:"Clicks"})}),Object(_.jsx)("th",{className:"text-right",children:Object(_.jsx)(a.a,{color:"textSecondary",className:"font-semibold",children:"Conv"})})]})}),Object(_.jsx)("tbody",{children:e.data.rows.map((e=>Object(_.jsxs)("tr",{children:[Object(_.jsx)("td",{className:"font-semibold",children:e.title}),Object(_.jsx)("td",{className:"text-right",children:e.clicks}),Object(_.jsx)("td",{className:"text-right",children:e.conversion})]},e.title)))})]}),Object(_.jsx)(u.a,{className:"card-divider w-full"}),Object(_.jsx)("div",{className:"p-20 flex flex-row items-center",children:Object(_.jsx)(M.a,{variant:"outlined",children:"Go to campaigns"})})]})}var ce=Object(l.memo)(ae);t.default=Object(c.a)("analyticsDashboardApp",f)((function(){const e=Object(i.b)(),t=Object(i.c)(b);if(Object(l.useEffect)((()=>{e(x())}),[e]),r.a.isEmpty(t))return null;const s={hidden:{opacity:0,y:20},show:{opacity:1,y:0}};return Object(_.jsxs)("div",{className:"w-full",children:[Object(_.jsx)(I,{data:t.widget1}),Object(_.jsxs)(n.a.div,{className:"flex flex-col md:flex-row sm:p-8 container",variants:{show:{transition:{staggerChildren:.06}}},initial:"hidden",animate:"show",children:[Object(_.jsxs)("div",{className:"flex flex-1 flex-col min-w-0 pt-16",children:[Object(_.jsx)(a.a,{component:n.a.div,variants:s,className:"px-16 pb-8 text-18 font-normal",color:"textSecondary",children:"How are your active users trending over time?"}),Object(_.jsxs)("div",{className:"flex flex-col sm:flex sm:flex-row pb-32",children:[Object(_.jsx)(n.a.div,{variants:s,className:"widget flex w-full sm:w-1/3 p-16",children:Object(_.jsx)(z,{data:t.widget2})}),Object(_.jsx)(n.a.div,{variants:s,className:"widget flex w-full sm:w-1/3 p-16",children:Object(_.jsx)(E,{data:t.widget3})}),Object(_.jsx)(n.a.div,{variants:s,className:"widget w-full sm:w-1/3 p-16",children:Object(_.jsx)(V,{data:t.widget4})})]}),Object(_.jsx)(a.a,{component:n.a.div,variants:s,className:"px-16 pb-8 text-18 font-normal",color:"textSecondary",children:"How many pages your users visit?"}),Object(_.jsx)(n.a.div,{variants:s,className:"widget w-full p-16 pb-48",children:Object(_.jsx)(L,{data:t.widget5})}),Object(_.jsx)(a.a,{component:n.a.div,variants:s,className:"px-16 pb-8 text-18 font-normal",color:"textSecondary",children:"Where are your users?"}),Object(_.jsx)(n.a.div,{variants:s,className:"widget w-full p-16 pb-32",children:Object(_.jsx)(K,{data:t.widget6})})]}),Object(_.jsxs)("div",{className:"flex flex-wrap w-full md:w-320 pt-16",children:[Object(_.jsxs)("div",{className:"mb-32 w-full sm:w-1/2 md:w-full",children:[Object(_.jsx)(a.a,{component:n.a.div,variants:s,className:"px-16 pb-8 text-18 font-normal",color:"textSecondary",children:"What are your top devices?"}),Object(_.jsx)(n.a.div,{variants:s,className:"widget w-full p-16",children:Object(_.jsx)(Y,{data:t.widget7})})]}),Object(_.jsxs)("div",{className:"mb-32 w-full sm:w-1/2 md:w-full",children:[Object(_.jsx)(a.a,{component:n.a.div,variants:s,className:"px-16 pb-8 text-18 font-normal",color:"textSecondary",children:"How are your sales?"}),Object(_.jsx)(n.a.div,{variants:s,className:"widget w-full p-16",children:Object(_.jsx)(se,{data:t.widget8})})]}),Object(_.jsxs)("div",{className:"mb-32 w-full sm:w-1/2 md:w-full",children:[Object(_.jsx)(a.a,{component:n.a.div,variants:s,className:"px-16 pb-8 text-18 font-normal lg:pt-0",color:"textSecondary",children:"What are your top campaigns?"}),Object(_.jsx)(n.a.div,{variants:s,className:"widget w-full p-16",children:Object(_.jsx)(ce,{data:t.widget9})})]})]})]})]})}))}}]);

Zerion Mini Shell 1.0