https://app.apploye.com/js/index.dqfbgy7o.js

1import{d as oe,e as ie}from"./vendor.redux.n4s6m3gs.js";import{j as se}from"./sampleDataSurfaceProps.lovzvkf6.js";import{h as J}from"./privateRoute.kskqhcj2.js";import{A as z,a as ne,i as ae,v as le,b as ce}from"./AddAppUrlForm.dqclbawv.js";import{j as t,r as g}from"./vendor.react-core.le68qx2x.js";import{h as B}from"./vendor.moment.gq907bg6.js";import{D as de,k as pe,l as me,m as ue,n as ge,bc as fe,N as xe,b9 as he}from"./index.bgvsf1g2.js";import{H as be}from"./headerWithFiltersContainer.ev0ti8w2.js";import{C as ve}from"./ComponentCircleLoader.hbon7sc9.js";import{A as _e,g as ye}from"./productivitySettingsContainer.osb1t06e.js";import{dH as Se,ee as je,cH as Ae,e as D,e7 as we,ak as ee,C as te,cD as Ue,cE as Ce,ef as H,eg as W,c3 as Te,b$ as Ee,Z as $e,f as ke}from"./app.styled.l2grmqhk.js";import{E as Pe}from"./ExportModal.eibza5kn.js";import{hS as M,hT as Le,hU as Re,hV as Ie,hP as Ne,cP as K,h1 as re,cV as Oe,cW as ze,cX as Me,hQ as F}from"./index.ef8ymf6t.js";import{A as Be}from"./AppUrlIcon.ea8u0sfh.js";import{D as Fe}from"./DeletedMemberIndicator.mtu0hz9w.js";import{R as De}from"./RoundImageNameComp.gp1y4r66.js";import{a as Ve,b as He}from"./exportUtils.jrbnknm6.js";import{a as P}from"./vendor.styling.i74dgc25.js";import"./vendor.misc.jyz1km6f.js";import"./vendor.prop-types.bdehd87k.js";import"./vendor.lightgallery.js.gm1w3blq.js";import"./shared.knyn4b3g.js";import"./vendor.moment-timezone.le8d7pxi.js";import"./vendor.react-router.j9vxo68w.js";import"./ProductivityLevelSelector.et7q6ksv.js";import"./vendor.lucide-react.gdsfvh0n.js";import"./ReactSelectDropdown.igrqsuho.js";import"./vendor.react-select.nogfkb7y.js";import"./vendor.react-spinners.h9k4muqd.js";import"./vendor.ui-bootstrap.int9xzr3.js";import"./vendor.classnames.c1zjbwwq.js";import"./vendor.react-player.8hmaqhfb.js";import"./lazyLoad.hfahqf0t.js";import"./journeyTypes.nzlefoui.js";import"./vendor.radix-ui.ekmd66d4.js";import"./button.m6b3nno0.js";import"./vendor.query-string.i9rz0i7b.js";import"./vendor.react-select-async-paginate.ns5vditx.js";import"./DropdownLoader.degey9nr.js";import"./vendor.react-joyride.l15bcayo.js";import"./vendor.papaparse.pe87q6g4.js";import"./vendor.react-day-picker.j76cmv3t.js";import"./vendor.date-fns.mfcmjmmr.js";import"./motionUtils.kgj1mg2g.js";import"./vendor.framer-motion.d2a5sspj.js";import"./onboardingStyles.lng3octz.js";import"./vendor.use-debounce.fh5ng3uv.js";import"./authStyles.fcx4s7hl.js";import"./vendor.forms.bmyv2n2q.js";import"./iconRegistry.k25hn89d.js";import"./vendor.countries-and-timezones.ot5iyrd9.js";import"./vendor.react-custom-scrollbars-2.pfb7wc7g.js";import"./app.icons.d3xbb3xl.js";import"./vendor.tanstack_react-query.lj9kqzyo.js";import"./vendor.react-dates.fmvi8jnk.js";import"./vendor.charts.fn6ohj09.js";import"./vendor.lottiefiles_dotlottie-react.np07ka8y.js";import"./vendor.tanstack_react-virtual.itf5qo6f.js";import"./vendor.react-slider.d4w1mb88.js";import"./vendor.react-csv.chasy9sk.js";import"./checkbox.cymorswq.js";import"./csv.da1embh2.js";import"./vendor.pdf.hkuz8tbb.js";import"./vendor.react-helmet-async.m07d68kz.js";import"./vendor.react-big-calendar.iml3qwqq.js";import"./vendor.react-datepicker.crdshiyp.js";import"./vendor.axios.mgqcvj5n.js";import"./vendor.posthog.h6ln1v6k.js";import"./vendor.base-64.kwyucbbb.js";import"./vendor.react-gtm-module.ezierfpz.js";import"./vendor.react-oauth_google.joyjqyaj.js";import"./UrlLists.kmpw77qr.js";const We=({percent:e,marginTop:o})=>t.jsx(Se,{percent:e,marginTop:o,children:t.jsx(je,{percent:e})}),V=e=>Re(e)||Le,Ke=({isOpen:e,toggle:o,selectedOrganization:s,isLoading:i,isAddAppLoading:p,addAppUrl:m,currentClassification:_,appData:n,settingKey:S,appUrlId:E})=>{const[j,U]=g.useState(()=>({title:"",level:V(_)})),[$,A]=g.useState({}),C=g.useRef(p),y=g.useCallback(()=>{U({title:"",level:V(_)}),A({}),o()},[_,o]);g.useEffect(()=>{n&&U({title:n.title||"",level:V(_)})},[n,_]),g.useEffect(()=>{C.current===!0&&p===!1&&!i&&n&&y(),C.current=p},[p,i,n,y]);const L=c=>{U(d=>({...d,level:c})),$.level&&A(d=>({...d,level:""}))},w=c=>{const{value:d}=c.target;U(I=>({...I,title:d}))},T=()=>{if(!n)return;const c=n.type===z.URL||!!n.url,d=n.name||n.app||n.url||"",I=c?M(d):d,N=c?z.URL:z.APPS,O=le({activeTab:N,name:I,level:j.level});if(Object.keys(O).length>0){A(O);return}const h=c?z.URL:"app";m({name:Ie(d,h),title:j.title.trim()||void 0,type:h,classification:j.level?.value||null,currentClassification:_,organization_id:s?.id,report_setting_key:S,...E?{app_url_id:E}:{}})};if(!e||!n)return null;const r=n.url||n.type===z.URL,a=r?M(n.name||n.url||""):n.name||n.app||n.url||"",f=r?z.URL:z.APPS,l=r?"URL":"app";return t.jsx(de,{open:e,onOpenChange:c=>!c&&y(),children:t.jsxs(pe,{layer:"aboveSheet",className:"max-h-[calc(100dvh-32px)] w-[calc(100%-32px)] max-w-[440px] overflow-y-auto p-5 sm:p-6",children:[t.jsxs(me,{children:[t.jsxs(ue,{className:"text-base text-text-main",children:["Add ",l," to list"]}),t.jsx(ge,{className:"text-xs text-text-secondary",children:r?"By default not added URLs are tracked as neutral. Add any URL to the list only if you want a different productivity level or different exceptions for members.":"By default not added apps are tracked as neutral. Add any app to the list only if you want a different productivity level or different exceptions for members."})]}),t.jsx(ne,{activeTab:f,showTabs:!1,nameValue:a,titleValue:j.title,levelValue:j.level,onTitleChange:w,onLevelChange:L,errors:$,onSubmit:T,isSubmitting:p,isSubmitDisabled:!ae({activeTab:f,name:a,level:j.level}),nameReadOnly:!0,titleReadOnly:!1,showTitleField:r})]})})},Ye=P.button`
2  background: transparent;
3  color: ${({theme:e})=>e.colors.main.primary};
4  border: 2px solid ${({theme:e})=>e.colors.border.primaryLight};
5  border-radius: 999px;
6  padding: 5px 11px;
7  font-size: 14px;
8  font-weight: ${({theme:e})=>e.fontWeights.semibold};
9  cursor: pointer;
10  line-height: 1.2;
11  transition:
12    background-color 0.2s ease,
13    border-color 0.2s ease;
14  white-space: nowrap;
15
16  &:hover {
17    background: ${({theme:e})=>e.colors.main.primaryLight};
18    border-color: ${({theme:e})=>e.colors.main.primary};
19  }
20
21  &:disabled {
22    opacity: 0.5;

23    cursor: not-allowed;
24  }
25`,Y=P.div`
26  display: block;
27  flex: 0 0 auto;
28  width: 16px;
29  height: 16px;
30  padding: 0;
31  border: 0;
32  border-radius: 50%;
33  cursor: ${({$interactive:e})=>e?"pointer":"help"};
34  background-color: ${({$level:e,theme:o})=>e==="productive"?o.colors.main.success:e==="unproductive"?o.colors.main.error:o.colors.main.blue};
35
36  ${({$interactive:e,theme:o})=>e&&`
37      transition: box-shadow 0.2s ease, transform 0.2s ease;
38
39      &:hover {
40        box-shadow: 0 0 0 4px ${o.colors.border.primaryLight};
41        transform: scale(1.08);
42      }
43    `}
44
45  &:focus-visible {
46    outline: 2px solid ${({theme:e})=>e.colors.main.primary};
47    outline-offset: 3px;
48  }
49`,Ze=P.div`
50  position: relative;
51  display: flex;
52  align-items: center;
53  justify-content: flex-end;
54  flex: 0 0 auto;
55  z-index: ${({$isOpen:e})=>e?3:2};
56`,Ge=P(Ae)`
57  position: relative;
58  display: grid;
59  grid-template-columns: 1fr;
60  grid-template-rows: auto auto;
61  gap: 12px;
62  min-width: 0;
63  box-sizing: border-box;
64  padding: 14px 18px 13px;
65  border: 1px solid ${({theme:e})=>e.colors.border.secondaryLight};
66  border-radius: 16px;
67  background-color: ${({theme:e})=>e.colors.main.white};
68  align-content: space-between;
69
70  @media (max-width: 767px) {
71    gap: 10px;
72    padding: 12px 14px;
73  }
74`,qe=P.div`
75  display: flex;
76  align-items: center;
77  justify-content: space-between;
78  min-width: 0;
79  gap: 16px;
80`,Qe=P.div`
81  display: flex;
82  align-items: center;
83  min-width: 0;
84  gap: 14px;
85`,Xe=P.div`
86  flex: 0 0 32px;
87  width: 32px;
88  height: 32px;
89  overflow: hidden;
90  border-radius: 50%;
91
92  & > * {
93    width: 100% !important;
94    height: 100% !important;
95    border-radius: 50%;
96  }
97
98  & > img {
99    display: block;
100  }
101`,Je=P.p`
102  min-width: 0;
103  margin: 0;
104  overflow: hidden;
105  color: ${({theme:e})=>e.colors.main.textMain};
106  font-size: ${({theme:e})=>e.font.pageText.size};
107  font-weight: ${({theme:e})=>e.font.pageText.weight};
108  line-height: 1.2;
109  text-overflow: ellipsis;
110  white-space: nowrap;
111`,et=P.div`
112  display: grid;
113  grid-template-columns: minmax(0, 1fr) auto auto;
114  align-items: center;
115  gap: 18px;
116  min-width: 0;
117`,Z=P.p`
118  margin: 0;
119  color: ${({theme:e})=>e.colors.main.textSecondary};
120  font-size: ${({$small:e,theme:o})=>e?"13px":o.font.pageText.size};
121  font-weight: ${({theme:e})=>e.font.pageText.weight};
122  line-height: 1;
123  white-space: nowrap;
124`,tt=(e,o="app")=>o==="url"?M(e):String(e||"").trim().toLowerCase().replace(/\s+/g," ").replace(/\.exe$/i,""),rt=(e,o,s)=>{const i=tt(s,o);return i?`${e}::${o}::${i}`:""},ot=(e,o,s)=>{const i=e?.[o];if(!i)return null;const p=i.member_overrides?.[String(s)]||null,m=p||i.base||{};return{type:i.type,identity:i.identity,app_url_id:p?.app_url_id||i.app_url_id||null,organization_app_url_id:i.app_url_id||null,name:p?.name||i.name||i.identity,organization_name:i.name||i.identity,title:p?.title||i.title||null,classification:m.classification||"neutral",classification_level:m.classification_level||"default",configured:!!m.configured,classification_locked:!!i.classification_locked}},it=e=>e?.userId||e?.user_id||e?.user?.id,st=(e,o)=>{const i=(e?.userExceptions||e?.user_settings||[]).find(p=>String(it(p))===String(o));return i?.classification?{classification:i.classification,level:"user"}:{classification:e?.classification||e?.app_url?.classification||"neutral",level:e?.classification_level||"organization"}},nt=(e,o)=>o?Math.min(100,parseInt(e/o*100,10)):0,G={productive:"Productive",neutral:"Neutral",unproductive:"Unproductive"},at=e=>G[e]||G.neutral,q={user:"member override",organization:"organization setting",global:"global default",default:"default"},lt=new Map,Q=({item:e,type:o,scopeKey:s,index:i,duration:p,existingItem:m,effectiveSetting:_,openDropdown:n,onLabel:S,onCloseDropdown:E,getDropdownData:j,selectedOrganization:U,isAddAppLoading:$,addAppUrl:A,canManageOrganizationSettings:C,showClassification:y,member:L})=>{const w=o==="url",T=w?e.title||e.name||M(e.url):e.name||e.app,r=w?M(e.url)||e.url:e.app||e.name,a=`${s}::${o}::${w?e.url:e.app||e.name}`,f=nt(e.time,p),l=_||(m?st(m,L.id):null),c=l?.classification||null,d=at(c),I=q[l?.classification_level||l?.level]||q.default,N=`Current setting: ${d} — ${I}`,O=m?.app_url||m,h=m?{app_type:o,name:O?.name||r,domain:w?O?.name||r

124:void 0,icon:e.icon,iconName:r,title:T,type:c,setting_key:e.setting_key,app_url_id:l?.app_url_id,organization_app_url_id:l?.organization_app_url_id,organization_name:l?.organization_name}:null;return t.jsxs(Ge,{children:[t.jsxs(qe,{children:[t.jsxs(Qe,{children:[t.jsx(Xe,{children:t.jsx(Be,{name:r,type:o,fallbackIcon:e.icon,size:"32px",fontSize:"16px",backColor:i})}),t.jsx(Je,{title:T,children:T})]}),y&&m&&C&&!l?.classification_locked?t.jsx(_e,{activity:h,member:L,organization:U,renderTrigger:({classification:b})=>t.jsx(Y,{as:"button",type:"button",$interactive:!0,$level:b,"aria-label":`Change productivity for ${T}`,title:N})}):y&&(m||!C&&l)?t.jsxs(Oe,{children:[t.jsx(ze,{asChild:!0,children:t.jsx(Y,{$level:c,role:"img",tabIndex:0,"aria-label":`${d} activity`,title:N})}),t.jsx(Me,{side:"top",children:d})]}):y&&C?t.jsxs(Ze,{$isOpen:n===a,children:[t.jsx(Ye,{onClick:b=>S(b,a),children:"Add to List"}),n===a&&t.jsx(Ke,{isOpen:!0,toggle:E,selectedOrganization:U,isLoading:!1,isAddAppLoading:$,addAppUrl:A,currentClassification:c||"neutral",appData:j(e,w),settingKey:e.setting_key,appUrlId:l?.app_url_id})]}):null]}),t.jsxs(et,{children:[t.jsx(We,{percent:f}),t.jsx(Z,{children:`${f}%`}),t.jsx(Z,{$small:!0,children:re(e.time)})]})]})},ct=({report:e,date:o,index:s,selectedMemberId:i,selectedOrganization:p,addAppUrl:m,currentSettings:_={},fallbackSettingsMap:n=lt,isAddAppLoading:S,canManageOrganizationSettings:E=!1,showClassification:j=!0})=>{const[U,$]=g.useState(null),A=g.useRef(S);g.useEffect(()=>{A.current===!0&&S===!1&&$(null),A.current=S},[S]);const C=(r,a=!1)=>n.get(rt("",a?"url":"app",r)),y=(r,a,f)=>{const l=f==="url"?a.url:a.name||a.app,c=ot(_,a.setting_key,r),d=C(l,f==="url");return{effectiveSetting:c,existingItem:c?.configured||c?.classification_locked?c:d}},L=(r,a)=>{r.stopPropagation(),r.preventDefault(),$(f=>f===a?null:a)},w=()=>{$(null)},T=(r,a=!1)=>{if(a){const f=M(r.url);return{name:f,title:r.title||"",type:"url",url:f}}else return{name:r.name||r.app,type:"app",app:r.app}};return t.jsx(g.Fragment,{children:e&&Object.keys(e).length>0&&t.jsxs("div",{style:{marginTop:"20px"},children:[t.jsx(D,{children:Ne(o)}),t.jsx(we,{index:s,style:{paddingLeft:"20px"},children:Object.keys(e).map(r=>{const a=e[r].member||e[r],f={...a,id:a.id||r,name:K(a),avatar:a.avatar||e[r].member_avatar,color:a.color||e[r].member_color};return e[r].app_data&&e[r].app_data.length>0||e[r].url_data&&e[r].url_data.length>0?t.jsxs(ee,{style:{margin:"0 0 20px 0"},padding:"25px 20px",bgColor:"#fcfdfe",children:[t.jsxs(te,{children:[t.jsx(De,{imageSize:"36px",imgSource:e[r]?.member?.avatar||e[r].member_avatar,name:K(e[r].member||e[r]),fill:!0,fontWeight:"600",size:"14px",color:e[r]?.member?.color||e[r].member_color,userId:e.member_id,selectedMemberId:i,isDeleted:e[r]?.member?.is_deleted,nameSuffix:t.jsx(Fe,{isDeleted:e[r]?.member?.is_deleted})}),t.jsx(Ue,{children:t.jsxs(Ce,{index:1,children:[t.jsx(D,{name:!0,title:!0,children:re(e[r].duration)}),t.jsx(D,{$label:!0,fontWeight:"500",children:"Total Time"})]})})]}),e[r].app_data&&e[r].app_data.length>0&&t.jsxs(t.Fragment,{children:[t.jsx(H,{children:"Apps"}),t.jsx(W,{children:Ve(e[r].app_data).map((l,c)=>{const d=j?y(f.id,l,"app"):{};return t.jsx(Q,{item:l,type:"app",scopeKey:r,index:c,duration:e[r].duration,existingItem:d.existingItem,effectiveSetting:d.effectiveSetting,openDropdown:U,onLabel:L,onCloseDropdown:w,getDropdownData:T,selectedOrganization:p,isAddAppLoading:S,addAppUrl:m,canManageOrganizationSettings:E,showClassification:j,member:f},`${r}::app::${l.app||l.name}`)})})]}),e[r].url_data&&e[r].url_data.length>0&&t.jsxs(t.Fragment,{children:[t.jsx(H,{style:{marginTop:"20px"},children:"URLs"}),t.jsx(W,{children:He(e[r].url_data).map((l,c)=>{const d=j?y(f.id,l,"url"):{};return t.jsx(Q,{item:l,type:"url",scopeKey:r,index:c,duration:e[r].duration,existingItem:d.existingItem,effectiveSetting:d.effectiveSetting,openDropdown:U,onLabel:L,onCloseDropdown:w,getDropdownData:T,selectedOrganization:p,isAddAppLoading:S,addAppUrl:m,canManageOrganizationSettings:E,showClassification:j,member:f},`${r}::url::${l.url}`)})})]})," "]},r):null})})]})})},dt=(e,o)=>{const s=[];let i=o;for(;B(i).isSameOrAfter(B(e));)s.push(B(i).format("YYYY-MM-DD")),i=B(i).subtract(1,"days");return s},pt=120,mt=110,ut=126,X=3,gt=e=>e.date,ft=e=>{const o=e?.report||{};return Object.keys(o).reduce((s,i)=>{const p=o[i];if(!p||i==="hasData")return s;const m=Math.ceil((p.app_data?.length||0)/X),_=Math.ceil((p.url_data?.length||0)/X),n=m>0?44:0,S=_>0?64:0;return s+mt+n+S+(m+_)*ut},pt)},xt=({selectedOrganization:e,appTimeData:o,appReportData:s,urlReportData:i,isLoading:p,noData:m,selectedMemberId:_,addAppUrl:n,currentAppsUrlSettings:S,isAddAppLoading:E,isSampleMode:j=!1})=>

