https://ops.hibe.ai/_next/static/chunks/pages/super-admin-bbc4ddb49a50c63a.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="de12fe94-091b-42ff-beba-a17dcb8c0bfd",e._sentryDebugIdIdentifier="sentry-dbid-de12fe94-091b-42ff-beba-a17dcb8c0bfd")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3056],{19858:function(e,s,l){"use strict";l.d(s,{Z:function(){return a}});var t=l(91373);let a=(0,t.Z)("trending-up",[["polyline",{points:"22 7 13.5 15.5 8.5 10.5 2 17",key:"126l90"}],["polyline",{points:"16 7 22 7 22 13",key:"kwv8wd"}]])},18910:function(e,s,l){"use strict";l.d(s,{Z:function(){return a}});var t=l(91373);let a=(0,t.Z)("wallet",[["path",{d:"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1",key:"18etb6"}],["path",{d:"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4",key:"xoc0q4"}]])},67384:function(e,s,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/super-admin",function(){return l(58465)}])},38303:function(e,s,l){"use strict";l.d(s,{Z:function(){return D}});var t=l(85893),a=l(67294),n=l(88804),i=l(45528),r=l(59335),o=l(85518),d=l(8193),u=l(65603),c=l(74478),m=l(44099),x=l(90744),p=l(49116),f=l(4254),h=l(81916),v=l(4570),b=l(34972),w=l(68080);let g=e=>{var s;let{labels:l={},userIds:n=null}=e,o=new Date().getFullYear(),[d,u]=(0,a.useState)(o),[c,m]=(0,a.useState)([]),[p,f]=(0,a.useState)(!0),g=Array.from({length:6},(e,s)=>o-s),j=(0,a.useCallback)(async()=>{f(!0);try{let e=await (0,x.aN)({year:d,userIds:n});m(Array.isArray(e)?e:[])}catch(e){console.log(e),m([])}f(!1)},[d,n]);(0,a.useEffect)(()=>{j()},[j]);let y=c.some(e=>{var l;return(null!==(s=null==e?void 0:null===(l=e.reps)||void 0===l?void 0:l.length)&&void 0!==s?s:0)>0});return(0,t.jsxs)("div",{className:"w-full",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",children:[(0,t.jsx)(r.Typography,{className:"text-xs text-gray-500",children:l.subtitle}),(0,t.jsx)("div",{className:"w-full sm:w-40",children:(0,t.jsxs)(w.Ph,{value:String(d),onValueChange:e=>u(Number(e)),children:[(0,t.jsx)(w.i4,{className:"bg-white",children:(0,t.jsx)(w.ki,{placeholder:l.year})}),(0,t.jsx)(w.Bw,{children:g.map(e=>(0,t.jsx)(w.Ql,{value:String(e),children:e},e))})]})})]}),p?(0,t.jsx)("div",{className:"mt-4 grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",children:Array.from({length:6}).map((e,s)=>(0,t.jsx)(b.Z,{},s))}):y?(0,t.jsx)("div",{className:"mt-4 flex flex-col gap-8",children:c.map((e,s)=>{var a,n,o,d,u,c,m;let x=[...null!==(a=null==e?void 0:e.reps)&&void 0!==a?a:[]].sort((e,s)=>Number(null!==(o=null!==(n=null==s?void 0:s.basisAmount)&&void 0!==n?n:null==s?void 0:s.grossContractAmount)&&void 0!==o?o:0)-Number(null!==(u=null!==(d=null==e?void 0:e.basisAmount)&&void 0!==d?d:null==e?void 0:e.grossContractAmount)&&void 0!==u?u:0));if(0===x.length)return null;let p=(null==e?void 0:e.ruleType)==="period_rate_bracket_bonus"||(null==e?void 0:e.calculationMode)==="full_basis_bracket",f=p?"Full-basis bracket":(null==e?void 0:e.ruleType)==="period_progressive_rate_bonus"?"Progressive rate":null,b=(null==e?void 0:e.metric)==="invoiceLines"?"Invoice lines":(null==e?void 0:e.metric)==="grossContractAmount"?"Gross contract amount":null,w=(0,i.formatBonusPeriod)(null==e?void 0:e.periodStart,null==e?void 0:e.periodEndExclusive);return(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"mb-3 flex flex-wrap items-center gap-2",children:[(0,t.jsx)(r.Typography,{variant:"h6",color:"blue-gray",children:(null==e?void 0:e.ruleName)||l.title}),f&&(0,t.jsx)("span",{className:"rounded-md bg-purple-50 px-2 py-0.5 text-[11px] font-medium text-purple-700",children:f}),b&&(0,t.jsx)("span",{className:"rounded-md bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-500",children:b}),w&&(0,t.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-md bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-500",children:[(0,t.jsx)(h.Z,{className:"h-3 w-3"}),w]})]}),(0,t.jsx)("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",children:x.map((s,a)=>(0,t.jsx)(v.Z,{rep:s,rule:e,labels:l,showName:!0},null!==(c=null==s?void 0:s.userId)&&void 0!==c?c:a))})]},null!==(m=null==e?void 0:e.ruleId)&&void 0!==m?m:s)})}):(0,t.jsx)("div",{className:"mt-6 flex w-full justify-center rounded-lg bg-white py-12 shadow-sm",children:(0,t.jsx)(r.Typography,{className:"text-sm text-gray-500",children:l.noData})})]})};var j=l(47),y=l(86843),N=l(53952),S=l(3659);let A=e=>{var s,l,h,v,b,A,D,C;let{setBonusDrawerContent:k,setOpenBonusDrawer:q}=e,{language:T}=(0,u.E)(),[_,P]=(0,a.useState)("bonuses"),[B,Z]=(0,a.useState)("not-paid"),[E,I]=(0,a.useState)(""),[z,F]=(0,a.useState)({startDate:null,endD

