https://web.jibble.io/assets/Index-Dnbr_C2v.js

1import{aG as xt,cu as yt,G as de,cv as Dt,cw as X,k as L,b1 as Pt,ar as bt,d as Y,cx as je,cy as vt,b_ as Lt,I as Te,C as I,cz as kt,S as ve,O as we,cA as Ft,aC as Le,r as O,o,e as g,b as s,t as v,v as m,f as T,l as d,w as f,F as N,h as fe,c as w,j as zt,bq as rt,br as lt,x as Z,a1 as Pe,g as Mt,cB as ct,V as ee,H as q,al as At,L as z,cC as ce,cD as Et,cE as jt,N as Wt,R as Ke,bp as Ae,_ as te,bc as Vt,bt as Bt,q as Ht,b0 as Ge,bw as Je,n as ke,bz as Nt,cF as Ut,y as qe,a2 as Ue,ao as Rt,a6 as Xe,bh as at,T as Kt,at as Ze,b2 as j,aL as Re,cG as qt,ak as Zt,$ as Ee,cH as dt,cI as wt,s as Yt,a0 as Qt,ck as Gt,cJ as Oe,Q as De,bg as Jt,ah as ze,ac as _t,E as Xt,aM as eo}from"./app-D1nM95Vy.js";import{a as $t,Q as Ct}from"./QTabs-DTii26iW.js";import{g as Me,b as Se,T as Ie,C as nt,J as et,l as ut}from"./metrics-DL11lIQc.js";import{A as to,u as oo,a as so}from"./dashboard-clock-widget-C5-Vsp23.js";import{c as st,C as ao}from"./clean-Bay3lGxp.js";import{L as St}from"./LoaderInfinite-BKh2HDJR.js";import{_ as no}from"./PlaceholderEmpty.vue_vue_type_script_setup_true_lang-PrDWqmP2.js";import{_ as ye}from"./TooltipText.vue_vue_type_script_setup_true_lang-CtUcXBnM.js";import{e as io}from"./empty-state-add-members-D3pBxx_y.js";import{p as tt}from"./pick-DPJI8lUp.js";import{c as ro,d as lo}from"./translation-CKOZBVap.js";import{_ as co,g as uo}from"./scopeSwitcherOptions-DQX6QaxS.js";import{m as Ye}from"./vue3-apexcharts-CtLLdsN3.js";import{l as Ne}from"./labels-DFyJGfXi.js";import{S as mo}from"./schedules-DR35Jwk6.js";import{u as po}from"./activities-B7eElp8U.js";import{Q as ho}from"./QImg-DzskvO7X.js";import{u as fo}from"./demo-booking-Cuqr1dF8.js";import{f as go}from"./helper-yYhCU5XJ.js";import{R as yo}from"./RightSidebar-CtU6nvmt.js";import{j as bo,R as vo}from"./JMap.vue_vue_type_script_setup_true_lang-CwEt_HU3.js";import{p as ko,f as wo}from"./helper-EovqRGl3.js";import{L as _o}from"./BaseMap-DRvqkBcL.js";import{u as $o}from"./learning-center-B_-DbtEB.js";import"./index-Dm0Y5in-.js";import"./index-CH13HvmE.js";import"./QResizeObserver-Bsn-DfaI.js";import"./Avatar-BJ4oNd1Y.js";import"./clock-in-out-DKm1QWgp.js";import"./time-tracking-B5cQXZdK.js";import"./search-Cvqf93EV.js";import"./_flatRest-CCi_r9pE.js";import"./upperFirst-s8K2lUOm.js";import"./_baseSlice-DkFNCYmM.js";import"./crud-store-base-5AuINrpH.js";import"./onboarding-PrQV-HHY.js";import"./touch-BjYP5sR0.js";import"./dimensions-BXZgd80Z.js";const Co="dashboardWidget-";function Fe(e){const t=Co+e,r=yt();function n(){r.setPersonItemJSON(t,{visible:!1,dismissed:c()})}function y(){r.setPersonItemJSON(t,{visible:!0,dismissed:c()})}function p(){r.setPersonItemJSON(t,{visible:l(),dismissed:!0})}function l(){const i=r.getPersonItemJSON(t);return i&&i.visible!=null?i.visible:!0}function c(){const i=r.getPersonItemJSON(t);return i&&i.dismissed!=null?i.dismissed:!1}return{hideWidget:n,dismissWidget:p,isVisible:l,isDismissed:c,exposeWidget:y}}const Tt=Symbol("ConfigureWidgetsEventBus");function We(){const e=xt(Tt);if(e)return e;throw new Error("Groups event bus has not been provided")}function So(){return Pt()}const To={scope:X.Organization,groupingType:Me.Week,location:{name:"",id:""},schedule:{name:"",id:""},group:{name:"",id:""}},le=bt({...To});function _e(){const e=de();return{filters:L(()=>le).value,filtersRef:le,update:({scope:t,groupingType:r,location:n,schedule:y,group:p})=>{le.scope=t,le.groupingType=r,le.location=n,le.schedule=y,le.group=p},getCommonRequestParams:()=>{const{isLoggedInAsMember:t,isLoggedInAsProjectLead:r}=e.getters,n=r?Dt(e):void 0;return{...le.scope!==X.Personal?st({groupId:le.group.id,locationId:le.location.id,scheduleId:le.schedule.id}):{},scope:t?X.Organization:le.scope,...n?{personIds:n}:{}}}}}const Io={class:"sidebar-member full-height column no-wrap","data-testid":"in-out-widget"},Oo={class:"sidebar-member--header pt-8","data-testid":"sidebar-member-header"},xo={class:"column flex-center mb-2"},Do={class:"ma-0 text-body1 text-weight-bold"},Po={key:0,class:"text-grey-1"},Lo={class:"my-0 text-h6 text-weight-bolder"},Fo=["data-testid"],zo={class:"mt-2 mb-4 px-6"},Mo={key:2,class:"row flex-center fit","data-testid":"dashboard-whos-in-out-empty-state"},Ao={key:0,class:"text-center self-center"},Eo={class:"text-grey-3 my-0 py-0"},jo={class:"text-body2 text-grey-3 my-0 pt-0 text-weight-bold"},Wo={class:"text-italic text-body2 text-grey-3 my-0"},Vo=Y({__name:"WhosInOut",setup(e){const t=de(),{getRoleBasedTimesheetEventHandlerParams:r,shouldFetchScopedBasedData:n}

1=je(),{getLastSeenFromNow:y}=vt(t.state.authorizedPerson,"clocking.components.whosInOut.lastClocked"),p=Math.max(Math.round(t.state.authorizedSubscription.unitCount*3/100),15),{items:l,loadItems:c,loadAllItems:i,onScroll:a,loading:u,totalItemCount:b,pageNumber:k}=Lt(be,p),C=I({}),F=I(0),h=["in","break","out"],W=Te(),{filters:D,getCommonRequestParams:ie}=_e(),Q=t.hasPermission(Se.AddAndRemoveAnyPersonFromOrganization),oe=L(()=>!t.hasPermission(Se.ViewAllPeopleTimesheets)&&t.hasPermission(Se.ViewManagedPeopleTimesheets)),ne=t.state.authorizedPerson.id,x=L(()=>{const $=oe.value?t.state.managedPersons:[],A=t.state.managedProjectPeople;return(A==null?void 0:A.type)!=="scoped"?$:[...new Set([...$,...A.personIds])]}),V=I(""),M=I(Ie.In),{effectiveTimeFormat:U,effectiveTimeZone:se}=t.getters,ue=L(()=>t.getters.onboardingCompleted),_=I(0),S=$=>{k.value=0,M.value=$,J()},P=I(new Date),R=kt(()=>P.value=new Date,60*1e3),E=L(()=>b.value===l.value.length),B=I(!0);function G($){return q(`timeTracking.labels.clockingTypes.${$}`,{context:"adverb"})}ve(D,J,{immediate:!0}),ve(F,$=>{const A=Object.keys(Ie)[$];S(A)});async function J(){if(H(),k.value>=1){await i({top:k.value*p,skip:0}),await At();const $=document.querySelector('[data-testid="list-member-in-out"]');$&&($.scrollTop=_.value)}else c()}function ge($){var A;if(t.hasPermission(Se.ViewAllPeopleTimesheets)||$.id===ne||(A=x.value)!=null&&A.includes($.id))return{name:"timesheet-detail",params:{date:z().format(ce.DateOnly),personId:$.id}}}function xe({latestTimeEntry:$}){return Et($==null?void 0:$.offset,se)||!($!=null&&$.offset)?"":`(GMT${jt($.offset)})`}async function H(){try{const $=Wt(ie(),["personIds"]);C.value=await W.timeTracking.timeEntries.getCurrentTotals($)}catch($){Ke($)}}function re($,A){return{orderby:{latestTimeEntryTime:"desc",fullName:"asc"},select:["fullName","latestTimeEntryTime","id","pictureId","timeZone"],expand:{latestTimeEntry:{select:["offset"]}},filter:{...$!==Ie.Out&&D.scope!==X.Personal&&{"latestTimeEntry/locationId":Ae.from(D.location.id)},...D.scope!==X.Personal&&{groupId:Ae.from(D.group.id)}},...A}}function ae($){var A,pe,he;return{searchTerm:V.value,...D.scope!==X.Personal?$===Ie.Out?st({locationId:(A=D.location)==null?void 0:A.id,scheduleId:(pe=D.schedule)==null?void 0:pe.id}):st({scheduleId:(he=D.schedule)==null?void 0:he.id}):{},scope:t.getters.isLoggedInAsMember?X.Organization:D.scope}}function me($,A){const pe=re($,A),he=ae($);switch($){case Ie.In:return W.timeTracking.timeEntries.whosIn(pe,he);case Ie.StartBreak:return W.timeTracking.timeEntries.whosOnBreak(pe,he);case Ie.Out:return W.timeTracking.timeEntries.whosOut(pe,he)}}function be($){return me(M.value,$)}function $e($){u.value||(_.value=$.target.scrollTop),a($)}function Be($){n(D.scope,$)&&(B.value=!1,J())}return we(()=>{Ft(...r(Be))}),Le(()=>{R()}),($,A)=>{const pe=O("search-text-field"),he=O("j-skeleton");return o(),g("div",Io,[s("div",Oo,[s("div",xo,[s("div",Do,v($.$t("dashboard.titles.whoIsInOut")),1),m(D).scope!==m(X).Personal?(o(),g("div",Po,v($.$t("common.labels.memberWithCount",{count:C.value.totalCount})),1)):T("",!0)]),d(Ct,{modelValue:F.value,"onUpdate:modelValue":A[0]||(A[0]=K=>F.value=K),"active-color":"primary","content-class":"text-secondary-2 justify-center","indicator-color":"primary","no-caps":""},{default:f(()=>[(o(),g(N,null,fe(h,(K,Ce)=>d($t,{key:K,name:Ce,disable:m(u),class:"flex-grow-0",style:{"line-height":"1"}},{default:f(()=>[s("span",Lo,v(C.value[`${K}Count`]),1),s("span",{class:"text-small text-weight-bolder text-uppercase","data-testid":`members-${K}`},v(G(K)),9,Fo)]),_:2},1032,["name","disable"])),64))]),_:1},8,["modelValue"])]),s("div",zo,[d(pe,{modelValue:V.value,"onUpdate:modelValue":A[1]||(A[1]=K=>V.value=K),"data-testid":"search-members",clearable:"",disabled:m(l).length===0&&!V.value,placeholder:$.$t("common.placeholders.searchMembers"),onSearch:A[2]||(A[2]=K=>S(M.value))},null,8,["modelValue","disabled","placeholder"])]),s("div",{class:"list-member--container overflow-auto-y flex-fill pb-2",style:{"min-height":"0px"},"data-testid":"list-member-in-out",onScroll:$e}

1,[m(u)&&B.value?(o(),w(he,{key:0,type:"avatar-text",repeat:3,class:"ma-2"})):m(l).length?(o(),w(Mt,{key:1,"data-testid":"dashboard-whos-in-out-member-list"},{default:f(()=>[(o(!0),g(N,null,fe(m(l),(K,Ce)=>(o(),g(N,{key:Ce},[d(zt,{to:ge(K),class:"list-item--member py-2 px-4","data-testid":"dashboard-whos-in-out-member"},{default:f(()=>[d(rt,{avatar:"",class:"my-0 mr-2"},{default:f(()=>[d(to,{type:M.value,person:K},null,8,["type","person"])]),_:2},1024),d(rt,null,{default:f(()=>[d(lt,{"data-testid":"full-name",class:"ma-0 text-body2 mr-4 text-weight-bold"},{default:f(()=>[d(ye,{text:K.fullName},null,8,["text"])]),_:2},1024),K.latestTimeEntryTime?(o(),w(lt,{key:0,class:"text-small text-grey-1 row items-center"},{default:f(()=>[Z(v(m(y)(K.latestTimeEntryTime,K.timeZone,{timeZone:xe(K)})),1)]),_:2},1024)):T("",!0)]),_:2},1024)]),_:2},1032,["to"]),Ce<m(l).length?(o(),w(Pe,{key:`divider-${Ce}`,class:"mx-4"})):T("",!0)],64))),128))]),_:1})):(o(),g("div",Mo,[V.value?(o(),w(no,{key:1,"search-text":V.value,"full-image-path":m(io)},null,8,["search-text","full-image-path"])):(o(),g("div",Ao,[s("h1",Eo,v(m(ct)(P.value.toISOString(),m(U))),1),s("p",jo,v(m(ct)(P.value.toISOString(),"ddd, MMM DD")),1),s("p",Wo,[F.value===0?(o(),g(N,{key:0},[Z(v($.$t("dashboard.emptyStates.noMembersClockedIn")),1)],64)):T("",!0),F.value===1?(o(),g(N,{key:1},[Z(v($.$t("dashboard.emptyStates.noMembersOnABreak")),1)],64)):T("",!0),F.value===2?(o(),g(N,{key:2},[Z(v($.$t("dashboard.emptyStates.noMembersClockedOut")),1)],64)):T("",!0)]),m(Q)&&C.value&&C.value.totalCount===0?(o(),w(ee,{key:0,color:"primary",to:{name:ue.value?"people":"onboarding-people"},class:"mt-4",size:"sm","data-testid":"dashboard-whos-in-out-invite-btn"},{default:f(()=>[Z(v($.$t("dashboard.actions.inviteYourTeam")),1)]),_:1},8,["to"])):T("",!0)]))])),m(u)?T("",!0):(o(),w(St,{key:3,loading:!E.value},null,8,["loading"]))],32)])}}}),Bo=te(Vo,[["__scopeId","data-v-13010e1a"]]),mt="dashboardFilters",Ho=Y({components:{JDropdown:Bt,DropdownItem:Vt,ScopeSwitcher:co},setup(){const e=Te(),t=de(),r=yt(),{isLoggedInAsMember:n,isLoggedInAsProjectLead:y}=t.getters,{update:p,filters:l}=_e(),c=L(()=>!n&&!y),i=[Me.Day,Me.Week,Me.Month],a=I(i.indexOf(Me.Week)),u=I(""),b=I(""),k=I(""),C=bt(l),F=L(()=>uo(c.value)),h=L(()=>!n&&C.scope!==X.Personal);function W(x){C.scope=x,D()}function D(x=!0){const V={scope:C.scope,groupingType:i[a.value],location:tt(C.location,["name","id"]),group:tt(C.group,["name","id"]),schedule:tt(C.schedule,["name","id"])};p(V),x&&r.setPersonItemJSON(mt,V)}const ie=x=>e.workspace.locations.list(Ge({filter:{status:{ne:nt.Archived},...Je("name",u.value)}},x)),Q=x=>e.workspace.schedules.list(Ge({filter:{...Je("name",k.value)}},x)),oe=x=>e.workspace.groups.list(Ge({filter:{...Je("name",b.value)}},x));function ne(x){C[x]={name:"",id:""},D()}return Ht(()=>{const x=r.getPersonItemJSON(mt);x&&(Object.assign(C,x),a.value=i.findIndex(V=>V===x.groupingType)),n?C.scope=X.Personal:y&&(C.scope=X.Organization),D(!1)}),{translateDatePeriod:ro,updateFilter:D,localFilters:C,periods:i,selectedPeriodIndex:a,DashboardFilterScope:X,locationsFetcher:ie,groupsFetcher:oe,schedulesFetcher:Q,locationSearchTerm:u,groupSearchTerm:b,scheduleSearchTerm:k,selectAll:ne,dashboardScopeOptions:F,onScopeChange:W,canUseOrganizationScope:c,canUseTeamFilters:h}}}),No={class:"switcher-time"},Uo={class:"row border-bottom px-3",style:{height:"65px"}},Ro={class:"col-3 flex items-end switcher-time__period","data-testid":"header-dashboard-switcher"},Ko={key:0,class:"col row justify-end items-center"},qo={class:"row justify-end"},Zo={key:0,class:"row px-3 border-bottom"},Yo={class:"px-5 row items-center",style:{height:"56px"}},Qo={class:"ellipsis"};function Go(e,t,r,n,y,p){const l=O("scope-switcher"),c=O("dropdown-item"),i=O("j-dropdown");return o(),g("header",No,[s("div",Uo,[s("div",Ro,[d(Ct,{modelValue:e.selectedPeriodIndex,"onUpdate:modelValue":[t[0]||(t[0]=a=>e.selectedPeriodIndex=a),t[1]||(t[1]=a=>e.updateFilter())],"indicator-color":"primary","active-color":"primary","no-caps":""},{default:f(()=>[(o(!0),g(N,null,fe(e.periods,(a,u)=>(o(),w($t,{key:a,name:u,class:ke(["flex-grow-0 text-body1 text-weight-bolder",e.selectedPeriodIndex!==u?"text-grey-3":""]),"data-testid":`tab-${a}`},{default:f(()=>[Z(v(e.translateDatePeriod(a)),1)]),_:2},1032,["name","class","data-testid"]))),128))]),_:1},8,["modelValue"])]),e.canUseOrganizationScope?(o(),g("div",Ko,[s("div",qo,[d(l,{"model-value":e.localFilters.scope,"data-testid":"dashboard-scope-toggle",options:e.dashboardScopeOptions,"onUpdate:modelValue":e.onScopeChange}

1,null,8,["model-value","options","onUpdate:modelValue"])])])):T("",!0)]),e.canUseTeamFilters?(o(),g("div",Zo,[s("div",Yo,[d(i,{modelValue:e.localFilters.location,"onUpdate:modelValue":[t[3]||(t[3]=a=>e.localFilters.location=a),t[5]||(t[5]=a=>e.updateFilter())],"search-term":e.locationSearchTerm,"onUpdate:searchTerm":t[4]||(t[4]=a=>e.locationSearchTerm=a),"return-object":"",searchable:"","not-clearable":"",fetcher:e.locationsFetcher,class:"mr-6",".style":{maxWidth:230},"data-testid":"dashboard-filter-location"},{selected:f(()=>[s("div",Qo,v(e.localFilters.location.id===""?e.$t("common.actions.contextMenus.allLocations"):e.localFilters.location.name),1)]),"append-search":f(({loading:a})=>[a?T("",!0):(o(),w(c,{key:0,label:e.$t("common.actions.contextMenus.allLocations"),selected:e.localFilters.location.id==="",onClick:t[2]||(t[2]=u=>e.selectAll("location"))},null,8,["label","selected"])),a?T("",!0):(o(),w(Pe,{key:1}))]),_:1},40,["modelValue","search-term","fetcher"]),d(i,{modelValue:e.localFilters.group,"onUpdate:modelValue":[t[7]||(t[7]=a=>e.localFilters.group=a),t[9]||(t[9]=a=>e.updateFilter())],"search-term":e.groupSearchTerm,"onUpdate:searchTerm":t[8]||(t[8]=a=>e.groupSearchTerm=a),"return-object":"",searchable:"","not-clearable":"",fetcher:e.groupsFetcher,class:"mr-6","data-testid":"dashboard-filter-group"},{selected:f(()=>[Z(v(e.localFilters.group.id===""?e.$t("common.actions.contextMenus.allGroups"):e.localFilters.group.name),1)]),"append-search":f(({loading:a})=>[a?T("",!0):(o(),w(c,{key:0,label:e.$t("common.actions.contextMenus.allGroups"),selected:e.localFilters.group.id==="",onClick:t[6]||(t[6]=u=>e.selectAll("group"))},null,8,["label","selected"])),a?T("",!0):(o(),w(Pe,{key:1}))]),_:1},8,["modelValue","search-term","fetcher"]),d(i,{modelValue:e.localFilters.schedule,"onUpdate:modelValue":[t[11]||(t[11]=a=>e.localFilters.schedule=a),t[13]||(t[13]=a=>e.updateFilter())],"search-term":e.scheduleSearchTerm,"onUpdate:searchTerm":t[12]||(t[12]=a=>e.scheduleSearchTerm=a),"return-object":"",searchable:"","not-clearable":"",fetcher:e.schedulesFetcher,class:"mr-6","data-testid":"dashboard-filter-schedule"},{selected:f(()=>[Z(v(e.localFilters.schedule.id===""?e.$t("common.actions.contextMenus.allSchedules"):e.localFilters.schedule.name),1)]),"append-search":f(({loading:a})=>[a?T("",!0):(o(),w(c,{key:0,label:e.$t("common.actions.contextMenus.allSchedules"),selected:e.localFilters.schedule.id==="",onClick:t[10]||(t[10]=u=>e.selectAll("schedule"))},null,8,["label","selected"])),a?T("",!0):(o(),w(Pe,{key:1}))]),_:1},8,["modelValue","search-term","fetcher"])])])):T("",!0)])}const Jo=te(Ho,[["render",Go],["__scopeId","data-v-614d870c"]]),pt={threshold:0,root:null,rootMargin:"0px"};function ht(e,t,r){var l;let n,y,p;typeof r=="function"?(n=r,y=pt,p=t.cfg===void 0):(n=r.handler,y=Object.assign({},pt,r.cfg),p=t.cfg===void 0||Ut(t.cfg,y)===!1),t.handler!==n&&(t.handler=n),p===!0&&(t.cfg=y,(l=t.observer)==null||l.unobserve(e),t.observer=new IntersectionObserver(([c])=>{if(typeof t.handler=="function"){if(c.rootBounds===null&&document.body.contains(e)===!0){t.observer.unobserve(e),t.observer.observe(e);return}(t.handler(c,t.observer)===!1||t.once===!0&&c.isIntersecting===!0)&&It(e)}},y),t.observer.observe(e))}function It(e){var r;const t=e.__qvisible;t!==void 0&&((r=t.observer)==null||r.unobserve(e),delete e.__qvisible)}const Xo=Nt({name:"intersection",mounted(e,{modifiers:t,value:r}){const n={once:t.once===!0};ht(e,n,r),e.__qvisible=n},updated(e,t){const r=e.__qvisible;r!==void 0&&ht(e,r,t.value)},beforeUnmount:It}),es={class:"col"},ts={key:0,class:"col col-auto"},os={key:0,class:"widget-overlay px-6 py-3"},ss={class:"self-start text-body2 text-weight-bold mb-1"},as={class:"widget-overlay-content"},ns={class:"widget-overlay-description mb-4 full-width text-center text-weight-bold"},is={class:"column"},rs=Y({__name:"Widget",props:{title:{type:String,required:!0},tooltip:{type:String},hidable:{type:Boolean,default:!1},navLinkText:{type:String},to:{type:[String,Object]},isNotSetup:{type:Boolean,default:!1},isNotSetupBtnText:{type:String},isNotSetupLink:{type:[String,Object]},isNotSetupDescription:{type:String},storageKey:{type:String,required:!0},loading:{type:Boolean},elevateHeader:{type:Boolean,default:!1},icon:{type:String},lazyLoad:{type:Boolean,default:!1}},emits:["iconClick","enteredViewport"],setup(e,{expose:t,emit:r}){const n=e,y=r,p=We(),l=I(!1),c=I(!0),i=I(0);function a(M){n.lazyLoad&&M.isIntersecting&&y("enteredViewport")}const u={handler:a,cfg:{rootMargin:"-16px 0px -20% 0px"}};function b(){i.value++}t({reset:b});const{hideWidget:k,dismissWidget:C,isVisible:F,isDismissed:h,exposeWidget:W}=Fe(n.storageKey),D=de(),ie=L(()=>D.hasPermission(Se.EditOrganizationSettings)),Q=L(()=>n.navLinkText&&ie.value),oe=L(()=>n.isNotSetup&&!l.value&&!n.loading&&ie.value);we(()=>{c.value=F(),l.value=h(),p.on("UpdateVisibility",V)}),Le(()=>{p.off("UpdateVisibility",V)});function ne(){c.value=!1,k()}function x(){l.value=!0,C()}function V(M){(M==null?void 0:M.key)===n.storageKey&&(c.value=M.visible,M.visible?W():k())}return(M,U)=>{const se=O("j-hover");return o(),w(Xe,{name:"fade",appear:""},{default:f(()=>

1[c.value?(o(),w(se,{key:0},{default:f(({isHovering:ue})=>[d(qe,Ue({class:"pa-6"},M.$attrs),{default:f(()=>[e.lazyLoad?Rt((o(),g("div",{key:i.value,class:"viewport-monitor"})),[[Xo,u,void 0,{once:!0}]]):T("",!0),s("div",{class:ke(["row no-wrap justify-between items-center mb-4 widget-title",{"widget-title--elevated":e.elevateHeader}])},[s("div",es,[d(ye,{class:"mb-0 text-body2 text-weight-bold text-black",text:e.title.toUpperCase()},null,8,["text"])]),d(Xe,{name:"fade"},{default:f(()=>[e.loading?T("",!0):(o(),g("div",ts,[e.icon?(o(),w(ee,{key:0,icon:e.icon,"text-color":"grey-3",size:"12px",class:"px-1","data-testid":"dashboard-widget-icon-btn",onClick:U[0]||(U[0]=_=>M.$emit("iconClick"))},null,8,["icon"])):T("",!0),Q.value?(o(),w(ee,{key:1,class:"btn-compact text-weight-regular",color:"secondary",flat:"",to:e.to,"data-testid":"dashboard-widget-nav-link"},{default:f(()=>[Z(v(e.navLinkText),1)]),_:1},8,["to"])):T("",!0),e.hidable?(o(),w(ee,{key:2,color:"secondary",flat:"",icon:"eye-slash-thin",dense:"",round:"","data-testid":"dashboard-widget-hide-btn",onClick:U[1]||(U[1]=_=>ne())})):T("",!0),e.tooltip?(o(),w(at,{key:3,anchor:"bottom right","transition-show":"fade","transition-hide":"fade"},{default:f(()=>[Z(v(e.tooltip),1)]),_:1})):T("",!0)]))]),_:1})],2),Kt(M.$slots,"default",{},void 0,!0),d(Xe,{name:"fade",duration:500},{default:f(()=>[ue&&oe.value?(o(),g("div",os,[s("h2",ss,v(e.title.toUpperCase()),1),s("div",as,[s("div",ns,v(e.isNotSetupDescription),1),s("div",is,[d(ee,{color:"primary",to:e.isNotSetupLink??e.to,size:"16px","data-testid":"dashboard-widget-setup-btn"},{default:f(()=>[Z(v(e.isNotSetupBtnText),1)]),_:1},8,["to"]),d(ee,{color:"primary",class:"mt-1",flat:"",size:"16px","data-testid":"dashboard-widget-dismiss-btn",onClick:U[2]||(U[2]=_=>x())},{default:f(()=>[Z(v(M.$t("common.actions.noThanks")),1)]),_:1})])])])):T("",!0)]),_:2},1024)]),_:2},1040)]),_:3})):T("",!0)]),_:3})}}}),Ve=te(rs,[["__scopeId","data-v-62fe2404"]]),ls=Y({components:{Apexchart:Ye,Widget:Ve},setup(){const e=de(),t=Te(),{shouldFetchScopedBasedData:r}=je(),n=L(()=>e.getters.effectiveDurationFormat),{filters:y,getCommonRequestParams:p}=_e(),l=I(!0),c=I([]),i=I(),a=L(()=>u.value+k.value+b.value),u=I(0),b=I(0),k=I(0),C=I([]),F=new mo,h=L(()=>F.items.value.length===0),W=L(()=>e.getters.onboardingCompleted),D="trackedHours",ie=Fe(D),Q=I(!0),oe=Ze("widgetRef");we(()=>{F.fetch()});function ne(){se()}ve(y,()=>{var P;(P=oe.value)==null||P.reset()});const x={workedHours:q("dashboard.labels.workedHours"),breaks:q("common.titles.breaks"),overtimeHours:q("dashboard.labels.overtimeHours")},V=L(()=>[{text:x.workedHours,color:"green-5",value:u.value},{text:x.breaks,color:"amber-5",value:b.value},{text:x.overtimeHours,color:"red",value:k.value}]);function M(P){return z.duration(P).asSeconds()}function U(P){return z.duration(`PT${P}S`).format("h[h] m[m] s[s]",{trim:"both",largest:2,trunc:!0})}async function se(P){if(!(!ie.isVisible()||!r(y.scope,P)))try{const R={groupingType:y.groupingType,...p()};l.value=!0,c.value=await t.timeAttendance.getTrackedHours(R);let E=[];const B=c.value.length;switch(y.groupingType){case"Day":E=[Zt(q("common.labels.day"))];break;case"Week":{const H=qt(void 0,!1);E=[...Array(B)].map((re,ae)=>H.clone().add(ae,"day").format(ce.FullNameDayOfWeek).toLocaleUpperCase());break}case"Month":{const H=z().startOf("month");E=[...Array(B)].map((re,ae)=>H.clone().add(ae,"day").format("dd").charAt(0).toLocaleUpperCase());break}}const G=Object.values(x).map(H=>({name:H,data:Array(B)}));let J=0,ge=0,xe=0;c.value.forEach((H,re)=>{const ae=M(H.worked);G[0].data[re]=ae,J+=ae;const me=M(H.breaks);G[1].data[re]=me,xe+=me;const be=M(H.overtime);G[2].data[re]=be,ge+=be}),u.value=J,k.value=ge,b.value=xe,Q.value=G.flatMap(H=>H.data).some(H=>H>0),C.value=Q.value?G:[],i.value={colors:[j.positive,j.primary1,j.negative],dataLabels:{enabled:!1},chart:{type:"bar",stacked:!0,toolbar:{show:!1},zoom:{enabled:!1},height:260},plotOptions:{bar:{horizontal:!1}},xaxis:{type:"category",categories:E,labels:{formatter(H){return y.groupingType==="Week"&&H.length?H.charAt(0):y.groupingType==="Month"?H:""},style:Ne}},yaxis:{labels:{formatter:U,offsetX:10,style:Ne}},legend:{position:"right",offsetY:20,show:!1},fill:{opacity:1},tooltip:{custom:function({series:H,seriesIndex:re,dataPointIndex:ae,w:me}){const be=c.value[ae]?z(c.value[ae].date,ce.DateOnly).format("MMMM D, YYYY"):"",$e=Re(H[re][ae],n.value);return`
2              <div class="apexcharts--tooltip">
3                <div class="text-body2 mb-1">${be}</div>

4                <span class="block text-body2 text-weight-bold">
5                  <span style="width: 12px; height: 12px; border-radius: 10em; background: ${me.globals.colors[re]}" class="inline-block mr-1 rounded-sm"></span>
6                  ${$e}
7                </span>
8              </div>
9            `}},noData:{text:q("common.emptyStates.noData"),style:{fontSize:"40px",color:j.secondary3,fontFamily:j.fontFamily}}}}catch(R){Ke(R)}finally{l.value=!1}}const ue={chart:{type:"bar",stacked:!0,toolbar:{show:!1},zoom:{enabled:!0},height:250,width:32},plotOptions:{bar:{horizontal:!1}},xaxis:{categories:[q("common.labels.weekDays.monday")[0],q("common.labels.weekDays.tuesday")[0],q("common.labels.weekDays.wednesday")[0],q("common.labels.weekDays.thursday")[0],q("common.labels.weekDays.friday")[0],q("common.labels.weekDays.saturday")[0],q("common.labels.weekDays.sunday")[0]],labels:{style:Ne}},yaxis:{labels:{formatter:P=>P+"h",style:Ne}},dataLabels:{enabled:!1},fill:{opacity:1,colors:[j.secondary2,j.secondary3,j.secondary4]},legend:{show:!1},tooltip:{enabled:!1}},_=[{name:x.workedHours,data:[350,340,360,350,340,360,370,331]},{name:x.breaks,data:[50,40,45,50,49,60,70,91]},{name:x.overtimeHours,data:[30,40,45,50,49,60,70,91]}],S=[{text:x.workedHours,color:"secondary-2",value:0},{text:x.breaks,color:"secondary-3",value:0},{text:x.overtimeHours,color:"secondary-4",value:0}];return{total:a,series:C,loading:l,chartOptions:i,chartOptionsEmptyState:ue,seriesEmptyState:_,items:V,itemsEmptyState:S,onboardingCompleted:W,durationFormat:n,seconds:Re,totalWorked:u,totalBreaks:b,totalOvertime:k,storageKey:D,isSchedulesEmpty:h,hasTrackedHour:Q,widgetRef:oe,onWidgetEnteredViewport:ne}}}),cs={class:"tracked-hours","data-testid":"dashboard-tracked-hours-content"},ds={class:"row tracked-hours--graph-row"},us={class:"col column justify-between"},ms={class:"pl-0"},ps={class:"row items-center no-wrap"},hs={class:"text-small text-grey-1"},fs={class:"body text-weight-bold text-black"},gs={class:"text-small text-grey-3 ma-0"},ys={class:"col-10"},bs={key:1};function vs(e,t,r,n,y,p){const l=O("j-skeleton"),c=O("apexchart"),i=O("widget");return o(),w(i,{ref:"widgetRef",title:e.$t("dashboard.titles.trackedHours"),"data-helphero-id":"widget-tracked-hours","data-testid":"dashboard-widget-tracked-hours","storage-key":e.storageKey,"nav-link-text":e.$t("dashboard.actions.goToTimesheets"),to:{name:"timesheets"},"is-not-setup":e.isSchedulesEmpty,"is-not-setup-btn-text":e.$t("dashboard.actions.setupWorkSchedules"),"is-not-setup-description":e.$t("dashboard.labels.startTrackingAndMonitor"),"is-not-setup-link":{name:"schedules"},loading:e.loading,"lazy-load":"",onEnteredViewport:e.onWidgetEnteredViewport},{default:f(()=>[s("div",cs,[s("div",ds,[s("div",us,[s("div",null,[s("ul",ms,[(o(!0),g(N,null,fe(e.total?e.items:e.itemsEmptyState,(a,u)=>(o(),g("li",{key:u,class:"v-list-item-simple row items-center mb-6"},[s("div",ps,[s("div",{style:{width:"12px",height:"12px"},class:ke(["mr-2 rounded-borders flex-shrink-0",`bg-${a.color}`])},null,2),s("div",null,[s("div",hs,v(a.text.toUpperCase()),1),s("div",fs,v(e.seconds(a.value,e.durationFormat,!0)),1)])])]))),128))])]),s("p",gs,v(e.$t("dashboard.labels.doesNotIncludeManualPayroll")),1)]),s("div",ys,[e.loading?(o(),w(l,{key:0,type:"rect",height:"220px",square:""})):(o(),g("div",bs,[!e.hasTrackedHour&&e.isSchedulesEmpty?(o(),w(c,{key:0,type:"bar",height:"260px",options:e.chartOptionsEmptyState,series:e.seriesEmptyState},null,8,["options","series"])):e.chartOptions&&e.chartOptions.xaxis?(o(),w(c,{key:1,type:"bar",height:"260px",options:e.chartOptions,series:e.series},null,8,["options","series"])):T("",!0)]))])])])]),_:1},8,["title","storage-key","nav-link-text","is-not-setup","is-not-setup-btn-text","is-not-setup-description","loading","onEnteredViewport"])}const ks=te(ls,[["render",vs],["__scopeId","data-v-c34041b8"]]),ws=Y({components:{apexchart:Ye},props:{title:{type:String,required:!0}},setup(){const e=[j.secondary,j.secondary1,j.secondary2,j.secondary2,j.secondary3],t={colors:e,legend:{show:!1},dataLabels:{enabled:!1},tooltip:{enabled:!1},plotOptions:{pie:{donut:{labels:{show:!0,total:{show:!0,showAlways:!0,label:q("common.labels.clocked"),fontSize:"16px",fontFamily:j.fontFamily,fontWeight:700,color:j.grey8,formatter:()=>"0h 0m"}}}}}};return{series:[35,8,8,9],chartOptions:t,colors:e}}}),_s={class:"row items-center","data-testid":"dashboard-sample-pie-chart"},$s={class:"col"},Cs={class:"col-7"},Ss={class:"text-secondary-2 my-0"},Ts={class:"row items-center mt-2"};function Is(e,t,r,n,y,p){const l=O("apexchart");return o(),g("div",_s,[s("div",$s,[d(l,{type:"donut",width:"300px",o

9ptions:e.chartOptions,series:e.series},null,8,["options","series"])]),s("div",Cs,[s("h3",Ss,v(e.title),1),(o(!0),g(N,null,fe(e.colors,(c,i)=>(o(),g("div",{key:i,class:"row"},[(o(),g(N,null,fe([1,1],(a,u)=>s("div",{key:u,class:"col"},[s("div",Ts,[s("div",{style:Ee([{width:"12px",height:"12px"},{backgroundColor:c}]),class:"mr-2 rounded-borders"},null,4),t[0]||(t[0]=s("div",{style:{width:"114px",height:"8px","background-color":"#ecedef"},class:"rounded-xs"},null,-1))])])),64))]))),128))])])}const Os=te(ws,[["render",Is]]),xs=Y({components:{apexchart:Ye},props:{title:{type:String,required:!0}},setup(){const e=[100],t={colors:["#CFD8DC"],legend:{show:!1},dataLabels:{enabled:!1},tooltip:{enabled:!1},plotOptions:{pie:{donut:{labels:{show:!0,total:{show:!0,showAlways:!0,label:q("common.labels.clocked"),fontSize:"16px",fontFamily:j.fontFamily,fontWeight:700,color:j.grey8,formatter:()=>"0h 0m"}}}}}};return{series:e,chartOptions:t}}}),Ds={class:"row","data-testid":"dashboard-empty-pie-chart"},Ps={class:"col"},Ls={class:"col-7 column justify-center"},Fs={class:"mb-4"},zs={class:"empty-pie-chart--title text-secondary-2"};function Ms(e,t,r,n,y,p){const l=O("apexchart");return o(),g("div",Ds,[s("div",Ps,[d(l,{type:"donut",width:"300px",options:e.chartOptions,series:e.series},null,8,["options","series"])]),s("div",Ls,[s("h3",Fs,v(e.title),1),s("h1",zs,v(e.$t("common.emptyStates.noData")),1)])])}const As=te(xs,[["render",Ms],["__scopeId","data-v-8de12625"]]),Es="hh[h] mm[m]",js="250px",Ws=Y({components:{apexchart:Ye,SamplePieChart:Os,EmptyPieChart:As},props:{title:{type:String,required:!0},loading:{type:Boolean,require:!0},showSampleChart:{type:Boolean,default:!1},data:{type:Array,required:!0}},setup(e){const t=I(),r=I([]),n=I(dt.None),y=de(),p=L(()=>y.getters.effectiveDurationFormat),{colors:l}=po(),c=L(()=>y.getters.canEditOrganizationSettings),i=I([]);ve(()=>e.data,u=>{i.value=u,r.value=i.value.map(b=>z.duration(b.value)),n.value=i.value.reduce((b,k)=>z.duration(b).add(k.value).toISOString(),dt.None),t.value={labels:i.value.map(b=>a(b)?b.activity||q("common.emptyStates.noDataFor",{context:"Activity"}):b.project||q("common.emptyStates.noDataFor",{context:"Project"})),colors:i.value.map((b,k)=>`#${a(b)&&b.colour!==void 0?b.colour||"eee":!a(b)&&b.project?l[k]:"eee"}`),legend:{show:!1},dataLabels:{enabled:!1},tooltip:{theme:!1,custom:function({series:b,seriesIndex:k,w:C}){let F=0;for(let D of b)F+=D;const h=b[k],W=z.duration(i.value[k].value);return`
10              <div class="apexcharts--tooltip">
11                <span class="block text-small mb-1">
12                  ${(h/F*100).toFixed(2)}% ${C.globals.labels[k]}
13                </span>
14                <span class="block text-body2 text-weight-bold">
15                  ${Re(W.asSeconds(),Es)}
16                </span>
17              </div>
18            `}},plotOptions:{pie:{startAngle:0,expandOnClick:!1,offsetX:0,offsetY:0,customScale:1,donut:{size:"65%",background:"transparent",labels:{show:!0,name:{show:!0,fontSize:"14px",fontFamily:j.fontFamily,fontWeight:300,color:j.grey9,offsetY:20},value:{show:!0,fontSize:"16px",fontFamily:j.fontFamily,fontWeight:700,color:j.grey9,offsetY:-20},total:{show:!0,showAlways:!0,label:q("common.labels.clocked"),fontSize:"14px",fontFamily:j.fontFamily,fontWeight:400,color:j.grey9,formatter:()=>Re(z.duration(n.value),p.value)}}}}},states:{hover:{filter:{type:"darken",value:.35}}}}});function a(u){return"activity"in u}return{chartOptions:t,availableColors:l,series:r,top10Items:i,canEditOrganizationSettings:c,donutSize:js}}}),Vs={class:"widget-pie-chart full-height","data-testid":"dashboard-widget-pie-chart"},Bs={key:0,class:"row items-center"},Hs={class:"col-4"},Ns={class:"col-8"},Us={key:3,class:"row"},Rs={class:"col-4"},Ks={class:"col-8"},qs={class:"text-black mb-4"},Zs={class:"row"},Ys={class:"row items-center"};function Qs(e,t,r,n,y,p){const l=O("j-skeleton"),c=O("sample-pie-chart"),i=O("empty-pie-chart"),a=O("apexchart");return o(),g("div",Vs,[e.loading?(o(),g("div",Bs,[s("div",Hs,[d(l,{type:"QAvatar",width:e.donutSize,height:e.donutSize},null,8,["width","height"])]),s("div",Ns,[d(l,{repeat:6,type:"text",width:"50%",class:"mb-3"})])])):e.showSampleChart?(o(),w(c,{key:1,title:e.title},null,8,["title"])):e.series.length===0?(o(),w(i,{key:2,title:e.title},null,8,["title"])):e.series&&e.chartOptions?(o(),g("div",Us,[s("div",Rs,[d(a,{type:"donut",height:e.donutSize,options:e.chartOptions,series:e.series}

18,null,8,["height","options","series"])]),s("div",Ks,[s("h3",qs,v(e.title),1),s("div",Zs,[(o(!0),g(N,null,fe(e.top10Items,(u,b)=>(o(),g("div",{key:b,class:"col-6"},[s("div",Ys,[s("div",{style:Ee([{width:"12px",height:"12px"},{backgroundColor:e.chartOptions.colors[b]}]),class:"mr-2 rounded-borders"},null,4),s("span",null,v(e.chartOptions.labels[b]),1)])]))),128))])])])):T("",!0)])}const Ot=te(Ws,[["render",Qs]]),Gs="data:image/svg+xml,%3csvg%20width='170'%20height='170'%20viewBox='0%200%20170%20170'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M139.818%2083.1996C138.781%2053.6141%20113.632%2029.9515%2083.5%2031L82.621%200.224801C129.298%20-1.39939%20168.798%2035.0798%20170.447%2082.1338C172.095%20129.188%20135.245%20168.324%2088.569%20169.948C57.9117%20171.014%2030.4225%20155.67%2014.6604%20131.749L38.1642%20113.599C48.5%20128.5%2067.7702%20139.679%2087.4842%20138.993C117.616%20137.945%20140.855%20112.785%20139.818%2083.1996Z'%20fill='%23D8648C'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.57344%20124.54C2.54058%20111.513%20-0.927523%2096.8773%20-0.457917%2082.0842L30.1729%2083.0775C29.8797%2092.3148%2032.0415%20101.49%2036.4763%20109.705C40.9132%20117.924%2047.4858%20124.922%2055.5914%20129.968L39.5208%20156.341C26.9415%20148.511%2016.6044%20137.565%209.57344%20124.54Z'%20fill='%23FF9D7A'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.0991554%2073.0784C1.56453%2060.9714%205.68761%2049.3453%2012.1587%2039L38.0628%2055.5517C33.9941%2062.0563%2031.4291%2069.3193%2030.5189%2076.8395C29.6088%2084.359%2030.371%2091.9869%2032.7616%2099.2063L3.69936%20109.037C-0.13503%2097.4573%20-1.36629%2085.1862%200.0991554%2073.0784Z'%20fill='%23FFD27A'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.21094%2054.6196C12.2842%2036.1688%2025.6885%2020.8465%2042.975%2011.2339L57.7481%2038.3719C46.6444%2044.5464%2038.2044%2054.2887%2033.7875%2065.8103L5.21094%2054.6196Z'%20fill='%23BFD976'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M40.4774%2012.5346C53.2286%204.62706%2067.8345%200.299993%2082.7904%200L83.3985%2030.9682C73.8939%2031.1589%2064.6106%2033.9087%2056.505%2038.9354L40.4774%2012.5346Z'%20fill='%237DD086'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M107.5%2091.4211L92.2822%20106.916C91.9152%20107.29%2091.4172%20107.5%2090.8979%20107.5C90.3787%20107.5%2089.8807%20107.29%2089.5137%20106.916L63.8989%2080.8317C63.0698%2079.8913%2062.5811%2078.6907%2062.5137%2077.4287L62.5%2064.4924C62.5%2063.392%2063.376%2062.5%2064.4565%2062.5H77.1583C78.3975%2062.5671%2079.5767%2063.0642%2080.5%2063.9086L107.5%2091.4211Z'%20fill='%23424B63'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M72.2841%2076.446C74.4453%2076.446%2076.1972%2074.662%2076.1972%2072.4613C76.1972%2070.2606%2074.4453%2068.4766%2072.2841%2068.4766C70.123%2068.4766%2068.3711%2070.2606%2068.3711%2072.4613C68.3711%2074.662%2070.123%2076.446%2072.2841%2076.446Z'%20fill='white'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0'%3e%3crect%20width='170'%20height='170'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",Js="/assets/configure-locations-BTa5VLSQ.png",Xs="data:image/svg+xml,%3csvg%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M98.6944%2058.7293C97.9623%2037.8454%2080.2099%2021.1425%2058.9403%2021.8826L58.3199%200.158913C91.2683%20-0.987571%20119.15%2024.7624%20120.314%2057.977C121.478%2091.1914%2095.4664%20118.817%2062.5185%20119.963C40.878%20120.716%2021.4739%20109.885%2010.3477%2092.9993L26.9386%2080.1875C34.2344%2090.7061%2047.837%2098.5972%2061.7527%2098.1128C83.0221%2097.3728%2099.4259%2079.6129%2098.6944%2058.7293Z'%20fill='%2376A2F7'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.75715%2087.9104C1.79278%2078.7144%20-0.655296%2068.3836%20-0.32381%2057.9414L21.298%2058.6426C21.091%2065.163%2022.617%2071.6393%2025.7474%2077.4388C28.8793%2083.2403%2033.5188%2088.1796%2039.2404%2091.7414L27.8965%20110.358C19.017%20104.831%2011.7202%2097.1043%206.75715%2087.9104Z'%20fill='%2375C5FF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.0694176%2051.5847C1.1038%2043.0385%204.01421%2034.8319%208.58202%2027.5293L26.8673%2039.2129C23.9952%2043.8043%2022.1847%2048.9312%2021.5422%2054.2395C20.8998%2059.5474%2021.4378%2064.9318%2023.1253%2070.0279L2.61074%2076.967C-0.0958901%2068.7932%20-0.965014%2060.1313%200.0694176%2051.5847Z'%20fill='%2380E5E0'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.67773%2038.5549C8.67062%2025.5308%2018.1325%2014.715%2030.3347%207.92969L40.7628%2027.0859C32.9249%2031.4444%2026.9672%2038.3213%2023.8494%2046.4542L3.67773%2038.5549Z'%20fill='%23F69EF2'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M28.5723%208.84795C37.5731%203.26616%2047.8831%200.21176%2058.4402%200L58.8695%2021.8599C52.1604%2021.9945%2045.6075%2023.9356%2039.8859%2027.4838L28.5723%208.84795Z'%20fill='%239876F7'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M75.8838%2052.9406C75.8838%2051.966%2075.0938%2051.1759%2074.1191%2051.1759H57.3544C56.8751%2051.1759%2056.4165%2050.981%2056.0838%2050.6359L53.7156%2048.1865C53.383%2047.8414%2052.9243%2047.6465%2052.445%2047.6465H46.3886C45.1352%2047.6465%2044.1191%2048.6625%2044.1191%2049.9159V70.0829C44.1191%2071.3363%2045.1352%2072.3524%2046.3886%2072.3524H73.6144C74.2163%2072.3524%2074.7935%2072.1133%2075.2191%2071.6877C75.6447%2071.2621%2075.8838%2070.6848%2075.8838%2070.0829V52.9406Z'%20fill='%23424B63'/%3e%3c/svg%3e",ot=e=>{const t=e==="locations"?".png":".svg";return{title:q(`common.titles.${e}`),storageKey:e,image:new URL(Object.assign({"../../../assets/media/dashboard/configure-activities.svg":Gs,"../../../assets/media/dashboard/configure-locations.png":Js,"../../../assets/media/dashboard/configure-projects.svg":Xs})[`../../../assets/media/dashboard/configure-${e}${t}`],import.meta.url).href}},Qe=[ot("locations"),ot("activities"),{...ot("projects"),restriction:wt}],ea=Y({components:{Widget:Ve,WidgetPieChart:Ot},setup(){const e=Te(),{shouldFetchScopedBasedData:t}

18=je(),r=I(!0),{filters:n,getCommonRequestParams:y}=_e(),p=I([]),l=Qe[1].storageKey,c=We(),i=Fe(l),a=I(0),u=Ze("widgetRef");we(()=>{c.on("UpdateVisibility",C)}),Le(()=>{c.off("UpdateVisibility",C)});async function b(){try{a.value=await e.workspace.activities.count({status:nt.Active})}catch(h){console.error(h)}}async function k(h){if(i.isVisible()&&t(n.scope,h))try{r.value=!0,await Promise.all([b(),F()])}finally{r.value=!1}}ve(n,()=>{var h;(h=u.value)==null||h.reset()});function C(h){(h==null?void 0:h.key)===l&&(h!=null&&h.visible)&&k()}const F=async()=>{try{const h={groupingType:n.groupingType,...y()};p.value=await e.timeAttendance.getTrackedActivities(h,{top:10,orderby:{value:"desc"}})}catch(h){console.error(h)}};return{loading:r,storageKey:l,trackedActivities:p,activityCount:a,widgetRef:u,loadActivities:k}}});function ta(e,t,r,n,y,p){const l=O("widget-pie-chart"),c=O("widget");return o(),w(c,{ref:"widgetRef",title:e.$t("common.titles.activities"),"data-helphero-id":"widget-activities","data-testid":"dashboard-widget-activities",hidable:"","storage-key":e.storageKey,"nav-link-text":e.$t("dashboard.actions.goToActivities"),to:{name:"projects-activities-activities"},"is-not-setup":e.activityCount===0,"is-not-setup-btn-text":e.$t("dashboard.actions.setupActivities"),"is-not-setup-description":e.$t("dashboard.labels.activityTracking"),loading:e.loading,"lazy-load":"",onEnteredViewport:e.loadActivities},{default:f(()=>[d(l,{title:e.$t("dashboard.titles.topActivities",{topCount:10}),data:e.trackedActivities,loading:e.loading,"show-sample-chart":e.activityCount===0},null,8,["title","data","loading","show-sample-chart"])]),_:1},8,["title","storage-key","nav-link-text","is-not-setup","is-not-setup-btn-text","is-not-setup-description","loading","onEnteredViewport"])}const oa=te(ea,[["render",ta]]),sa=Y({components:{Widget:Ve,WidgetPieChart:Ot},setup(){const e=Te(),{shouldFetchScopedBasedData:t}=je(),r=I(!0),{filters:n,getCommonRequestParams:y}=_e(),p=I([]),l=Qe[2].storageKey,c=We(),i=Fe(l),a=I(0),u=Ze("widgetRef");we(()=>{c.on("UpdateVisibility",C)}),Le(()=>{c.off("UpdateVisibility",C)});async function b(){try{a.value=await e.workspace.projects.count({status:nt.Active})}catch(h){console.error(h)}}async function k(h){if(i.isVisible()&&t(n.scope,h))try{r.value=!0,await Promise.all([b(),F()])}finally{r.value=!1}}ve(n,()=>{var h;(h=u.value)==null||h.reset()});function C(h){(h==null?void 0:h.key)===l&&(h!=null&&h.visible)&&k()}async function F(){try{const h={groupingType:n.groupingType,...y()};p.value=await e.timeAttendance.getTrackedProjects(h,{top:10,orderby:{value:"desc"}})}catch(h){console.error(h)}}return{loading:r,storageKey:l,trackedProjects:p,projectCount:a,widgetRef:u,loadProjects:k}}});function aa(e,t,r,n,y,p){const l=O("widget-pie-chart"),c=O("widget");return o(),w(c,{ref:"widgetRef",title:e.$t("common.titles.projects"),"data-helphero-id":"widget-projects","data-testid":"dashboard-widget-projects",hidable:"","storage-key":e.storageKey,"nav-link-text":e.$t("dashboard.actions.goToProjects"),to:{name:"projects-activities-projects"},"is-not-setup":e.projectCount===0,"is-not-setup-btn-text":e.$t("dashboard.actions.setupProjects"),"is-not-setup-description":e.$t("dashboard.labels.trackTimeOnProjects"),loading:e.loading,"lazy-load":"",onEnteredViewport:e.loadProjects},{default:f(()=>[d(l,{title:e.$t("dashboard.titles.topProjects",{topCount:10}),data:e.trackedProjects,loading:e.loading,"show-sample-chart":e.projectCount===0},null,8,["title","data","loading","show-sample-chart"])]),_:1},8,["title","storage-key","nav-link-text","is-not-setup","is-not-setup-btn-text","is-not-setup-description","loading","onEnteredViewport"])}const na=te(sa,[["render",aa]]),ia="/assets/chrome-extension-promotion-ZsZt94Ox.svg",ra={class:"text-bold mb-4 mt-0"},la={class:"text-body1 text-grey-9"},ca=Y({__name:"ChromeExtensionPromotionModal",setup(e){var c;const t=de(),r=Te(),n=(c=t.state.userProfile)==null?void 0:c.sub,y=I(!1);function p(){y.value=!1}async function l(){const i=z().utc().subtract(1,"week").format(ce.DateOnly),{list:a}=await r.timeTracking.timeEntries.list({filter:{personId:Ae.from(t.state.authorizedPerson.id),belongsToDate:{ge:Oe.from(i)}},select:["clientType"]});return a.map(u=>u.clientType)}return we(async()=>{try{const i=t.state.authorizedOrganization.createdAt,a=Number(t.state.authorizedUser["ICustomSettings/BrowserExtensionPromotionPromptCount"]??0);if(z().utc().diff(z(i),"days")<3||a>=6)return;const u=t.state.authorizedUser["ICustomSettings/BrowserExtensionPromotionLastPromptedAt"],b=a<3||a>3&&a<6?"week":"month";if(a!==0&&z.utc().diff(z.utc(u),b)<1)return;const k=await l(),C=k.some(h=>[et.Web,et.Desktop].includes(h)),F=k.every(h=>h!==et.BrowserExtension);C&&F&&(y.value=!0,t.updateAuthorizedUser(n,{"ICustomSettings/BrowserExtensionPromotionLastPromptedAt":z.utc().toISOString(),"ICustomSettings/BrowserExtensionPromotionPromptCount":a+1}))}catch(i){console.error(i)}}),(i,a)=>{const u=O("link-help");return o(),w(Gt,{"model-value":y.value,onCancel:p,"data-testid":"dashboard-chrome-extension-promotion-modal"},{default:f(()=>[d(qe,{flat:"",class:"chrome-extension-promotion-container"},{default:f(()=>[d(ee,{round:"",icon:"xmark-thin",class:"absolute close-button","data-testid":"dashboard-chrome-extension-promotion-close-btn",onClick:p}),d(ho,{src:m(ia)},null,8,["src"]),d(Yt,{class:"px-6 pt-6"},{default:f(()=>[s("h1",ra,v(i.$t("dashboard.dialogs.chromeExtensionPromotion.title")),1),s("div",la,v(i.$t("dashboard.dialogs.chromeExtensionPromotion.content")),1)]),_:1}),d(Qt,{class:"flex flex-center full-width px-6 mb-4"},{default:f(()=>[d(u,{path:"using-jibbles-chrome-timer-extension",text:i.$t("common.labels.learnMore"),"no-icon":"",class:"mr-auto","data-testid":"dashboard-chrome-extension-promotion-learn-more"},null,8,["text"]),d(ee,{flat:"",color:"grey-1",class:"mr-2 text-body2","data-testid":"dashboard-chrome-extension-promotion-maybe-later-btn",onClick:p},{default:f(()=>[Z(v(i.$t("common.labels.maybeLater")),1)]),_:1}),d(ee,{href:m(ao),target:"_blank",color:"primary","data-testid":"dashboard-chrome-extension-promotion-try-now-btn"},{default:f(()=>[Z(v(i.$t("common.actions.tryNow")),1)]),_:1},8,["href"])]),_:1})]),_:1})]),_:1},8,["model-value"])}}}),da=te(ca,[["__scopeId","data-v-1fe1cc9d"]]),ua="/assets/greeting-personal-C0zr4mu0.svg",ma="/assets/greeting-organization-D2zEWye-.svg",pa={class:"px-6 py-2"},ha={"data-testid":"dashboard-greeting-text"},fa=["innerHTML"],ga={key:0,class:"mb-0"},ya={class:"pb-5"},ba={class:"mb-0"},va=Y({__name:"Greeting",setup(e){const t=de(),{filters:r}=_e(),{canBookMeeting:n,openBookingLink:y}=fo(),p=L(()=>t.state.authorizedPerson.preferredName||t.state.authorizedPerson.fullName),l=L(()=>t.state.authorizedOrganization.name),c=L(()=>r.scope===X.Personal),i=L(()=>`url(${c.value?ua:ma})`);return(a,u)=>(o(),w(qe,{style:Ee({backgroundImage:i.value,backgroundPosition:"bottom right",backgroundRepeat:"no-repeat",minHeight:"238px"}),"data-testid":"dashboard-greeting"},{default:f(()=>[s("div",pa,[s("h1",ha,[d(ye,{"content-class":"ellipsis-2-lines text-wrap"},{default:f(()=>[s("span",{innerHTML:a.$t("common.messages.greetings.hello",{name:p.value})},null,8,fa)]),_:1})]),c.value?(o(),g("p",ga,v(a.$t("dashboard.labels.hereIsYourDashboard")),1)):m(n)?(o(),g(N,{key:1},[s("p",ya,v(a.$t("dashboard.labels.letExpertShowYouAround")),1),d(ee,{color:"primary","data-testid":"btn-bookmeeting",onClick:m(y)},{default:f(()=>[Z(v(a.$t("dashboard.actions.bookAMeeting")),1)]),_:1},8,["onClick"])],64)):(o(),g(N,{key:2},[s("p",ba,v(a.$t("dashboard.labels.hereIsWhatIsHappening")),1),s("p",null,v(l.value),1)],64))])]),_:1},8,["style"]))}}),ka={style:{"max-height":"40px"},"data-testid":"dashboard-upcoming-holiday-content"},wa={class:"flex no-wrap"},_a={key:0},$a={class:"text-grey-2"},ft=Y({__name:"UpcomingHolidayContent",props:{isCalendar:{type:Boolean,default:!1},isHourlyLeave:{type:Boolean,default:!1},name:{type:String},caption:{type:String},icon:{type:String},iconColor:{type:String},startTime:{type:String},endTime:{type:String},status:{type:String},duration:{type:Number,default:1}},setup(e){return(t,r)=>(o(),g("div",ka,[s("div",wa,[d(ye,null,{default:f(()=>[e.isCalendar?(o(),g("div",_a,[d(ye,{class:"flex",text:e.name},null,8,["text"])])):(o(),g(N,{key:1},[Z(v(e.isHourlyLeave?t.$t("dashboard.labels.personLeaveWithAmountForHour",{name:e.name,count:Number(e.duration.toFixed(2)),interpolation:{escapeValue:!1}}):t.$t("dashboard.labels.personLeaveWithAmountForDay",{name:e.name,count:Number(e.duration.toFixed(2)),interpolation:{escapeValue:!1}})),1)],64))]),_:1}),d(De,{name:e.icon,size:"16px",class:"ml-1 self-center",color:e.iconColor,"data-testid":"dashboard-upcoming-holiday-status-icon"},{default:f(()=>[d(at,null,{default:f(()=>{var n;return[Z(v(t.$t(`dashboard.tooltips.${(n=e.status)==null?void 0:n.toLowerCase()}TimeOff`)),1)]}),_:1})]),_:1},8,["name","color"])]),s("div",$a,[d(ye,{text:e.caption},null,8,["text"])])]))}}),Ca={class:"text-secondary",style:{"min-width":"55px"},"data-testid":"dashboard-upcoming-holiday-date"},Sa={class:"text-small text-no-wrap text-weight-bold"},Ta={style:{"font-weight":"800"}},gt=Y({__name:"UpcomingHolidayDate",props:{month:{type:String,required:!0},day:{type:String,required:!0}},setup(e){return(t,r)=>(o(),g("div",Ca,[s("div",Sa,v(e.month),1),s("div",Ta,v(e.day),1)]))}}),Ia={key:1}