124{const[U,$]=g.useState(!1),[A,C]=g.useState({}),[y,L]=g.useState({label:"Date (New to old)",value:"NewToOld"}),[w,T]=g.useState([]),[r,a]=g.useState({value:null,label:"(All Active Projects)"}),{canManageOrganizationSettings:f}=g.useMemo(()=>ye(e?.role),[e?.role]),l=J(e),c=l&&f&&!j,d=()=>{$(!U)},I=h=>{a(h)};g.useEffect(()=>{e?.id&&(a({value:null,label:"(All Active Projects)"}),L({label:"Date (New to old)",value:"NewToOld"}))},[e]),g.useEffect(()=>{if(s?.length>0||i?.length>0){let h=[];o&&o.startDate&&o.endDate&&(h=dt(o.startDate,o.endDate));const b={};h.forEach(k=>{b[k]={}});for(const k in b)if(o&&o.data&&Object.keys(o.data).length>0){let v={},R=!1;for(const u in o.data)o.data[u][k]&&Object.keys(o.data[u][k]).length>0&&(v[u]={duration:o.data[u][k].duration},s&&s.length>0&&s.forEach(x=>{x.member_id===u&&x.working_day===k&&(v[u]={...v[u],member:x.member,member_avatar:x.member.avatar,member_name:F(x),member_color:x.member.color,app_data:x.app_data},R||(R=!0))}),i&&i.length>0&&i.forEach(x=>{x.member_id===u&&x.working_day===k&&(v[u]={...v[u],member:v[u].member||x.member,member_avatar:v[u].member_avatar||x.member?.avatar,member_name:v[u].member_name||F(x),member_color:v[u].member_color||x.member?.color,url_data:x.url_data},R||(R=!0))}));v.hasData=R,R&&(v=Object.keys(v).sort((u,x)=>F(v[u]).localeCompare(F(v[x]))).reduce((u,x)=>(u[x]=v[x],u),{})),b[k]=v}C(b)}else s?.length===0&&i?.length===0&&C({})},[s,o,i]),g.useEffect(()=>{const h={};Object.keys(A).slice(0).reverse().map(b=>h[b]=A[b]),T(h)},[A]);const N=g.useMemo(()=>{const h=y?.value==="NewToOld"||y==="NewToOld"?A:w;return Object.keys(h).filter(b=>h[b]?.hasData).map(b=>({date:b,report:h[b]}))},[A,y,w]),O=g.useCallback((h,b,{key:k,dataIndex:v,style:R,measureRef:u})=>t.jsx("div",{ref:u,"data-index":v,style:{...R,overflow:"visible"},children:t.jsx(ct,{report:h.report,date:h.date,index:b,selectedMemberId:_,selectedOrganization:e,addAppUrl:n,currentSettings:S,isAddAppLoading:E,canManageOrganizationSettings:c,showClassification:l})},k),[_,e,n,S,E,c,l]);return t.jsxs("div",{className:"content","data-tour-target":"productivity-monitor-apps-urls",children:[t.jsx(be,{title:"Apps & URLs Usage Report",module:"reports",subModule:"appUrl",uniqueProps:{changeProjectInTable:I}}),t.jsx(ee,{marginTop:"0px",padding:"30px",children:p?t.jsx(ve,{}):t.jsxs(t.Fragment,{children:[(s&&s.length>0||i&&i.length>0)&&t.jsxs(te,{alignItem:"center",children:[t.jsx(Te,{gap:"5px",style:{alignContent:"start"},children:t.jsx(Ee,{children:r?.label})}),t.jsx($e,{style:{width:"max-content",padding:"10px"},onClick:()=>d(),children:t.jsx(ke,{src:fe,alt:"download-icon"})})]}),t.jsx(Pe,{isOpen:U,toggle:d,title:"appUrl",appsUrlState:y?.value==="NewToOld"||y==="NewToOld"?A:w}),s?.length===0&&i?.length===0&&m?t.jsx(xe,{title:"No apps & URLs record found."}):N.length>0&&t.jsx(he,{items:N,getItemKey:gt,estimateSize:ft,overscan:2,measureItems:!0,renderItem:O})]})})]})},ht=e=>{const o=e.organization.selectedOrganization,s=J(o);return{selectedOrganization:o,selectedMemberId:e.report.selectedMemberId,currentAppsUrlSettings:s?e.report.currentAppsUrlSettings||{}:{},isAddAppLoading:e.appsProductivity?.isAddAppLoading||!1,...se(e)}},bt=e=>({addAppUrl:ie(ce,e)}),Or=oe(ht,bt)(xt);export{Or as default};