1ate:null}),[M,O]=(0,a.useState)([]),[W,V]=(0,a.useState)(0),[Q,U]=(0,a.useState)(0),[X,Y]=(0,a.useState)([]),[H,J]=(0,a.useState)({}),L=(0,j.ac)({minWidth:768,maxWidth:1027}),G=e=>{q(e)},R=e=>{I(e)},K=async e=>{try{await (0,x.bs)(e.id),await Promise.all([$(),ee()]),G(!1),(0,c.WI)((0,m.XA)("Bonus approved successfully"))}catch(s){if((0,S.Y3)(s)){(0,c.WI)((0,m.Eo)(S.CT));let s=await $(),l=s.find(s=>s.id===e.id);l&&J(l)}else G(!1),(0,c.WI)((0,m.Eo)("Error approving bonus"));console.log(s)}},$=(0,a.useCallback)(async()=>{let e=await (0,x.jg)({status:B,search:E,startDate:z.startDate,endDate:z.endDate});return(null==e?void 0:e.data)?(O(e.data),e.data):[]},[B,E,z.startDate,z.endDate]),ee=(0,a.useCallback)(async()=>{let e=await (0,x.f_)({startDate:z.startDate,endDate:z.endDate,bonusFilter:B});(null==e?void 0:e.data)&&V(e.data.totalToBePaid)},[B,z.startDate,z.endDate]),es=async e=>{try{let s=await (0,x.FC)(e.id);Y(s);let l=s.reduce((e,s)=>e+Number(s.contractAmount),0);U(l)}catch(e){console.log(e)}J(e),G(!0)};(0,a.useEffect)(()=>{$(),ee()},[$,ee]),(0,a.useEffect)(()=>{k((0,t.jsx)(p.Z,{closeDrawer:()=>G(!1),totalBonusThisMonth:W,handleApproveBonus:K,bonus:H,totalContractAmount:Q,jobsForBonus:X}))},[H,W,Q,X]);let el=(null==T?void 0:null===(s=T.salesAdminPage)||void 0===s?void 0:s.bonusContainer)||{},et=(null==T?void 0:null===(l=T.salesAdminPage)||void 0===l?void 0:l.bonusProgress)||{},ea=(null==el?void 0:el.tabs)||{};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex w-fit rounded-lg bg-[#d1d6dd]/50 p-1",children:[(0,t.jsx)("button",{type:"button",onClick:()=>P("bonuses"),className:"rounded-md px-4 py-1.5 text-sm transition-colors ".concat("bonuses"===_?"bg-white text-black shadow-sm":"text-gray-600"),children:ea.bonuses||"Bonuses"}),(0,t.jsx)("button",{type:"button",onClick:()=>P("progress"),className:"rounded-md px-4 py-1.5 text-sm transition-colors ".concat("progress"===_?"bg-white text-black shadow-sm":"text-gray-600"),children:ea.yearlyProgress||"Yearly Progress"})]}),"progress"===_&&(0,t.jsx)("div",{className:"mt-4",children:(0,t.jsx)(g,{labels:et})}),"bonuses"===_&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"flex flex-col sm:flex-row gap-3 sm:gap-10 items-baseline",children:(0,t.jsxs)("div",{className:"flex justify-between w-full text-black bg-white rounded-lg items-center shadow-sm px-10 py-4 sm:mt-4",children:[(0,t.jsx)(r.Typography,{className:"text-xs sm:text-lg",children:"Total bonuses:"}),(0,t.jsx)(r.Typography,{variant:"h5",className:"text-md sm:text-2xl",children:(0,i.formatCurrency)(W)})]})}),(0,t.jsxs)("div",{className:"flex flex-col gap-2 lg:flex-row lg:items-center lg:justify-between w-full mt-4",children:[(0,t.jsx)("div",{className:"".concat(o.tq?"w-full":"w-full lg:w-72"),children:(0,t.jsx)(r.Input,{className:"rounded-lg bg-white",onChange:e=>R(e.target.value),label:el.search,icon:(0,t.jsx)(d.RB5,{})})}),(0,t.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center sm:justify-end",children:[(0,t.jsx)("div",{className:"w-full sm:w-56",children:(0,t.jsxs)(w.Ph,{value:B,onValueChange:Z,children:[(0,t.jsx)(w.i4,{className:"bg-white",children:(0,t.jsx)(w.ki,{placeholder:null==T?void 0:T.filters})}),(0,t.jsxs)(w.Bw,{children:[(0,t.jsx)(w.Ql,{value:"paid",children:null==T?void 0:null===(h=T.salesAdminPage)||void 0===h?void 0:null===(v=h.index)||void 0===v?void 0:null===(b=v.filterBonusStatus)||void 0===b?void 0:b.paid}),(0,t.jsx)(w.Ql,{value:"not-paid",children:null==T?void 0:null===(A=T.salesAdminPage)||void 0===A?void 0:null===(D=A.index)||void 0===D?void 0:null===(C=D.filterBonusStatus)||void 0===C?void 0:C.notPaid})]})]})}),(0,t.jsx)(N.Z,{className:"w-full sm:w-56",value:z,onChange:F,label:"Bonus date",tooltipContent:"Filters Bonuses by bonus date using UTC time, 00:00 - 23:59 UTC."})]})]}),(0,t.jsx)("div",{className:"w-full mt-4",children:(0,t.jsx)(n.Z,{data:M,checkbox:!1,columns:[{label:el.salesPerson,columnAlign:"w-1/5 ml-6",itemAlign:"mt-2 w-full md:w-1/6 ".concat(L?"ml-2":o.tq?"ml-6 mr-5":"ml-6"),render:e=>(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex w-full ".concat(o.tq?"justify-between":""),children:[o.tq&&(0,t.jsx)("p",{className:"".concat(o.tq?"mt-1 mb-3":""),style:{fontSize:o.tq?"10px":null},children:el.salesPerson}),(0,t.jsx)("p",{style:{fontSize:o.tq?"14px":""},children:e.user.name})]}),o.tq&&(0,t.jsx)("hr",{})]})},{label:el.bonus,columnAlign:"w-1/5",itemAlign:"mt-2 w-full md:w-1/4 ".concat(L?"ml-2":o.tq?"ml-6 mr-5":"ml-6"),render:e=>

1(0,t.jsx)(f.Z,{bonus:e,isMobile:o.tq,showShadow:!0,mobileLabel:el.bonus,amountStyle:{fontSize:o.tq?"14px":""}})},{label:el.date,columnAlign:"w-1/5",itemAlign:"mt-2 w-full md:w-1/6 ".concat(L?"ml-2":o.tq?"ml-6 mr-5":"ml-6"),render:e=>(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex w-full ".concat(o.tq?"justify-between":""),children:[o.tq&&(0,t.jsx)("p",{className:"".concat(o.tq?"mt-1 mb-3":""),style:{fontSize:o.tq?"10px":null},children:el.date}),(0,t.jsx)("p",{style:{fontSize:o.tq?"14px":""},children:(0,i.formatDate)(e.date,"N/A")})]}),o.tq&&(0,t.jsx)("hr",{})]})},{label:el.status,columnAlign:"w-1/5",itemAlign:"mt-2 sm:mt-0 w-full sm:w-1/5 t",render:e=>(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex w-full ".concat(o.tq?"justify-between":""),children:[o.tq&&(0,t.jsx)("p",{className:"".concat(o.tq?"mt-1 mb-3":""),style:{fontSize:o.tq?"10px":null},children:el.status}),(0,t.jsx)("p",{style:{fontSize:o.tq?"14px":""},children:(0,t.jsx)(y.Z,{className:"w-full ml-2",status:e.status})})]}),o.tq&&(0,t.jsx)("hr",{})]})},{label:"",columnAlign:"w-1/5",itemAlign:"mt-2 w-full sm:w-1/5 sm:mt-0 text-right ",render:e=>(0,t.jsx)(r.Button,{className:"bg-primaryViolet rounded-xl normal-case",size:o.tq?"sm":"md",onClick:()=>{es(e)},children:el.view})}]})})]})]})};var D=A},58465:function(e,s,l){"use strict";l.r(s);var t=l(85893),a=l(67294),n=l(59335),i=l(9473),r=l(65249),o=l(38614),d=l(45528),u=l(65603),c=l(649),m=l(38303),x=l(89693),p=l(34572);let f=()=>{var e,s,l;let{user:f}=(0,i.v9)(e=>e.auth),{language:h}=(0,u.E)(),{activeSuperAdminTab:v,setActiveSuperAdminTab:b}=(0,a.useContext)(x.f),[w,g]=(0,a.useState)(null),[j,y]=(0,a.useState)(!1),[N,S]=(0,a.useState)(!1),[A,D]=(0,a.useState)(!1),C=e=>{b(e)};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("main",{className:"px-3 sm:px-5 mt-8 md:px-[10%]",children:[(0,t.jsxs)(n.Tabs,{value:v,className:"flex flex-col",children:[(0,t.jsx)(n.TabsHeader,{className:"flex sm:flex-row justify-between items-start sm:w-full bg-transparent p-0",children:(0,t.jsxs)("div",{className:"flex lg:w-fit sm:w-fit rounded-lg bg-[#d1d6dd]/50 p-1",children:[(0,t.jsx)(n.Tab,{value:"sales-jobs",className:"min-w-[60px] sm:w-fit sm:min-w-0 py-1.5 z-0 px-2 sm:px-6 rounded-md",onClick:()=>C("sales-jobs"),children:(0,t.jsx)("span",{className:"text-sm sm:text-md",children:null==h?void 0:null===(e=h.superAdmin)||void 0===e?void 0:e.salesJobs})},"sales-jobs"),(0,t.jsx)(n.Tab,{value:"bonuses",className:"min-w-[60px] sm:w-fit sm:min-w-0 py-1.5 z-0 px-2 sm:px-6 rounded-md",onClick:()=>C("bonuses"),children:(0,t.jsx)("span",{className:"text-sm sm:text-md",children:null==h?void 0:null===(s=h.superAdmin)||void 0===s?void 0:s.bonuses})},"bonuses"),(0,t.jsx)(n.Tab,{value:"crew-jobs",className:"min-w-[60px] sm:w-fit sm:min-w-0 py-1.5 z-0 px-2 sm:px-6 rounded-md",onClick:()=>C("crew-jobs"),children:(0,t.jsx)("span",{className:"text-sm sm:text-md whitespace-nowrap",children:null==h?void 0:null===(l=h.superAdmin)||void 0===l?void 0:l.crewJobs})},"crew-jobs")]})}),(0,t.jsx)("div",{className:"flex-grow",children:(0,t.jsxs)(n.TabsBody,{children:[(0,t.jsx)(n.TabPanel,{value:"sales-jobs",className:"flex flex-col flex-wrap gap-1 p-0 pt-4 overflow-visible px-1",children:(0,t.jsx)(c.default,{})},"sales-jobs"),(0,t.jsx)(n.TabPanel,{value:"bonuses",className:"flex flex-col gap-1 p-0 pt-4",children:(0,t.jsx)(m.Z,{setBonusDrawerContent:g,setOpenBonusDrawer:y})},"bonuses"),(0,t.jsx)(n.TabPanel,{value:"crew-jobs",className:"flex flex-col flex-wrap gap-1 p-0 pt-4",children:(0,t.jsx)(r.Z,{width:"w-full",variant:(null==f?void 0:f.role)==="super-admin"||(null==f?void 0:f.role)==="ceo"?"super-admin":(null==f||f.role,"admin"),setDrawerContent:g,setOpenDrawer:y,setSuperAdminDrawerOpen:S})},"crew-jobs")]})})]}),(null==f?void 0:f.lastSyncDate)&&(0,t.jsx)("div",{className:"w-3/4 text-right mr-12 mt-2 mb-4",children:(0,t.jsxs)(n.Typography,{className:"pr-12",children:[null==h?void 0:h.lastUpdated,":"," ",(0,d.formatDate)(null==f?void 0:f.lastSyncDate,"None")]})})]}),"sales-jobs"===v&&(0,t.jsx)(p.Z,{}),"crew-jobs"!==v?(0,t.jsx)(o.Z,{openState:j,closeDrawer:A,children:w}):(0,t.jsx)(o.Z,{openState:j||N,closeDrawer:A,children:w})]})};s.default=f}},function(e){e.O(0,[6556,4617,4938,5826,8298,3946,4922,3972,3087,7363,8922,5385,9880,9824,4003,4004,9328,8122,8804,280,7649,2393,4406,3249,649,5686,7530,9774,2888,179],function(){return e(e.s=67384)}),_N_E=e.O()}]);