18,Oa={key:0,class:"text-secondary-3","data-testid":"dashboard-upcoming-holidays-empty-state"},xa={class:"row no-wrap mt-6"},Da={class:"flex items-center justify-end"},Pa=Y({__name:"UpcomingHolidays",setup(e){const t=de(),r=Te(),{filters:n,getCommonRequestParams:y}=_e(),p=I([]),l=L(()=>t.getters.effectiveTimeZone),c=I(!1),i=I(!1),a=I(!1),u=I(),b=I(!0),k=I(-1/0),C=I(-1/0),F=L(()=>k.value===p.value.length&&C.value===h.value.length),h=I([]),W=I(1),D=L(()=>Math.max(Math.round(k.value*10/100),10)),ie=L(()=>Math.max(Math.round(C.value*3/100),10)),Q=L(()=>[...p.value.reduce((_,S,P)=>{if(P>0){const R=_[_.length-1];if(R.name===S.name&&z(S.date).diff(R.date,"day")===1)return R.duration++,_}return _.push({...S,duration:1}),_},[]),...n.scope===X.ManagedByMe?h.value.filter(_=>t.state.managedPersons.includes(_.personId)):h.value].reduce((_,S)=>{var pe,he,K,Ce,it;const P="date"in S,R=!P&&!S.startTime,E=!P&&((pe=S.policy)==null?void 0:pe.kind)===ut.Hours,B=P?S.date:z(S.startDate).format(ce.DateOnly),G=(()=>{let He="";return P&&S.duration>1?He=z(S.date).add(S.duration-1,"day").format(ce.DateOnly):R?He=z(S.endDate||S.startDate).format(ce.DateOnly):E&&B!==z(S.endTime).format(ce.DateOnly)&&(He=z(S.endTime).format(ce.DateOnly)),He})(),[J,ge,xe]=!P&&S.kind===ut.Hours?go(S.startTime,S.endTime,(he=S.person)==null?void 0:he.timeZone,!0):[],H=R&&S.partDayLeaveDuration?` (${q("timeOff.labels.partOfTheWorkday",{partOfDay:lo(S.partOfDay)})})`:"",re=P?S.calendar.name:R?`${(K=S.policy)==null?void 0:K.name}${H}`:`${(Ce=S.policy)==null?void 0:Ce.name}, ${J} - ${ge} (${xe})`,ae=P?S.name:(it=S.person)==null?void 0:it.fullName,me=ne(B),be=ne(G),$e=x(B),Be=x(G),$=G?me===be?me:`${me} - ${be}`:me,A=G?$e===Be?$e:`${$e} - ${Be}`:$e;return _.push({isCalendar:P,isHourlyLeave:E,date:B,monthText:$,dayText:A,name:ae,duration:S.duration,caption:re,...!P&&{icon:S.status==="Pending"?"arrow-up-circle-fill":"checkmark-circle-fill",iconColor:S.status==="Pending"?"primary":"positive",status:S.status}}),_},[]).sort((_,S)=>_.name&&S.name?z(_.date).diff(z(S.date))||_.name.localeCompare(S.name):-1));async function oe(_=!1){const S=z().add(1,"year").endOf("year").format(ce.DateOnly),P=z().format(ce.DateOnly);_?W.value+=1:(W.value=1,h.value=[],p.value=[],k.value=-1/0,C.value=-1/0,c.value=!0);const R={filter:{date:{ge:Oe.from(z.tz(l.value).format(ce.DateOnly)),le:Oe.from(S)}},select:["name","date"],expand:{calendar:{select:["name"]}},count:!0,orderby:{date:"asc"},..._?{skip:W.value===2?3:p.value.length,top:D.value}:{top:3}},{personIds:E}=y(),B={filter:{and:[{or:[{startDate:{ge:Oe.from(P),le:Oe.from(S)}},{endDate:{ge:Oe.from(P),le:Oe.from(S)}}]},{status:{in:["Pending","Approved"]}},{...n.scope===X.Personal&&{personId:Ae.from(t.state.authorizedPerson.id)},...E&&{personId:{in:E.map(Ae.from)}}}]},expand:{person:{select:["fullName","timeZone","scheduleId"]},policy:{}},count:!0,select:["personId","duration","startDate","endDate","startTime","endTime","status","kind","partDayLeaveDuration","partOfDay"],orderby:{startDate:"asc"},..._?{skip:W.value===2?3:h.value.length,top:ie.value}:{top:3}},G=[];(C.value===-1/0||h.value.length<C.value)&&G.push(r.timeTracking.timeOffOverviews.list(B).then(({list:J,count:ge})=>{C.value=ge,_?h.value.push(...J):h.value=J})),(k.value===-1/0||p.value.length<k.value)&&G.push(r.workspace.calendarDays.fetchUpcomingHolidays(R,{scope:n.scope}).then(({list:J,count:ge})=>{k.value=ge,_?p.value.push(...J):p.value=J}));try{await Promise.all(G)}catch(J){Ke(J)}finally{i.value=!1,c.value=!1}}function ne(_){return z.tz(_,l.value).format("MMM").toUpperCase()}function x(_){return z.tz(_,l.value).format("DD")}function V(_){return z.tz(_,l.value).format("YYYY")}async function M(){a.value=!0,b.value&&(await oe(!0),b.value=!1)}async function U(){var _;u.value=(_=await r.workspace.schedules.first({filter:{default:!0},select:["id"]}))==null?void 0:_.id}const se=Jt(_=>{_.scrollTop+_.clientHeight+50>=_.scrollHeight&&!F.value&&oe(!0)},300);async function ue(){u.value||await U(),oe(),b.value=!0}return ve(n,()=>{ue()},{immediate:!0}),(_,S)=>{const P=O("j-skeleton"),R=O("base-modal");return o(),w(Ve,Ue({class:"upcoming-holidays","data-helphero-id":"widget-upcoming-holidays","data-testid":"dashboard-widget-upcoming-holidays",title:_.$t("dashboard.titles.upComingHolidays")},{...Q.value.length>0?{icon:"calendar"}:{navLinkText:_.$t("dashboard.actions.goToHolidays"),to:{name:"time-off-settings-holidays"}}},{"is-not-setup":p.value.length===0,"is-not-setup-btn-text":_.$t("dashboard.actions.setupHolidays"),"is-not-setup-description":_.$t("dashboard.labels.addHolidayCalendar"),style:{"min-height":"238px"},"storage-key":"holidays",loading:c.value,onIconClick:M}),{default:f(()=>

18[c.value?(o(),w(P,{key:0,type:"avatar-text",class:"mb-4",repeat:3})):(o(),g("div",Ia,[(o(!0),g(N,null,fe(Q.value,(E,B)=>(o(),g(N,{key:B},[B<=2?(o(),g("div",{key:0,class:ke(["row",B<2&&"mb-4"])},[d(gt,{month:E.monthText,day:E.dayText},null,8,["month","day"]),d(Pe,{class:"mx-2",vertical:""}),d(ft,Ue({ref_for:!0},E,{class:"col-9"}),null,16)],2)):T("",!0)],64))),128)),Q.value.length===0?(o(),g("h3",Oa,v(_.$t("dashboard.emptyStates.noUpcomingHolidays")),1)):T("",!0)])),a.value?(o(),w(R,{key:2,width:720,"header-separator":"","data-testid":"dashboard-holidays-detail-modal",onCancel:S[0]||(S[0]=E=>a.value=!1),onScrollContent:m(se)},{title:f(()=>[Z(v(_.$t("dashboard.titles.holidaysAndTimeOff")),1)]),content:f(()=>[(o(!0),g(N,null,fe(Q.value,(E,B)=>(o(),g(N,{key:`item-${B}`},[B===0||V(E.date)!==V(Q.value[B-1].date)?(o(),g("div",{key:0,class:ke(["text-weight-bold",{"mt-6":B!==0}])},v(V(E.date)),3)):T("",!0),s("div",xa,[d(gt,{month:E.monthText,day:E.dayText},null,8,["month","day"]),d(ft,Ue({ref_for:!0},E,{class:"ml-4 col-9"}),null,16),s("div",Da,[d(ze,{label:E.isCalendar?_.$t("common.labels.publicHoliday"):_.$t("common.titles.timeOff"),class:"text-bold",style:{"line-height":"16px"},size:"11px",square:"",dense:"",color:"secondary-2","text-color":"white"},null,8,["label"])])]),B+1<Q.value.length?(o(),w(Pe,{key:1,class:"mt-4"})):T("",!0)],64))),128)),i.value?T("",!0):(o(),w(St,{key:0,loading:!F.value},null,8,["loading"]))]),_:1},8,["onScrollContent"])):T("",!0)]),_:1},16,["title","is-not-setup","is-not-setup-btn-text","is-not-setup-description","loading"])}}}),La=Y({components:{RightSidebar:yo},emits:["close"],setup(e,{emit:t}){const r=I([]),n=de(),y=We(),{findRestriction:p}=_t(),l=L(()=>Qe.filter(u=>(!u.restriction||!p(u.restriction).restricted)&&!(u.storageKey==="locations"&&!n.hasPermission(Se.ViewAttendanceLocationsWidget))));we(()=>{l.value.forEach(u=>{Fe(u.storageKey).isVisible()&&r.value.push(u.storageKey)})});function c(){t("close")}function i(){l.value.forEach(u=>{r.value.includes(u.storageKey)?y.emit("UpdateVisibility",{visible:!0,key:u.storageKey}):y.emit("UpdateVisibility",{visible:!1,key:u.storageKey})}),t("close")}function a(u){const b=r.value.indexOf(u);b>-1?r.value.splice(b,1):r.value.push(u)}return{cancel:c,availableWidgetOptions:l,confirm:i,selectedKeys:r,toggleSelect:a}}}),Fa={class:"row q-col-gutter-lg"},za=["data-testid","onClick"],Ma=["src","alt"];function Aa(e,t,r,n,y,p){const l=O("right-sidebar");return o(),w(l,{title:e.$t("dashboard.titles.configureDashboard"),

18class:"widget-sidebar",width:376,"data-testid":"dashboard-configure-widgets-sidebar",onCancel:e.cancel,onConfirm:e.confirm},{content:f(()=>[s("div",Fa,[(o(!0),g(N,null,fe(e.availableWidgetOptions,(c,i)=>(o(),g("div",{key:i,class:"col-6"},[s("div",{class:ke(["column items-center pt-5 rounded-borders cursor-pointer widget-sidebar__option",{"widget-sidebar__option-selected":e.selectedKeys.includes(c.storageKey)}]),"data-testid":`dashboard-configure-widget-option-${c.storageKey}`,onClick:a=>e.toggleSelect(c.storageKey)},[s("img",{src:c.image,alt:`configure ${c.title}`,width:"120"},null,8,Ma),s("h3",null,v(c.title),1)],10,za)]))),128))])]),_:1},8,["title","onCancel","onConfirm"])}const Ea=te(La,[["render",Aa],["__scopeId","data-v-d655364c"]]),ja={key:0,"data-testid":"clock-buttons-skeleton",class:"column items-center clock-skeleton"},Wa={class:"row justify-center items-center clock-actions"},Va={key:1,"data-testid":"clock-buttons",class:"column items-center text-center text-body2 text-weight-bold"},Ba={"data-testid":"dashboard-clock-greeting",class:"text-body1 text-grey-1 mb-4"},Ha={class:"text-black"},Na={key:0,class:"row justify-center items-center mb-4"},Ua={key:2,"data-testid":"timer-current",class:"text-h2 text-primary-5 clock-timer"},Ra={class:"row justify-center items-center clock-actions mt-4"},Ka={key:0},qa={key:2,class:"btn-clock-action row items-center justify-center"},Za=Y({__name:"ClockInOutWidget",setup(e){const{clockedIn:t,clockedOut:r,latestActivity:n,latestInEntry:y,latestProject:p,latestTimeEntry:l,loading:c,onBreak:i,resume:a,saving:u,showSidebarIn:b,showSidebarOut:k,timerCurrent:C,showSelectBreak:F,switchActivity:h,breakLoading:W}=oo(),D=de(),ie=L(()=>D.state.authorizedPerson.preferredName||D.state.authorizedPerson.fullName),{getLastSeenFromNow:Q}=vt(D.state.authorizedPerson,"clocking.components.panel.lastClockedOut"),oe=D.state.authorizedPerson.id,ne=L(()=>({name:"timesheet-detail",params:{date:z.tz(D.getters.effectiveTimeZone).format("YYYY-MM-DD"),personId:oe}})),x=I("");function V(){x.value=Q(l.value.time)}const M=kt(V,60*1e3,{executeImmediately:!0});return ve(l,V),Le(()=>{M()}),(U,se)=>{const ue=O("j-skeleton"),_=O("j-i18n"),S=O("j-hover"),P=O("router-link");return o(),w(qe,{class:"pa-6","data-testid":"dashboard-clock-in-out-widget"},{default:f(()=>[m(c)?(o(),g("div",ja,[d(ue,{type:"text",width:"160px",class:"text-body1"}),d(ue,{type:"text",width:"180px",class:"text-h2"}),s("div",Wa,[d(ue,{type:"QChip",repeat:3,height:"45px",class:"skeleton-clock-action"})])])):(o(),g("div",Va,[s("div",Ba,[d(_,{translation:U.$t("common.messages.greetings.hello")},{name:f(()=>[s("strong",Ha,v(ie.value),1)]),_:1},8,["translation"])]),m(t)?(o(),g("div",Na,[m(n)?(o(),w(ze,{key:0,style:Ee(m(n).color&&{backgroundColor:`#${m(n).color}`}),"text-color":"white",class:"clock-chip mr-1",size:"md"},{default:f(()=>[d(ye,{text:m(n).name,"content-class":"chip__inner"},null,8,["text"])]),_:1},8,["style"])):T("",!0),m(p)?(o(),w(ze,{key:1,color:"grey",size:"md",class:"clock-chip"},{default:f(()=>[d(ye,{text:m(p).name,"content-class":"chip__inner"},null,8,["text"])]),_:1})):T("",!0)])):T("",!0),m(t)?(o(),w(P,{key:1,to:ne.value},{default:f(()=>[d(S,null,{default:f(({isHovering:R})=>[s("div",{"data-testid":"timer-current",class:ke(["text-h2 text-black clock-timer",{"text-primary":R}])},v(m(C)),3)]),_:1})]),_:1},8,["to"])):m(i)?(o(),g("div",Ua,v(m(C)),1)):(o(),g(N,{key:3},[se[2]||(se[2]=s("div",{"data-testid":"timer-idle",class:"text-h2 text-black clock-timer"},"00:00",-1)),m(r)?(o(),w(P,{key:0,to:ne.value,class:"text-weight-regular text-grey-1"},{default:f(()=>[Z(v(x.value),1)]),_:1},8,["to"])):T("",!0)],64)),s("div",Ra,[m(r)&&m(l)&&m(y)?(o(),w(ee,{key:0,disable:m(u),size:"md",color:"grey-5","text-color":"grey-1",class:"btn-clock-action btn-resume",rounded:"","no-caps":"","data-testid":"button-resume",onClick:m(a)},{default:f(()=>[d(De,{name:"triangle-fill",size:"18px",class:"mr-2"}),!m(n)&&!m(p)?(o(),g("span",Ka,v(U.$t("clocking.components.panel.resume")),1)):T("",!0),m(n)?(o(),w(ze,{key:1,style:Ee(m(n).color&&{backgroundColor:`#${m(n).color}`}),"text-color":"white"},{default:f(()=>[d(ye,{text:m(n).name,"content-class":"chip__inner"},null,8,["text"])]),_:1},8,["style"])):T("",!0),m(p)?(o(),w(ze,{key:2,color:"grey-5",class:ke({"ml-1":m(n)})},{default:f(()=>[d(ye,{text:m(p).name,"content-class":"chip__inner"},null,8,["text"])]),_:1},8,["class"])):T("",!0),d(at,null,{default:f(()=>[Z(v(U.$t("clocking.components.panel.resumeYourLastClockedIn")),1)]),_:1})]),_:1},8,["disable","onClick"])):T("",!0),m(t)?(o(),w(ee,{key:1,disable:m(u),size:"md",color:"positive",class:"btn-clock-action",rounded:"","no-caps":"","data-testid":"button-change-activity",onClick:m(h)},{default:f(()=>[d(De,{name:"tag-swap-fill",size:"18px",class:"mr-2"}),s("span",null,v(U.$t("clocking.actions.switchActivity")),1)]),_:1},8,["disable","onClick"])):T("",!0),m(W)?(o(),g("div",qa,[d(Xt,{indeterminate:"",color:"amber-6",size:"36px",thickness:.1})])):m(t)||m(i)?(o(),w(ee,{key:3,disable:m(u),size:"md",color:"amber-6","text-color":"grey-9",class:"btn-clock-action",rounded:"","no-caps":"","data-testid":m(i)?"button-break-e

18nd":"button-break-start",onClick:se[0]||(se[0]=R=>m(i)?m(b)():m(F)())},{default:f(()=>[d(De,{name:m(i)?"cup-slash-fill":"cup-fill",size:"18px",class:"mr-2 break-icon"},null,8,["name"]),s("span",null,v(m(i)?U.$t("common.actions.endBreak"):U.$t("clocking.actions.startBreak")),1)]),_:1},8,["disable","data-testid"])):T("",!0),m(i)?T("",!0):(o(),w(ee,{key:4,disable:m(u),size:"md",class:"btn-clock-action",color:m(t)?"negative":"positive","text-color":"white",rounded:"","no-caps":"","data-testid":m(t)?"button-clock-out":"button-clock-in",onClick:se[1]||(se[1]=R=>m(t)?m(k)():m(b)())},{default:f(()=>[d(De,{name:m(t)?"square-rounded-fill":"triangle-fill",size:"18px",class:"mr-2 clock-out-icon"},null,8,["name"]),s("span",null,v(m(t)?U.$t("common.labels.clockOut"):U.$t("common.labels.clockIn")),1)]),_:1},8,["disable","color","data-testid"]))])]))]),_:1})}}}),Ya=te(Za,[["__scopeId","data-v-f334a979"]]),Qa=Y({components:{GmapCustomMarker:bo},props:{trackedLocation:{type:Object,required:!0}},setup(e){const t=L(()=>e.trackedLocation.totalIn??0);return{brandColors:j,parsePosition:ko,totalClockedIn:t}}}),Ga={width:"56",height:"56",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Ja={filter:"url(#filter0_d_6510_213215)"},Xa=["fill"],en=["fill"],tn={fill:"white",x:"50%",y:"50%","alignment-baseline":"middle","text-anchor":"middle",style:{"font-size":"14px","font-weight":"400"}};function on(e,t,r,n,y,p){const l=O("gmap-custom-marker");return o(),w(l,{options:{position:e.parsePosition(e.trackedLocation.coordinates)}},{default:f(()=>[(o(),g("svg",Ga,[s("g",Ja,[t[0]||(t[0]=s("circle",{r:"24",transform:"matrix(-1 0 0 1 28 28)",fill:"#F0F9ED"},null,-1)),s("circle",{r:"20",transform:"matrix(-1 0 0 1 28 28)",fill:e.totalClockedIn>0?"#B4DFA7":e.brandColors.grey4},null,8,Xa),s("circle",{r:"16",transform:"matrix(-1 0 0 1 28 28)",fill:e.totalClockedIn>0?e.brandColors.positive:e.brandColors.grey2},null,8,en),s("text",tn,v(e.totalClockedIn),1)]),t[1]||(t[1]=s("defs",null,[s("filter",{id:"filter0_d_6510_213215",x:"0",y:"0",width:"56",height:"56",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},[s("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),s("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),s("feOffset"),s("feGaussianBlur",{stdDeviation:"2"}),s("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"}),s("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_6510_213215"}),s("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_6510_213215",result:"shape"})])],-1))]))]),_:1},8,["options"])}const sn=te(Qa,[["render",on]]),an=Y({components:{LocationsMarker:sn,Widget:Ve,LocationMap:_o,GmapCluster:vo},setup(){const e=Te(),{shouldFetchScopedBasedData:t}=je(),{filters:r,getCommonRequestParams:n}=_e(),y=I([]),p=I(!1),l=Qe[0].storageKey,c=We(),i=Fe(l),a=Ze("widgetRef");we(()=>{c.on("UpdateVisibility",b)}),Le(()=>{c.off("UpdateVisibility",b)}),ve(r,()=>{var k;(k=a.value)==null||k.reset()});async function u(k){if(i.isVisible()&&t(r.scope,k))try{p.value=!0;const C={groupingType:r.groupingType,...n()};y.value=await e.timeAttendance.getTrackedLocations(C,{top:100})}catch(C){Ke(C)}finally{p.value=!1}}function b(k){(k==null?void 0:k.key)===l&&u()}return{storageKey:l,trackedLocations:y,loading:p,widgetRef:a,getTrackedLocations:u}}}),nn="/assets/locations-placeholder-Lv1-ofRh.svg",rn={key:1,class:"locations--map ma-n6"},ln={key:1,class:"locations--map-branches",src:nn};function cn(e,t,r,n,y,p){const l=O("j-skeleton"),c=O("locations-marker"),i=O("gmap-cluster"),a=O("location-map"),u=O("widget");return o(),w(u,{ref:"widgetRef",title:e.$t("common.titles.locations"),"data-helphero-id":"widget-locations","data-testid":"dashboard-widget-locations",hidable:"","storage-key":e.storageKey,"nav-link-text":e.$t("dashboard.actions.goToLocations"),to:{name:"locations"},"is-not-setup":e.trackedLocations.length===0,"is-not-setup-btn-text":e.$t("dashboard.actions.setupLocations"),"is-not-setup-description":e.$t("dashboard.labels.seeMemberClockInFrom"),loading:e.loading,"elevate-header":"","lazy-load":"",onEnteredViewport:e.getTrackedLocations},{default:f(()=>

18[e.loading?(o(),w(l,{key:0,type:"rect",height:"200px"})):(o(),g("div",rn,[e.trackedLocations.length>0?(o(),w(a,{key:0,locations:e.trackedLocations},{markers:f(()=>[d(i,null,{default:f(()=>[(o(!0),g(N,null,fe(e.trackedLocations,(b,k)=>(o(),w(c,{key:k,"tracked-location":b},null,8,["tracked-location"]))),128))]),_:1})]),_:1},8,["locations"])):(o(),g("img",ln))]))]),_:1},8,["title","storage-key","nav-link-text","is-not-setup","is-not-setup-btn-text","is-not-setup-description","loading","onEnteredViewport"])}const dn=te(an,[["render",cn],["__scopeId","data-v-36779ce7"]]),un=Y({name:"Dashboard",components:{WhosInOut:Bo,SwitcherTime:Jo,TrackedHours:ks,Activities:oa,Projects:na,Greeting:va,UpcomingHolidays:Pa,ConfigureWidgetsSidebar:Ea,ClockInOutWidget:Ya,Locations:dn,ChromeExtensionPromotionModal:da},props:{disableViewScroll:{type:Boolean,default:!1}},setup(){const e=de(),t=So();eo(Tt,t),wo();const{hasSeenSpotlight:r,openSpotlight:n}=$o(),y=e.hasPermission(Se.ViewWhosInOutWidget),p=e.getters.isLoggedInAsMember,{enabled:l}=so(),c=e.state.authorizedPerson,i=y&&(!p||c.groupId),a=e.hasPermission(Se.ViewAttendanceLocationsWidget),u=I(!1),{filters:b}=_e(),k=L(()=>b.scope===X.Personal),{getRestrictions:C}=_t(),F=L(()=>C([wt]));function h(W){u.value=W}return we(()=>{r()||n()}),{showWhosInOutWidget:i,showLocationWidget:a,authorizedPerson:c,showConfigureWidgetSidebar:u,toggleWidgetConfigPanel:h,isInPersonalMode:k,isLoggedInAsMember:p,dashboardClockWidgetEnabled:l,restrictions:F}}}),mn={class:"column dashboard-container overflow-hidden no-wrap","data-testid":"dashboard-page"},pn={class:"row flex-fill",style:{"min-height":"0px"}},hn={class:"pa-8"},fn={class:"row q-col-gutter-lg"},gn={class:"col-12"},yn={class:"col-12"},bn={class:"col-12"},vn={class:"col-12 col-md-6"},kn={class:"col-12 col-md-6"},wn={class:"col-12"},_n={class:"col-12"},$n={key:2,class:"col-12"},Cn={key:3,class:"col-12"},Sn={class:"row justify-center mt-6"},Tn={class:"body text-secondary"},In={key:0,class:"col-12 col-sm-3 col-xl-2 full-height"};function On(e,t,r,n,y,p){const l=O("switcher-time"),c=O("clock-in-out-widget"),i=O("upcoming-holidays"),a=O("greeting"),u=O("tracked-hours"),b=O("activities"),k=O("projects"),C=O("locations"),F=O("whos-in-out"),h=O("configure-widgets-sidebar"),W=O("chrome-extension-promotion-modal");return o(),g("div",mn,[e.dashboardClockWidgetEnabled?T("",!0):(o(),w(l,{key:0})),s("div",pn,[s("div",{class:ke(["col-12 full-height dashboard-widgets-container",{"overflow-auto-y":!e.disableViewScroll,"col-md-9 col-xl-10":e.showWhosInOutWidget,"member-view":e.isLoggedInAsMember}])},[s("div",hn,[s("div",fn,[e.dashboardClockWidgetEnabled?(o(),g(N,{key:0},[s("div",gn,[d(c)]),s("div",yn,[d(l)]),s("div",bn,[d(i,{class:"full-height"})])],64)):(o(),g(N,{key:1},[s("div",vn,[d(a,{class:"full-height"})]),s("div",kn,[d(i,{class:"full-height"})])],64)),s("div",wn,[d(u)]),s("div",_n,[d(b)]),e.restrictions.Project.restricted?T("",!0):(o(),g("div",$n,[d(k)])),e.showLocationWidget?(o(),g("div",Cn,[d(C)])):T("",!0)]),s("div",Sn,[d(ee,{class:"text-weight-regular",dense:"","data-testid":"dashboard-configure-widgets-btn",onClick:t[0]||(t[0]=D=>e.toggleWidgetConfigPanel(!0))},{default:f(()=>[d(De,{name:"grid-widget-thin",color:"secondary",size:"24px",left:""}),s("span",Tn,v(e.$t("dashboard.labels.configureWidgets")),1)]),_:1})])])],2),e.showWhosInOutWidget?(o(),g("div",In,[d(F)])):T("",!0)]),e.showConfigureWidgetSidebar?(o(),w(h,{key:1,onClose:t[1]||(t[1]=D=>e.toggleWidgetConfigPanel(!1))})):T("",!0),d(W)])}const pi=te(un,[["render",On],["__scopeId","data-v-1b27be90"]]);export{pi as default};