@zeniai/web-app-ui 4.14.38-qa → 4.14.39-dev

package/dist/assets/{TaskManagementPage-ucVAdv7x-fUgA7HRS.js → TaskManagementPage-BJwp32Ph-D-u68mRD.js}

@@ -1,9 +1,9 @@
-import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,fI as Pt,gy as nt,C as O,x as Q,eo as He,O as D,s as Wt,fG as Rt,g1 as Bt,ff as xt,l as ee,bU as ls,k as At,aR as as,cp as ds,iH as cs,j as B,ar as ps,H as Ee,y as _e,a1 as We,bm as us,f_ as Ft,ee as Ut,E as je,cq as lt,id as hs,b_ as ms,c1 as Vt,i as gs,b3 as xs,b4 as De,bj as ks,cs as ws,g as Ht,b2 as fs,gw as _t,v as $s,a_ as ys,bR as bs,D as vs,bH as tt,bN as Cs,at as js,bd as Kt,ab as Ss,bF as Ts,P as Ls,c8 as Gs,M as Is,an as zs,bV as Ds,a9 as Ns,a as at,iI as Ms,gx as Es,a8 as Os,iJ as Ps,cB as Ws}from"./index-DBW4633P.js";import{a as n,b as st}from"./sentry-DINNQYpi.js";import{n as o,c as J}from"./mui-C_CXevf3.js";import{GD as Rs,GB as Bs,Gm as dt,Gl as Ke,bs as As,BQ as Yt,GE as Fs,GF as Us,GG as kt}from"./zeni-epic-state-a7Sj5mjO.js";import{m as Vs}from"./BusyIndication-Cd67eHX6-CtvBXiRL.js";import{J as Hs,t as _s}from"./SpendManagementSection-DKZNTYXT-JIQihEyD.js";import{A as Ks,t as Ys,a as qs,E as Zs}from"./NotificationsListConfig-CylnViXd-DiKD1VlE.js";import{a as Js}from"./SpendManagementListViewPage-BieufnDb-BvlrNZeN.js";import{M as Xs,S as Qs,L as eo,_ as to}from"./common-kiEGPQ33-i2MKa07U.js";import{b as Ce,c as ct,a as ot,C as so,d as qt,T as Zt,M as Jt,t as be,g as oo,S as ro,e as Ne,s as pt,p as ut,f as ht,h as mt,i as gt,j as Re,n as ke,k as wt,l as pe}from"./TaskDetailPage-CyZxZdJB-Ciw5Uu5K.js";import{r as io}from"./avatar-Dz7aEm3d-tC3a4UX-.js";import{g as no}from"./ZeniDatePicker-K3F-G3-0-D-lxuOwz.js";import{d as lo}from"./ZeniAvatar-pjdoqfWE-BIF5P_G9.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";import"./MoreMenuButton-Ct8k8Oax-Jl7RdYoC.js";import"./bank-letter-BOcVjN6J-B3HKnrvN.js";import"./spend-limit-D6SyboD4-05QrBanM.js";import"./dollar-round-D18u7nlm-BAPPb_YV.js";import"./money-2cg1MuG4-C1UnGCa2.js";import"./page-summary-D7_VQHwN-BBMfUdRp.js";import"./transaction-placeholder-CpOwZAMG-kO6lyet9.js";import"./unlock-BPWn2I5L-fA9hPtxv.js";import"./filter-cZIFUNvj-DR0oScp6.js";import"./StatusSwitcher-BfQ9VbBH-Dgu_WG_g.js";import"./calculateSize-zPet_z9g-DAbLjY3A.js";import"./LabeledSingleSelectField-D5QUlcEP-CTACJg8Z.js";import"./hyperlink-DQyCeXx2-DiF-LRfD.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="fd852b39-faab-412c-9cbd-72de6fb9998e",e._sentryDebugIdIdentifier="sentry-dbid-fd852b39-faab-412c-9cbd-72de6fb9998e")}catch{}})();const ao=({name:e,defaultValue:i,registerOptions:r,dateFormat:l,style:p,inputStyles:d,minDate:a})=>{const{control:c}=Me();return t.jsx(Ut,{name:e,control:c,defaultValue:i,rules:r,render:({field:{value:h,onChange:g}})=>t.jsx(no,{selectedDate:{date:h.date,businessDay:h.businessDay},onSelectedDateChanged:(x,m)=>g({date:x,businessDay:m,showBusinessDay:i.showBusinessDay,maxDate:i.maxDate}),showBusinessDay:i.showBusinessDay,maxDate:i.maxDate,style:p,dateFormat:l,inputStyles:d,minDate:a})})},co={controller:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedControllers,preparer:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedPreparers,reviewer:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedReviewers,apAnalyst:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedAPAnalysts,taxLead:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedTaxLeads},po=(e="")=>{const i=e?.replace(/^companyData\./,"");return co[i]||D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedUsers},uo=o.div`
+import{e as ye,cc as Me,f as we,V as t,E as F,dS as Et,w as ce,o as s,bo as fe,fy as Pt,gt as nt,C as E,x as X,ee as He,O as D,s as Wt,fw as Rt,fW as Bt,f5 as xt,l as ee,bU as ls,t as At,aR as as,cp as ds,iF as cs,m as B,ar as ps,H as Oe,y as _e,a1 as We,bm as us,fT as Ut,e4 as Ft,b as je,cq as lt,ib as hs,b_ as ms,c1 as Vt,k as gs,b3 as xs,b4 as De,bj as ks,cs as ws,j as Ht,b2 as fs,gr as _t,_ as $s,a_ as ys,bR as bs,D as vs,bH as tt,bN as Cs,at as js,bd as Kt,ab as Ss,bF as Ts,T as Ls,c8 as Gs,A as zs,an as Is,bV as Ds,a9 as Ns,a as at,iG as Ms,gs as Os,a8 as Es,iH as Ps,cB as Ws}from"./index-BngCC-zG.js";import{a as n,b as st}from"./sentry-CHlUi953.js";import{n as o,c as J}from"./mui-DyGc7Pg8.js";import{Gx as Rs,Gv as Bs,Gg as dt,Gf as Ke,bs as As,BK as Yt,Gy as Us,Gz as Fs,GA as kt}from"./zeni-epic-state-D8D2Skiq.js";import{m as Vs}from"./BusyIndication-9zDqSKBP-WSsX6_uU.js";import{J as Hs,t as _s}from"./SpendManagementSection-CIz4nE_w-CLtvB3Jo.js";import{A as Ks,t as Ys,a as qs,E as Zs}from"./NotificationsListConfig-B5pDa4cJ-C0GWEb8S.js";import{a as Js}from"./SpendManagementListViewPage-CFUxCqkU-DWVJ8T34.js";import{M as Qs,S as Xs,L as eo,_ as to}from"./common-BpxEACHl-SqfXrkK_.js";import{b as Ce,c as ct,a as ot,C as so,d as qt,T as Zt,M as Jt,t as be,g as oo,S as ro,e as Ne,s as pt,p as ut,f as ht,h as mt,i as gt,j as Re,n as ke,k as wt,l as pe}from"./TaskDetailPage-QMk4DTDK-DuNonnMy.js";import{r as io}from"./avatar-Dz7aEm3d-B1h__iIh.js";import{g as no}from"./ZeniDatePicker-BHXPxPnI-CRe89Wst.js";import{d as lo}from"./ZeniAvatar-Bzhq25CU-DO1x3yqH.js";import"./pdf-BxqSCr4b.js";import"./core-CVVdXRky.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.js";import"./MoreMenuButton-BsBKwXvk-DeCIVX9G.js";import"./bank-letter-BOcVjN6J-B0RfZgcz.js";import"./spend-limit-D6SyboD4-DKcfJ6au.js";import"./dollar-round-D18u7nlm-BkHqkGHG.js";import"./money-2cg1MuG4-DZxnWrWu.js";import"./page-summary-D7_VQHwN-V_V9hbFl.js";import"./transaction-placeholder-CpOwZAMG-BRNI97Lv.js";import"./unlock-BPWn2I5L-BfuVrsIJ.js";import"./filter-cZIFUNvj-BeqNUW3e.js";import"./StatusSwitcher-Bv-ozN6U-BMGDezKv.js";import"./calculateSize-B2w5JPEU-BqvYgtxt.js";import"./LabeledSingleSelectField-C6ctNzkA-DJY2_gU-.js";import"./hyperlink-DQyCeXx2-D504LM2b.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},i=new e.Error().stack;i&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[i]="57c6e4d7-2df6-44e5-8ea7-a699b138a62d",e._sentryDebugIdIdentifier="sentry-dbid-57c6e4d7-2df6-44e5-8ea7-a699b138a62d")}catch{}})();const ao=({name:e,defaultValue:i,registerOptions:r,dateFormat:l,style:p,inputStyles:d,minDate:a})=>{const{control:c}=Me();return t.jsx(Ft,{name:e,control:c,defaultValue:i,rules:r,render:({field:{value:h,onChange:g}})=>t.jsx(no,{selectedDate:{date:h.date,businessDay:h.businessDay},onSelectedDateChanged:(x,m)=>g({date:x,businessDay:m,showBusinessDay:i.showBusinessDay,maxDate:i.maxDate}),showBusinessDay:i.showBusinessDay,maxDate:i.maxDate,style:p,dateFormat:l,inputStyles:d,minDate:a})})},co={controller:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedControllers,preparer:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedPreparers,reviewer:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedReviewers,apAnalyst:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedAPAnalysts,taxLead:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedTaxLeads},po=(e="")=>{const i=e?.replace(/^companyData\./,"");return co[i]||D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedUsers},uo=o.div`
   height: ${s.sp4};
   display: flex;
   align-items: center;
   justify-content: flex-end;
-`,ft=(e,i)=>(e=function(r){const l=new Set;return r.filter(p=>!l.has(p.userId)&&(l.add(p.userId),!0))}(e),e.map(r=>({...r,value:r.userId,label:r.firstName!=""||r.lastName!=""?`${r.firstName} ${i?r.lastName.slice(0,1):r.lastName}`:r.email}))),Ze=(e=[])=>e.map(i=>({label:i.name,value:i.userGroupId,isUserGroup:!0})),$t=e=>{const i=e.firstName??"",r=e.lastName??"";return i!==""||r!==""?`${i} ${r}`.trim():null},ho=(e,i)=>!i||typeof e.label!="string"||e.label.toLowerCase().includes(i.toLowerCase())||e.data.email.toLowerCase().includes(i.toLowerCase());function mo({name:e,allUsers:i,allUserGroups:r,selectedUserGroups:l,onSelectedUserGroupsChanged:p,onSelectedUsersChanged:d,selectedUsers:a=[],disable:c=!1,pickerStyles:{optionBackgroundColor:h,optionTextStyle:g,titleTextStyle:x,backgroundColor:m,titleTextAlignment:v,selectedOptionColor:f,multiValueLabelTitleStyle:b}={},customization:{placeholderLabel:C}={},isReadOnly:S=!1}){const u=_e(),k=ft(i,!1).sort((j,E)=>j.label.localeCompare(E.label)),w=ft(a,!0),G=Ze(l),I=[...w,...G],te=[{label:po(e),options:w},{label:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.allUsers,options:k}];r!=null&&r?.length>0&&te.push({label:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.allUserGroups,options:Ze(r)}),l!=null&&l?.length>0&&te.push({label:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedUserGroups,options:Ze(l)});const H=h??u.colors.grey5,M=m??u.colors.grey5,P=m??u.colors.grey5,y=g?.cssObject??ce.smallRegular.cssObject,T=x?.cssObject??y,he=S??!1,me=b?.cssObject??ce.smallRegular.cssObject,se={control:(j,E)=>({...j,border:0,height:"100%",backgroundColor:M,fill:E.selectProps.menuIsOpen===!0?u.colors.primary:u.colors.grey1,boxShadow:M,":active":{backgroundColor:M},":hover":{fill:u.colors.primary},width:"189px",minHeight:"auto",cursor:"pointer"}),container:j=>({...j,backgroundColor:M,height:"100%"}),multiValue:(j,E)=>{const z=a.findIndex(W=>W.userId===E.data.value)===0;return{...j,margin:0,minWidth:void 0,backgroundColor:void 0,">div":{borderRadius:0,padding:z?s.sp0:`${s.sp0} ${s.sp2}`,borderLeftStyle:z?"none":"solid",borderWidth:1,borderColor:u.colors.grey1,color:"unset"},">div>div>div>div:last-child":{display:z?"block":"none",...ce.standardRegular.cssObject}}},valueContainer:j=>({...j,maxWidth:"100%",cursor:he?"default":"pointer",height:"100%",...T,overflow:"hidden",minWidth:"auto",padding:0,display:"flex",justifyContent:v??"flex-start",alignItems:"center",flexWrap:"nowrap",">div>svg":{color:u.colors.grey1,">path":{color:u.colors.grey5,fill:"currentcolor"}}}),menu:j=>({...j,backgroundColor:H,borderRadius:B[1],boxShadow:`${s.sp0} 2px ${s.sp2} ${u.colors.dropShadowHover}`,whiteSpace:"nowrap",minWidth:"fit-content",zIndex:20,width:236,margin:`6px ${s.sp0}`}),menuList:j=>({...j,borderRadius:B[1],"::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none"}),placeholder:(j,E)=>({...j,width:"100%",minWidth:"148px",color:E.isFocused?u.colors.primary:"currentColor",...ce.standardRegular.cssObject,">div>div>svg>circle":{fill:u.colors.grey1}}),noOptionsMessage:j=>({...j,...ce.smallRegular.cssObject,padding:`10px ${s.sp3} 9px ${s.sp3}`,color:u.colors.hero}),option:(j,{isDisabled:E,isSelected:z,isFocused:W})=>({...j,...y,color:z?f??u.colors.champion:u.colors.hero,backgroundColor:z?P:W?u.colors.background:H,cursor:E?"not-allowed":"pointer","svg:nth-of-type(2)":{display:"none"},":hover":{backgroundColor:u.colors.background,color:u.colors.primary,"svg:nth-of-type(1)":{display:"none"},"svg:nth-of-type(2)":{display:"inline-block"}},"& label":{paddingRight:"10px",cursor:E?"not-allowed":z?"inherit":"pointer"},">div>div>div:first-of-type":{display:"flex"}}),input:()=>({display:"inline-grid",color:u.colors.primary,overflow:"hidden",zIndex:2,minWidth:"auto",maxWidth:"100%",...ce.standardRegular.cssObject,height:B[4],position:a.length===0?"absolute":"unset",left:"35px",">input":{...ce.smallBold.cssObject,cursor:"pointer"}}),indicatorSeparator:()=>({}),dropdownIndicator:()=>({}),multiValueLabel:()=>({...me})},[_,ie]=n.useState(!1);return t.jsx(gs,{onClickAway:()=>{ie(!1)},children:t.jsx(uo,{onClick:j=>{j.preventDefault(),ie(!_&&!S)},className:"userMultiSelectContainer","data-testid":je("cockpit-user-multiselect"),children:t.jsx(xs,{isMulti:!0,menuPlacement:"bottom",minMenuHeight:409,maxMenuHeight:409,menuIsOpen:_,menuShouldScrollIntoView:!1,defaultValue:I,value:I,filterOption:ho,noOptionsMessage:()=>D.getLocalizedStrings().cockpit.management.noPerson,onInputChange:j=>{j!==""&&ie(!0)},placeholder:t.jsx(So,{"data-testid":je("cockpit-user-multiselect-placeholder"),children:t.jsx(ee,{children:C??"Select..."})}),components:{Menu:yo,Option:No,DropdownIndicator:Uo,IndicatorSeparator:Ho,MultiValueRemove:Vo,ValueContainer:Bo,GroupHeading:ko,MenuList:go},hideSelectedOptions:!1,closeMenuOnSelect:!1,styles:se,options:te,isDisabled:c,classNamePrefix:"grouped-multi-select-field",onChange:(j,E)=>{const z=j??[];if(E?.option?.isUserGroup===!0){const W=(z?.filter(V=>V.isUserGroup===!0)??[]).map(V=>r?.find(oe=>oe.userGroupId===V.value)).filter(V=>V!=null);p?.(W??[])}else(z?.length<=i?.length||z?.length<w.length)&&(ie(!1),(W=>{let V=[],oe=[];a.length===0?W.forEach(X=>{const N=We(X);N.isRoleSelected=!0,N.isUserSelectionUpdated=!0,V.push(N)}):W.length===0?a.forEach(X=>{const N=We(X);N.isRoleSelected=!1,oe.push(N)}):a.length>W.length?(oe=a.filter(X=>!W.find(N=>N.userId===X.userId)),oe=We(oe),oe.forEach(X=>{X.isRoleSelected=!1}),V=[...W]):a.forEach(X=>{W.forEach(N=>{const K=We(N);X.userId!==N.userId?(K.isRoleSelected=!0,K.isUserSelectionUpdated=!0):K.isUserSelectionUpdated=!1,V.push(K)})}),d(V,oe)})(z.filter(W=>W.isUserGroup!==!0)));ie(!1)},isClearable:!1,isSearchable:!1,backspaceRemovesValue:!1})})})}const go=e=>t.jsx(De.MenuList,{...e,children:st.Children.map(e.children,(i,r)=>t.jsxs(st.Fragment,{children:[r>0&&t.jsx(xo,{})," ",i]},r))}),xo=o.div`
+`,ft=(e,i)=>(e=function(r){const l=new Set;return r.filter(p=>!l.has(p.userId)&&(l.add(p.userId),!0))}(e),e.map(r=>({...r,value:r.userId,label:r.firstName!=""||r.lastName!=""?`${r.firstName} ${i?r.lastName.slice(0,1):r.lastName}`:r.email}))),Ze=(e=[])=>e.map(i=>({label:i.name,value:i.userGroupId,isUserGroup:!0})),$t=e=>{const i=e.firstName??"",r=e.lastName??"";return i!==""||r!==""?`${i} ${r}`.trim():null},ho=(e,i)=>!i||typeof e.label!="string"||e.label.toLowerCase().includes(i.toLowerCase())||e.data.email.toLowerCase().includes(i.toLowerCase());function mo({name:e,allUsers:i,allUserGroups:r,selectedUserGroups:l,onSelectedUserGroupsChanged:p,onSelectedUsersChanged:d,selectedUsers:a=[],disable:c=!1,pickerStyles:{optionBackgroundColor:h,optionTextStyle:g,titleTextStyle:x,backgroundColor:m,titleTextAlignment:v,selectedOptionColor:f,multiValueLabelTitleStyle:b}={},customization:{placeholderLabel:C}={},isReadOnly:S=!1}){const u=_e(),k=ft(i,!1).sort((j,O)=>j.label.localeCompare(O.label)),w=ft(a,!0),G=Ze(l),z=[...w,...G],te=[{label:po(e),options:w},{label:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.allUsers,options:k}];r!=null&&r?.length>0&&te.push({label:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.allUserGroups,options:Ze(r)}),l!=null&&l?.length>0&&te.push({label:D.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedUserGroups,options:Ze(l)});const H=h??u.colors.grey5,M=m??u.colors.grey5,P=m??u.colors.grey5,y=g?.cssObject??ce.smallRegular.cssObject,T=x?.cssObject??y,he=S??!1,me=b?.cssObject??ce.smallRegular.cssObject,se={control:(j,O)=>({...j,border:0,height:"100%",backgroundColor:M,fill:O.selectProps.menuIsOpen===!0?u.colors.primary:u.colors.grey1,boxShadow:M,":active":{backgroundColor:M},":hover":{fill:u.colors.primary},width:"189px",minHeight:"auto",cursor:"pointer"}),container:j=>({...j,backgroundColor:M,height:"100%"}),multiValue:(j,O)=>{const I=a.findIndex(W=>W.userId===O.data.value)===0;return{...j,margin:0,minWidth:void 0,backgroundColor:void 0,">div":{borderRadius:0,padding:I?s.sp0:`${s.sp0} ${s.sp2}`,borderLeftStyle:I?"none":"solid",borderWidth:1,borderColor:u.colors.grey1,color:"unset"},">div>div>div>div:last-child":{display:I?"block":"none",...ce.standardRegular.cssObject}}},valueContainer:j=>({...j,maxWidth:"100%",cursor:he?"default":"pointer",height:"100%",...T,overflow:"hidden",minWidth:"auto",padding:0,display:"flex",justifyContent:v??"flex-start",alignItems:"center",flexWrap:"nowrap",">div>svg":{color:u.colors.grey1,">path":{color:u.colors.grey5,fill:"currentcolor"}}}),menu:j=>({...j,backgroundColor:H,borderRadius:B[1],boxShadow:`${s.sp0} 2px ${s.sp2} ${u.colors.dropShadowHover}`,whiteSpace:"nowrap",minWidth:"fit-content",zIndex:20,width:236,margin:`6px ${s.sp0}`}),menuList:j=>({...j,borderRadius:B[1],"::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none"}),placeholder:(j,O)=>({...j,width:"100%",minWidth:"148px",color:O.isFocused?u.colors.primary:"currentColor",...ce.standardRegular.cssObject,">div>div>svg>circle":{fill:u.colors.grey1}}),noOptionsMessage:j=>({...j,...ce.smallRegular.cssObject,padding:`10px ${s.sp3} 9px ${s.sp3}`,color:u.colors.hero}),option:(j,{isDisabled:O,isSelected:I,isFocused:W})=>({...j,...y,color:I?f??u.colors.champion:u.colors.hero,backgroundColor:I?P:W?u.colors.background:H,cursor:O?"not-allowed":"pointer","svg:nth-of-type(2)":{display:"none"},":hover":{backgroundColor:u.colors.background,color:u.colors.primary,"svg:nth-of-type(1)":{display:"none"},"svg:nth-of-type(2)":{display:"inline-block"}},"& label":{paddingRight:"10px",cursor:O?"not-allowed":I?"inherit":"pointer"},">div>div>div:first-of-type":{display:"flex"}}),input:()=>({display:"inline-grid",color:u.colors.primary,overflow:"hidden",zIndex:2,minWidth:"auto",maxWidth:"100%",...ce.standardRegular.cssObject,height:B[4],position:a.length===0?"absolute":"unset",left:"35px",">input":{...ce.smallBold.cssObject,cursor:"pointer"}}),indicatorSeparator:()=>({}),dropdownIndicator:()=>({}),multiValueLabel:()=>({...me})},[_,ie]=n.useState(!1);return t.jsx(gs,{onClickAway:()=>{ie(!1)},children:t.jsx(uo,{onClick:j=>{j.preventDefault(),ie(!_&&!S)},className:"userMultiSelectContainer","data-testid":je("cockpit-user-multiselect"),children:t.jsx(xs,{isMulti:!0,menuPlacement:"bottom",minMenuHeight:409,maxMenuHeight:409,menuIsOpen:_,menuShouldScrollIntoView:!1,defaultValue:z,value:z,filterOption:ho,noOptionsMessage:()=>D.getLocalizedStrings().cockpit.management.noPerson,onInputChange:j=>{j!==""&&ie(!0)},placeholder:t.jsx(So,{"data-testid":je("cockpit-user-multiselect-placeholder"),children:t.jsx(ee,{children:C??"Select..."})}),components:{Menu:yo,Option:No,DropdownIndicator:Fo,IndicatorSeparator:Ho,MultiValueRemove:Vo,ValueContainer:Bo,GroupHeading:ko,MenuList:go},hideSelectedOptions:!1,closeMenuOnSelect:!1,styles:se,options:te,isDisabled:c,classNamePrefix:"grouped-multi-select-field",onChange:(j,O)=>{const I=j??[];if(O?.option?.isUserGroup===!0){const W=(I?.filter(V=>V.isUserGroup===!0)??[]).map(V=>r?.find(oe=>oe.userGroupId===V.value)).filter(V=>V!=null);p?.(W??[])}else(I?.length<=i?.length||I?.length<w.length)&&(ie(!1),(W=>{let V=[],oe=[];a.length===0?W.forEach(Q=>{const N=We(Q);N.isRoleSelected=!0,N.isUserSelectionUpdated=!0,V.push(N)}):W.length===0?a.forEach(Q=>{const N=We(Q);N.isRoleSelected=!1,oe.push(N)}):a.length>W.length?(oe=a.filter(Q=>!W.find(N=>N.userId===Q.userId)),oe=We(oe),oe.forEach(Q=>{Q.isRoleSelected=!1}),V=[...W]):a.forEach(Q=>{W.forEach(N=>{const K=We(N);Q.userId!==N.userId?(K.isRoleSelected=!0,K.isUserSelectionUpdated=!0):K.isUserSelectionUpdated=!1,V.push(K)})}),d(V,oe)})(I.filter(W=>W.isUserGroup!==!0)));ie(!1)},isClearable:!1,isSearchable:!1,backspaceRemovesValue:!1})})})}const go=e=>t.jsx(De.MenuList,{...e,children:st.Children.map(e.children,(i,r)=>t.jsxs(st.Fragment,{children:[r>0&&t.jsx(xo,{})," ",i]},r))}),xo=o.div`
   border-bottom: 1px solid ${we.neutralGrey3Light};
 `,ko=e=>{const[i,r]=n.useState(!0);return t.jsx(wo,{className:"group-heading-container",isGroupOpen:i,onClick:l=>{l.stopPropagation(),r(!i)},"data-testid":je("cockpit-user-multiselect-group",e.data.label),children:t.jsxs(De.GroupHeading,{...e,children:[t.jsx(fo,{isGroupOpen:i,children:t.jsx($o,{className:"close-tick-icon"})}),e.children]})})},wo=o(At)`
   display: flex;
@@ -70,7 +70,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ue=o.div``,So=o.div`
+`,Fe=o.div``,So=o.div`
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.grey1};
@@ -87,26 +87,26 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   height: ${s.sp3};
   width: ${s.sp3};
   margin-left: ${s.sp4};
-`,Io=o.div`
+`,zo=o.div`
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
-`,zo=o.img`
+`,Io=o.img`
   border-radius: 50%;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
-`,Xt=o.div`
+`,Qt=o.div`
   display: flex;
   align-items: center;
   flex-direction: column;
   padding: ${s.sp1} 5px;
-`,Do=({children:e,data:i})=>t.jsx(fe,{maxWidth:"280px",placement:"bottom-start",title:t.jsx(Xt,{children:i?.isUserGroup===!0?t.jsx(Ue,{children:i.label}):t.jsxs(t.Fragment,{children:[$t(i)!=null&&t.jsx(Ue,{children:$t(i)}),i?.email!=null&&t.jsx(Ue,{children:i.email})]})}),style:{color:we.championDark,marginTop:"6px"},display:"flex",children:e}),Qt=(e,i,r)=>e?.photo!=null?t.jsx(zo,{width:i,height:i,src:e.photo.href,alt:D.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:l})=>{l.onerror=null,l.src=Wt},loading:"lazy"}):e?.isUserGroup===!0?t.jsx(ws,{name:e.label??"",size:i,index:r}):t.jsx(Rt,{firstName:e?.firstName??"",lastName:e?.lastName??"",size:i,index:r}),No=e=>{const{data:i,options:r,isSelected:l}=e;let p=0;return r.forEach(d=>{d.label===D.getLocalizedStrings().cockpit.userMultiSelectHeaders.allUsers&&(p=d.options.findIndex(a=>a.value===i.value))}),t.jsx(Ue,{className:"select-option-wrapper","data-testid":je("cockpit-user-multiselect-option",i.value),children:t.jsx(De.Option,{...e,children:t.jsxs(Io,{children:[t.jsxs(Po,{children:[t.jsx(Wo,{children:Qt(i,s.sp5,p)}),t.jsxs(Mo,{children:[t.jsx(Eo,{children:e.label}),t.jsx(Oo,{children:i.email})]})]}),!!l&&t.jsxs("div",{children:[t.jsx(Lo,{}),t.jsx(Go,{})]})]})})})},Mo=o.div`
+`,Do=({children:e,data:i})=>t.jsx(fe,{maxWidth:"280px",placement:"bottom-start",title:t.jsx(Qt,{children:i?.isUserGroup===!0?t.jsx(Fe,{children:i.label}):t.jsxs(t.Fragment,{children:[$t(i)!=null&&t.jsx(Fe,{children:$t(i)}),i?.email!=null&&t.jsx(Fe,{children:i.email})]})}),style:{color:we.championDark,marginTop:"6px"},display:"flex",children:e}),Xt=(e,i,r)=>e?.photo!=null?t.jsx(Io,{width:i,height:i,src:e.photo.href,alt:D.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:l})=>{l.onerror=null,l.src=Wt},loading:"lazy"}):e?.isUserGroup===!0?t.jsx(ws,{name:e.label??"",size:i,index:r}):t.jsx(Rt,{firstName:e?.firstName??"",lastName:e?.lastName??"",size:i,index:r}),No=e=>{const{data:i,options:r,isSelected:l}=e;let p=0;return r.forEach(d=>{d.label===D.getLocalizedStrings().cockpit.userMultiSelectHeaders.allUsers&&(p=d.options.findIndex(a=>a.value===i.value))}),t.jsx(Fe,{className:"select-option-wrapper","data-testid":je("cockpit-user-multiselect-option",i.value),children:t.jsx(De.Option,{...e,children:t.jsxs(zo,{children:[t.jsxs(Po,{children:[t.jsx(Wo,{children:Xt(i,s.sp5,p)}),t.jsxs(Mo,{children:[t.jsx(Oo,{children:e.label}),t.jsx(Eo,{children:i.email})]})]}),!!l&&t.jsxs("div",{children:[t.jsx(Lo,{}),t.jsx(Go,{})]})]})})})},Mo=o.div`
   display: flex;
   flex-direction: column;
-`,Eo=o(O)`
+`,Oo=o(E)`
   color: ${e=>e.theme.colors.primary};
-`,Oo=o(Ee)`
+`,Eo=o(Oe)`
   color: ${e=>e.theme.colors.hero};
 `,Po=o.div`
   width: 100%;
@@ -123,7 +123,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`,Bo=({children:e,...i})=>{const r=i.selectProps.value,l=r.length>1;if(r.length===0)return t.jsxs(De.ValueContainer,{...i,children:[i.selectProps.value.length===0&&t.jsx(To,{}),e]});{const p=r[0],d=r.slice(1).map(a=>a.label).join(", ");return t.jsxs(De.ValueContainer,{...i,children:[t.jsx(_o,{"data-testid":je("cockpit-user-multiselect-selected"),children:t.jsxs(Do,{data:p,children:[Qt(p,s.sp4),t.jsx(Ro,{style:i.getStyles("multiValueLabel",i),children:p.label})]})}),l&&t.jsx(fe,{placement:"bottom-start",title:t.jsx(Xt,{children:d}),style:{color:we.championDark},display:"flex",children:t.jsx(Ao,{children:t.jsxs(Fo,{className:"userBadge","data-testid":je("cockpit-user-multiselect-badge"),children:[D.getLocalizedStrings().common.strings.plus,Array.from(new Set(i.selectProps.value)).length-1]})})})]})}},Ao=o.div`
+`,Bo=({children:e,...i})=>{const r=i.selectProps.value,l=r.length>1;if(r.length===0)return t.jsxs(De.ValueContainer,{...i,children:[i.selectProps.value.length===0&&t.jsx(To,{}),e]});{const p=r[0],d=r.slice(1).map(a=>a.label).join(", ");return t.jsxs(De.ValueContainer,{...i,children:[t.jsx(_o,{"data-testid":je("cockpit-user-multiselect-selected"),children:t.jsxs(Do,{data:p,children:[Xt(p,s.sp4),t.jsx(Ro,{style:i.getStyles("multiValueLabel",i),children:p.label})]})}),l&&t.jsx(fe,{placement:"bottom-start",title:t.jsx(Qt,{children:d}),style:{color:we.championDark},display:"flex",children:t.jsx(Ao,{children:t.jsxs(Uo,{className:"userBadge","data-testid":je("cockpit-user-multiselect-badge"),children:[D.getLocalizedStrings().common.strings.plus,Array.from(new Set(i.selectProps.value)).length-1]})})})]})}},Ao=o.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -141,20 +141,20 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   padding: 6px;
   border: 1px solid;
   box-sizing: border-box; // To ensure the border and padding are included in the width and height
-`,Fo=o(Ht)`
+`,Uo=o(Ht)`
   color: ${e=>e.theme.colors.hero};
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
   text-align: center;
-`,Uo=()=>null,Vo=()=>null,Ho=()=>null,_o=o.div`
+`,Fo=()=>null,Vo=()=>null,Ho=()=>null,_o=o.div`
   display: flex;
   flex-direction: row;
   cursor: pointer;
-`,Ko=({name:e,placeholderLabel:i,registerOptions:r,value:l,isReadOnly:p,isDisabled:d,pickerStyles:a})=>{const{control:c}=Me();return t.jsx(Yo,{"data-testid":je("cockpit-user-multiselect-field"),children:t.jsx(Ut,{name:e,control:c,defaultValue:l,rules:r,render:({field:{value:h,onChange:g}})=>t.jsx(mo,{name:e,onSelectedUsersChanged:(x,m)=>{g({...h,allUsers:l.allUsers,selectedUsers:x,deSelectedUsers:m})},selectedUsers:h.selectedUsers,selectedUserGroups:h.selectedUserGroups??[],allUsers:l.allUsers,allUserGroups:l.allUserGroups,onSelectedUserGroupsChanged:x=>{g({...h,selectedUserGroups:x})},customization:{placeholderLabel:i},isReadOnly:p,disable:d,pickerStyles:a})})})},Yo=o.div``,{taskManagement:yt,common:Fe}=D.getLocalizedStrings();function es({anchorEl:e,isDefault:i,onAddTask:r,onRename:l,onDelete:p,onCollapseAll:d,onExpandAll:a,onClose:c}){return t.jsx(nt,{open:!!e,anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(qo,{children:[t.jsxs(Oe,{onClick:()=>{c(),r()},hasBorderBottom:!0,children:[t.jsx(Zo,{}),t.jsx(O,{children:yt.taskList.taskGroupMoreOptions.addTask})]}),t.jsx(Xo,{children:t.jsx(Jo,{children:yt.taskList.taskGroupMoreOptions.groupOptions})}),t.jsxs(U,{controller:i===!1,children:[t.jsxs(Oe,{onClick:()=>{c(),l()},children:[t.jsx(Qo,{}),t.jsx(O,{children:Fe.rename})]}),t.jsxs(Oe,{onClick:()=>{c(),p()},children:[t.jsx(er,{}),t.jsx(O,{children:Fe.delete})]})]}),t.jsxs(Oe,{onClick:()=>{c(),d()},children:[t.jsx(tr,{}),t.jsx(O,{children:Fe.collapseAll})]}),t.jsxs(Oe,{onClick:()=>{c(),a()},children:[t.jsx(sr,{}),t.jsx(O,{children:Fe.expandAll})]})]})})}const qo=o.div`
+`,Ko=({name:e,placeholderLabel:i,registerOptions:r,value:l,isReadOnly:p,isDisabled:d,pickerStyles:a})=>{const{control:c}=Me();return t.jsx(Yo,{"data-testid":je("cockpit-user-multiselect-field"),children:t.jsx(Ft,{name:e,control:c,defaultValue:l,rules:r,render:({field:{value:h,onChange:g}})=>t.jsx(mo,{name:e,onSelectedUsersChanged:(x,m)=>{g({...h,allUsers:l.allUsers,selectedUsers:x,deSelectedUsers:m})},selectedUsers:h.selectedUsers,selectedUserGroups:h.selectedUserGroups??[],allUsers:l.allUsers,allUserGroups:l.allUserGroups,onSelectedUserGroupsChanged:x=>{g({...h,selectedUserGroups:x})},customization:{placeholderLabel:i},isReadOnly:p,disable:d,pickerStyles:a})})})},Yo=o.div``,{taskManagement:yt,common:Ue}=D.getLocalizedStrings();function es({anchorEl:e,isDefault:i,onAddTask:r,onRename:l,onDelete:p,onCollapseAll:d,onExpandAll:a,onClose:c}){return t.jsx(nt,{open:!!e,anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(qo,{children:[t.jsxs(Ee,{onClick:()=>{c(),r()},hasBorderBottom:!0,children:[t.jsx(Zo,{}),t.jsx(E,{children:yt.taskList.taskGroupMoreOptions.addTask})]}),t.jsx(Qo,{children:t.jsx(Jo,{children:yt.taskList.taskGroupMoreOptions.groupOptions})}),t.jsxs(F,{controller:i===!1,children:[t.jsxs(Ee,{onClick:()=>{c(),l()},children:[t.jsx(Xo,{}),t.jsx(E,{children:Ue.rename})]}),t.jsxs(Ee,{onClick:()=>{c(),p()},children:[t.jsx(er,{}),t.jsx(E,{children:Ue.delete})]})]}),t.jsxs(Ee,{onClick:()=>{c(),d()},children:[t.jsx(tr,{}),t.jsx(E,{children:Ue.collapseAll})]}),t.jsxs(Ee,{onClick:()=>{c(),a()},children:[t.jsx(sr,{}),t.jsx(E,{children:Ue.expandAll})]})]})})}const qo=o.div`
   display: flex;
   flex-direction: column;
-`,Oe=o.div`
+`,Ee=o.div`
   display: flex;
   column-gap: ${s.sp2};
   align-items: center;
@@ -172,10 +172,10 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   height: ${s.sp3};
 `,Jo=o(At)`
   color: ${e=>e.theme.colors.primary};
-`,Xo=o.div`
+`,Qo=o.div`
   padding: ${s.sp2} ${s.sp3};
   background-color: ${e=>e.theme.colors.grey5};
-`,Qo=o(as)`
+`,Xo=o(as)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,er=o(ds)`
@@ -187,16 +187,16 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
 `,sr=o(He)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Le=D.getLocalizedStrings().taskManagement.taskList.header,Z=[{key:"name",value:Le.name,sortOrder:"ascending",width:new Q(20,30,30)},{key:"status",value:Le.status,sortOrder:"ascending",width:new Q(10,10,10)},{key:"priority",value:Le.priority,sortOrder:"ascending",width:new Q(12,12,12)},{key:"dueDate",value:Le.dueDate,sortOrder:"ascending",width:new Q(12,12,12)},{key:"assignee",value:Le.assignee,sortOrder:"ascending",width:new Q(15,15,15)},{key:"tag",value:Le.tag,sortOrder:"ascending",width:new Q(15,10,10)},{key:"timeSpent",value:Le.timeSpent,sortOrder:"ascending",width:new Q(13,13,13,15,15)}],ze={headerLastColumnTopPadding:new Q(B[0],B[4]),headerLastColumnRightPadding:new Q(B[3],B[4]),headerLastColumnBottomPadding:new Q(B[0],B[4]),headerLastColumnLeftPadding:new Q(B[3],B[4]),headerHeight:new Q(Xs,Qs)},or=st.memo(function({companyNameSticky:e,onColumnSortConfigChanged:i,sortConfig:r}){const l=_e(),p=ye(),[d,a]=n.useState(We(Z));n.useEffect(()=>{const m=[...d];for(const v of m)v.key===r.sortKey?v.sortOrder=r.sortOrder:v.sortOrder="ascending";a(m)},[r.sortKey,r.sortOrder]);const c=(m,v)=>{let f=v;r.sortKey===m&&(f=v==="ascending"?"descending":"ascending"),i(m,f)},h=d.find(m=>m.key===r.sortKey)??d[0],g=d.map(m=>m.key),x=D.getLocalizedStrings().spendManagement.billPay.billsByTabs;return p==="small"?t.jsxs(bt,{windowSize:p,companyNameSticky:!1,children:[t.jsxs(nr,{children:[t.jsx(ar,{children:t.jsx(lr,{})}),t.jsx(us,{title:x.sortBy,placeholder:x.sortBy,pickerValues:g,valueToLabel:m=>d.find(v=>v.key===m)?.value??"",selectedValue:r.sortKey,onPickerSelectionChanged:m=>{m!=null&&c(m,"ascending")},optionTextStyle:ce.smallRegular,titleTextStyle:ce.smallRegular,titleColor:l.colors.primary,selectedOptionColor:l.colors.hero,optionBackgroundColor:l.colors.grey5,downChevronVisible:!1,backgroundColor:l.colors.background})]}),t.jsxs(pr,{onClick:()=>c(h.key,h.sortOrder),children:[t.jsx(O,{children:h.value}),t.jsx(vt,{sortDataValue:r.sortKey,headerdata:h,children:t.jsx(Ct,{})})]})]}):t.jsx(bt,{companyNameSticky:e,windowSize:p,children:d.map(m=>t.jsxs(rr,{companyNameSticky:e&&m.key==="name",sortDataValue:r.sortKey,actualDataValue:m.key,wrapperWidth:m.width,windowSize:p,isLastColumn:m.key==="timeSpent",children:[t.jsxs(cr,{sortKey:m.key,onClick:()=>c(m.key,m.sortOrder),children:[t.jsx(O,{children:m.value}),t.jsx(vt,{sortDataValue:r.sortKey,headerdata:m,children:t.jsx(Ct,{})})]}),t.jsx(dr,{sortDataValue:r.sortKey,windowSize:p,isVisible:r.sortKey===m.key,children:t.jsx(ir,{onClick:()=>c("dueDate","ascending")})})]},m.key))})}),bt=o(O)`
+`,Le=D.getLocalizedStrings().taskManagement.taskList.header,Z=[{key:"name",value:Le.name,sortOrder:"ascending",width:new X(20,30,30)},{key:"status",value:Le.status,sortOrder:"ascending",width:new X(10,10,10)},{key:"priority",value:Le.priority,sortOrder:"ascending",width:new X(12,12,12)},{key:"dueDate",value:Le.dueDate,sortOrder:"ascending",width:new X(12,12,12)},{key:"assignee",value:Le.assignee,sortOrder:"ascending",width:new X(15,15,15)},{key:"tag",value:Le.tag,sortOrder:"ascending",width:new X(15,10,10)},{key:"timeSpent",value:Le.timeSpent,sortOrder:"ascending",width:new X(13,13,13,15,15)}],Ie={headerLastColumnTopPadding:new X(B[0],B[4]),headerLastColumnRightPadding:new X(B[3],B[4]),headerLastColumnBottomPadding:new X(B[0],B[4]),headerLastColumnLeftPadding:new X(B[3],B[4]),headerHeight:new X(Qs,Xs)},or=st.memo(function({companyNameSticky:e,onColumnSortConfigChanged:i,sortConfig:r}){const l=_e(),p=ye(),[d,a]=n.useState(We(Z));n.useEffect(()=>{const m=[...d];for(const v of m)v.key===r.sortKey?v.sortOrder=r.sortOrder:v.sortOrder="ascending";a(m)},[r.sortKey,r.sortOrder]);const c=(m,v)=>{let f=v;r.sortKey===m&&(f=v==="ascending"?"descending":"ascending"),i(m,f)},h=d.find(m=>m.key===r.sortKey)??d[0],g=d.map(m=>m.key),x=D.getLocalizedStrings().spendManagement.billPay.billsByTabs;return p==="small"?t.jsxs(bt,{windowSize:p,companyNameSticky:!1,children:[t.jsxs(nr,{children:[t.jsx(ar,{children:t.jsx(lr,{})}),t.jsx(us,{title:x.sortBy,placeholder:x.sortBy,pickerValues:g,valueToLabel:m=>d.find(v=>v.key===m)?.value??"",selectedValue:r.sortKey,onPickerSelectionChanged:m=>{m!=null&&c(m,"ascending")},optionTextStyle:ce.smallRegular,titleTextStyle:ce.smallRegular,titleColor:l.colors.primary,selectedOptionColor:l.colors.hero,optionBackgroundColor:l.colors.grey5,downChevronVisible:!1,backgroundColor:l.colors.background})]}),t.jsxs(pr,{onClick:()=>c(h.key,h.sortOrder),children:[t.jsx(E,{children:h.value}),t.jsx(vt,{sortDataValue:r.sortKey,headerdata:h,children:t.jsx(Ct,{})})]})]}):t.jsx(bt,{companyNameSticky:e,windowSize:p,children:d.map(m=>t.jsxs(rr,{companyNameSticky:e&&m.key==="name",sortDataValue:r.sortKey,actualDataValue:m.key,wrapperWidth:m.width,windowSize:p,isLastColumn:m.key==="timeSpent",children:[t.jsxs(cr,{sortKey:m.key,onClick:()=>c(m.key,m.sortOrder),children:[t.jsx(E,{children:m.value}),t.jsx(vt,{sortDataValue:r.sortKey,headerdata:m,children:t.jsx(Ct,{})})]}),t.jsx(dr,{sortDataValue:r.sortKey,windowSize:p,isVisible:r.sortKey===m.key,children:t.jsx(ir,{onClick:()=>c("dueDate","ascending")})})]},m.key))})}),bt=o(E)`
   top: ${s.sp0};
   left: ${s.sp0};
-  min-height: ${e=>ze.headerHeight.valuePx(e.windowSize)};
-  max-height: ${e=>ze.headerHeight.valuePx(e.windowSize)};
+  min-height: ${e=>Ie.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>Ie.headerHeight.valuePx(e.windowSize)};
   width: auto;
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding: ${e=>`${ze.headerLastColumnTopPadding.valuePx(e.windowSize)} ${ze.headerLastColumnRightPadding.valuePx(e.windowSize)} ${ze.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${ze.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${Ie.headerLastColumnTopPadding.valuePx(e.windowSize)} ${Ie.headerLastColumnRightPadding.valuePx(e.windowSize)} ${Ie.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${Ie.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
   background-color: ${e=>e.theme.colors.grey4};
   justify-content: ${e=>e.windowSize==="small"?"space-between":"unset"};
   position: sticky;
@@ -273,7 +273,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,ts=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},n.createElement("circle",{cx:6.44995,cy:2.75,r:1.75,fill:"currentColor"}),n.createElement("circle",{cx:6.44995,cy:12.05,r:1.75,fill:"currentColor"}),n.createElement("circle",{cx:6.44995,cy:21.25,r:1.75,fill:"currentColor"}),n.createElement("circle",{cx:17.45,cy:2.75,r:1.75,fill:"currentColor"}),n.createElement("circle",{cx:17.45,cy:12.05,r:1.75,fill:"currentColor"}),n.createElement("circle",{cx:17.45,cy:21.25,r:1.75,fill:"currentColor"})),$e=(e,i,r)=>`${e}.${be}.${i}.${r}`,jt=(e,i,r)=>`${e}.${ct}.${i}.${r}`,ss=(e,i,r)=>{const l=r[i];return!!Object.values(r).filter(p=>p!==l).includes(e.trim())},{common:os,taskManagement:rt}=D.getLocalizedStrings(),ue=D.getLocalizedStrings(),Ve={containerPaddingRight:new Q(B[3],B[4],B[4],B[8]),taskNameMaxWidth:new Q(125,170,170,250,300)},ur=(e,i)=>{const r=i.find(l=>l.tagId===e[0]);return r?t.jsxs(zr,{children:[t.jsx(Dr,{children:t.jsx(Nr,{children:r.name},`${r.tagId}_${r.name}`)}),e.length>1?t.jsx(Mr,{children:`${os.strings.plus}${e.length-1}`}):null]}):t.jsx(t.Fragment,{})},hr=({taskGroup:e,uiState:i,userList:r,onTaskGroupNameClick:l})=>{const{groupByKey:p}=i;if(p==="dueDate"){const d=ue.common.timeStrings,a=Rs(e.id);return t.jsx(Pe,{children:d[a]})}if(p==="assignee"){if(e.id==="no_assignee")return t.jsx(Pe,{children:ue.taskManagement.taskList.groupingFilters.no_assignee});const d=e.id.split(",").map(c=>r.users.find(h=>h.userId===c)?.user).filter(c=>c!=null),a=d.length<=5?null:d.slice(5).map(c=>Bs(c)).join(", ");return t.jsxs(qr,{children:[t.jsxs(ei,{children:[d.slice(0,5).map((c,h)=>c.photo!=null?t.jsx(Yr,{isFirstElement:h===0,width:s.sp4,height:s.sp4,src:c.photo.href,alt:ue.cockpit.userProfileAltText,onError:({currentTarget:g})=>{g.onerror=null,g.src=Wt}},c.userId):c!=null?t.jsx(Qr,{isFirstElement:h===0,children:t.jsx(Rt,{firstName:c.firstName??"",lastName:c.lastName??"",size:s.sp4})},c.userId):null),a!=null?t.jsx(fe,{style:{padding:`${s.sp1} ${s.sp2}`},title:a,placement:"bottom",children:t.jsx(ti,{children:`${ue.common.strings.plus}${d.length-5}`})}):null]}),t.jsx(Pe,{children:e.groupName}),a!=null?t.jsx(fe,{style:{padding:`${s.sp1} ${s.sp2}`},title:a,placement:"bottom",children:t.jsx(Zr,{children:`${ue.common.strings.plus}${d.length-5}`})}):null]})}return p==="tag"&&e.id==="no_tag"?t.jsx(Pe,{children:ue.taskManagement.taskList.groupingFilters.no_tag}):t.jsx(Pe,{onClick:()=>{l(e.id)},clickable:!0,children:e.groupName})},mr=e=>Ke.find(i=>i.code===e)?.name??ue.common.strings.empty,gr=({taskDetail:e,userGroupList:i,tagList:r,isSelected:l,isDefaultGroupTask:p,isFirstItem:d,isLastItem:a,sectionId:c,userList:h,onRowClick:g,onTimeSpentUpdate:x,onShowToast:m,onCreateTagClick:v})=>{const f=ye(),{getValues:b,resetField:C,getFieldState:S}=Me();return t.jsxs(fr,{isDefaultGroupTask:p,isFirstItem:d,isLastItem:a,isSelected:l,children:[t.jsxs($r,{windowSize:f,onClick:g,responsiveWidth:Z[0].width,children:[t.jsxs(yr,{windowSize:f,children:[t.jsx(vr,{isIconPresent:e.type.code==="recurring",windowSize:f,children:e.name}),e.type.code==="recurring"?t.jsx(fe,{style:{padding:`2px ${s.sp1}`},title:e.type.name,placement:"bottom",children:t.jsx(jr,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(fe,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(br,{windowSize:f,responsiveWidth:Z[0].width,children:t.jsx(Cr,{className:"taskDescriptionText",windowSize:f,children:e.description})})})]}),t.jsx(Tr,{windowSize:f,responsiveWidth:Z[1].width,children:t.jsx(xt,{name:$e(c,e.id,pt),registerOptions:{required:!1},defaultValue:{selectedOption:e.status.code,allOptions:dt.map(u=>({label:u.name,value:u.code}))},valueToLabel:u=>ot(u),isSearchable:!1,customStyleConfig:{container:()=>({justifyContent:"flex-start",margin:0}),control:()=>({"&:hover":{backgroundColor:"unset"}}),menu:()=>({width:"320px",zIndex:3})},controlProperty:{leftRightMargin:!1},textAlignment:"left"})}),t.jsx(Lr,{windowSize:f,responsiveWidth:Z[2].width,children:t.jsx(xt,{name:$e(c,e.id,ut),registerOptions:{required:!1},defaultValue:{selectedOption:e.priority.code,allOptions:Ke.map(u=>({label:u.name,value:u.code}))},valueToLabel:u=>(k=>{const w=Fs(k);return t.jsxs(si,{children:[t.jsx(oi,{color:oo(w)}),t.jsx(li,{children:mr(w)})]})})(u),isSearchable:!1,customStyleConfig:{container:()=>({justifyContent:"flex-start",margin:0}),control:()=>({"&:hover":{backgroundColor:"unset"}}),menu:()=>({width:"320px",zIndex:3}),valueContainer:u=>({...u,color:"inherit","&.select-value-container":{".single-select-field__single-value":{color:"inherit"}}})},controlProperty:{leftRightMargin:!1},textAlignment:"left"})}),t.jsx(Gr,{windowSize:f,responsiveWidth:Z[3].width,children:t.jsx(ao,{name:$e(c,e.id,ht),defaultValue:{date:e.dueDate,showBusinessDay:!1},dateFormat:ue.dateFormat.visual.MMMDCommaYYYYformat,inputStyles:{titleTextComponent:ee},minDate:As()})}),t.jsx(Sr,{windowSize:f,responsiveWidth:Z[4].width,children:t.jsx(Ko,{value:{allUsers:h,selectedUsers:e.assigneeUsers.map(u=>u.user),selectedUserGroups:e.groupAssignees.map(u=>i.find(k=>k.userGroupId===u)).filter(u=>u!=null),allUserGroups:i},name:$e(c,e.id,mt),pickerStyles:{multiValueLabelTitleStyle:ce.standardRegular}})}),t.jsx(Ir,{windowSize:f,responsiveWidth:Z[5].width,children:t.jsx(so,{onCreateOption:(...u)=>{v(u[0],e.id)},placeholder:ue.common.strings.empty,placeholderComponent:t.jsxs(ii,{children:[t.jsx(ni,{}),t.jsx(O,{children:ue.taskManagement.taskDetail.tagPlaceholder})]}),customCreateLabel:u=>(k=>t.jsx(ri,{children:t.jsx(ai,{children:`${ue.dropDowns.createOption} "${k}"`})}))(u),defaultValue:{allOptions:qt(r),selectedOptions:e.tagIds},maxAllowedSelectedValues:5,name:$e(c,e.id,gt),isListView:!0,customStyleConfig:{valueContainer:(u,k)=>({justifyContent:"flex-start",flexWrap:"nowrap",display:"flex",alignItems:"center",".selected-options":{textAlign:"left",display:k.selectProps.menuIsOpen?"none":"flex",alignItems:"center",flexWrap:"nowrap",margin:0,gap:s.sp2,label:{margin:s.sp0}}}),input:()=>({flex:0}),control:()=>({backgroundColor:"unset","&:hover":{backgroundColor:"unset"},padding:"0"}),menu:()=>({width:"320px"})}})}),t.jsx(Jr,{windowSize:f,responsiveWidth:Z[6].width,isLastColumn:!0,children:t.jsx(Xr,{className:"timeSpentField",children:t.jsx(Zt,{name:$e(c,e.id,Ne),placeholder:rt.common.timeSpentPlaceholder,timeSpentFormat:rt.common.timeSpentFormat,registerOptions:{validate:u=>!(Yt(u)>Jt)||(m({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error")},onInputBlur:()=>{((u,k)=>{const w=$e(u,k,Ne);S(w).invalid?C(w):x(e,{timeSpent:b(w)})})(c,e.id)},style:{background:"none"},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},xr=({taskGroup:e,userGroupList:i,tagList:r,sectionId:l,uiState:p,userList:d,showGroupName:a,showRenameTextField:c,isCollapsed:h,isSelectionAllowed:g,selectedRowIds:x,existingTaskGroupNamesByGroupId:m,onRenameClick:v,onDeleteTaskGroup:f,onExpandAll:b,onCollapseAll:C,onAddNewTaskToTaskGroup:S,onCollapseToggle:u,onTaskManagementRowClick:k,onColumnSortConfigChanged:w,onDragStart:G,onTimeSpentUpdate:I,onShowToast:te,onCreateTagClick:H,onTaskGroupNameClick:M})=>{const[P,y]=n.useState(null),T=ye(),{groupByKey:he,sortKey:me,sortOrder:se}=p,{setFocus:_,control:ie}=Me(),j=n.useCallback(()=>{u(e.id)},[u,e.id]),E=n.useCallback(A=>{y(A.currentTarget)},[]),z=n.useCallback(()=>{y(null)},[]),W=n.useCallback(()=>{S(e.id)},[S,e.id]),V=n.useCallback(()=>{y(null),f(e.id)},[f,e.id]),oe=n.useCallback(()=>{v(),z()},[z,v]);n.useEffect(()=>{c&&_(`${l}.${Ce}`)},[l,c,_]);const X=!!ie.getFieldState(`${l}.${Ce}`).error,N=e.tasks.filter(A=>A.status.code==="resolved"||A.status.code==="done").length,K=e.tasks.length,xe=K>0?N/K*100:0,Se=d.users.map(A=>A.user).filter(A=>A!=null),Te=xe<=50?we.important:xe<=85?we.alert:we.success;return t.jsxs(kr,{windowSize:T,children:[t.jsx(U,{controller:a,children:t.jsxs(Pr,{children:[t.jsxs(wr,{children:[t.jsx(Or,{isOpen:h===!1,onClick:j,children:t.jsx(Er,{})}),t.jsx(U,{controller:c,children:t.jsx(Ot,{style:{textAlign:"start",width:"100%",padding:`${s.sp1} ${s.sp0} ${s.sp1} ${X?s.sp2:s.sp0}`,background:X?void 0:"unset",...ce.largeMedium.cssObject},type:"text",name:jt(l,e.id,Ce),placeholder:rt.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:A=>ss(A,e.id,m)===!1}})}),t.jsx(U,{controller:c===!1,children:t.jsxs(Vr,{children:[t.jsx(hr,{userList:d,uiState:p,taskGroup:e,onTaskGroupNameClick:M}),t.jsx(U,{controller:p.groupByKey!=="status",children:t.jsx(fe,{style:{padding:`${s.sp1} ${s.sp2}`},title:`${ue.taskManagement.taskList.groupingFilters.completedInfo.replace("__resolvedTasks",N.toString()).replace("__totalTasks",K.toString())}`,placement:"bottom",children:t.jsx(Hr,{children:t.jsx(_r,{fill:Te,percentage:xe})})})}),t.jsxs(Kr,{children:[N,"/",K]})]})})]}),t.jsx(U,{controller:c===!1,children:t.jsx(Ar,{onClick:E,children:t.jsx(Br,{})})}),t.jsx(es,{onClose:z,onAddTask:W,onCollapseAll:C,onDelete:V,onExpandAll:b,onRename:oe,isDefault:e.isDefault,anchorEl:P})]})}),t.jsx(U,{controller:h===!1&&e.tasks.length>0,children:t.jsx(Pt,{mode:x.length===0?"checked_or_hover":"always_on",isDisabled:g===!1?"disabled":void 0,checkBoxes:[{label:t.jsx(Rr,{children:t.jsx(or,{companyNameSticky:!1,onColumnSortConfigChanged:w,sortConfig:{sortKey:me,sortOrder:se}})}),prefix:t.jsx(Ur,{}),defaultChecked:!1,groupLabel:!0,value:os.all.toLocaleLowerCase()},...e.tasks.map((A,Ge)=>({label:t.jsx(gr,{taskDetail:A,sectionId:l,tagList:r,isSelected:x.includes(A.id),isDefaultGroupTask:e.isDefault===!0&&he==="groupName",isFirstItem:Ge===0,isLastItem:Ge===e.tasks.length-1,userList:Se,userGroupList:i,onCreateTagClick:H,onRowClick:()=>{k(A.id)},onTimeSpentUpdate:I,onShowToast:te}),prefix:t.jsx(Wr,{children:t.jsx(Fr,{})}),value:A.id,defaultChecked:!1,groupLabel:!1}))],name:jt(l,e.id,Re),style:{width:"100%",rowGap:e.isDefault===!0&&he==="groupName"?s.sp3:s.sp0},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:G,draggable:!0})})]})},kr=o.div`
+`,ts=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},n.createElement("circle",{cx:6.44995,cy:2.75,r:1.75,fill:"currentColor"}),n.createElement("circle",{cx:6.44995,cy:12.05,r:1.75,fill:"currentColor"}),n.createElement("circle",{cx:6.44995,cy:21.25,r:1.75,fill:"currentColor"}),n.createElement("circle",{cx:17.45,cy:2.75,r:1.75,fill:"currentColor"}),n.createElement("circle",{cx:17.45,cy:12.05,r:1.75,fill:"currentColor"}),n.createElement("circle",{cx:17.45,cy:21.25,r:1.75,fill:"currentColor"})),$e=(e,i,r)=>`${e}.${be}.${i}.${r}`,jt=(e,i,r)=>`${e}.${ct}.${i}.${r}`,ss=(e,i,r)=>{const l=r[i];return!!Object.values(r).filter(p=>p!==l).includes(e.trim())},{common:os,taskManagement:rt}=D.getLocalizedStrings(),ue=D.getLocalizedStrings(),Ve={containerPaddingRight:new X(B[3],B[4],B[4],B[8]),taskNameMaxWidth:new X(125,170,170,250,300)},ur=(e,i)=>{const r=i.find(l=>l.tagId===e[0]);return r?t.jsxs(Ir,{children:[t.jsx(Dr,{children:t.jsx(Nr,{children:r.name},`${r.tagId}_${r.name}`)}),e.length>1?t.jsx(Mr,{children:`${os.strings.plus}${e.length-1}`}):null]}):t.jsx(t.Fragment,{})},hr=({taskGroup:e,uiState:i,userList:r,onTaskGroupNameClick:l})=>{const{groupByKey:p}=i;if(p==="dueDate"){const d=ue.common.timeStrings,a=Rs(e.id);return t.jsx(Pe,{children:d[a]})}if(p==="assignee"){if(e.id==="no_assignee")return t.jsx(Pe,{children:ue.taskManagement.taskList.groupingFilters.no_assignee});const d=e.id.split(",").map(c=>r.users.find(h=>h.userId===c)?.user).filter(c=>c!=null),a=d.length<=5?null:d.slice(5).map(c=>Bs(c)).join(", ");return t.jsxs(qr,{children:[t.jsxs(ei,{children:[d.slice(0,5).map((c,h)=>c.photo!=null?t.jsx(Yr,{isFirstElement:h===0,width:s.sp4,height:s.sp4,src:c.photo.href,alt:ue.cockpit.userProfileAltText,onError:({currentTarget:g})=>{g.onerror=null,g.src=Wt}},c.userId):c!=null?t.jsx(Xr,{isFirstElement:h===0,children:t.jsx(Rt,{firstName:c.firstName??"",lastName:c.lastName??"",size:s.sp4})},c.userId):null),a!=null?t.jsx(fe,{style:{padding:`${s.sp1} ${s.sp2}`},title:a,placement:"bottom",children:t.jsx(ti,{children:`${ue.common.strings.plus}${d.length-5}`})}):null]}),t.jsx(Pe,{children:e.groupName}),a!=null?t.jsx(fe,{style:{padding:`${s.sp1} ${s.sp2}`},title:a,placement:"bottom",children:t.jsx(Zr,{children:`${ue.common.strings.plus}${d.length-5}`})}):null]})}return p==="tag"&&e.id==="no_tag"?t.jsx(Pe,{children:ue.taskManagement.taskList.groupingFilters.no_tag}):t.jsx(Pe,{onClick:()=>{l(e.id)},clickable:!0,children:e.groupName})},mr=e=>Ke.find(i=>i.code===e)?.name??ue.common.strings.empty,gr=({taskDetail:e,userGroupList:i,tagList:r,isSelected:l,isDefaultGroupTask:p,isFirstItem:d,isLastItem:a,sectionId:c,userList:h,onRowClick:g,onTimeSpentUpdate:x,onShowToast:m,onCreateTagClick:v})=>{const f=ye(),{getValues:b,resetField:C,getFieldState:S}=Me();return t.jsxs(fr,{isDefaultGroupTask:p,isFirstItem:d,isLastItem:a,isSelected:l,children:[t.jsxs($r,{windowSize:f,onClick:g,responsiveWidth:Z[0].width,children:[t.jsxs(yr,{windowSize:f,children:[t.jsx(vr,{isIconPresent:e.type.code==="recurring",windowSize:f,children:e.name}),e.type.code==="recurring"?t.jsx(fe,{style:{padding:`2px ${s.sp1}`},title:e.type.name,placement:"bottom",children:t.jsx(jr,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(fe,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(br,{windowSize:f,responsiveWidth:Z[0].width,children:t.jsx(Cr,{className:"taskDescriptionText",windowSize:f,children:e.description})})})]}),t.jsx(Tr,{windowSize:f,responsiveWidth:Z[1].width,children:t.jsx(xt,{name:$e(c,e.id,pt),registerOptions:{required:!1},defaultValue:{selectedOption:e.status.code,allOptions:dt.map(u=>({label:u.name,value:u.code}))},valueToLabel:u=>ot(u),isSearchable:!1,customStyleConfig:{container:()=>({justifyContent:"flex-start",margin:0}),control:()=>({"&:hover":{backgroundColor:"unset"}}),menu:()=>({width:"320px",zIndex:3})},controlProperty:{leftRightMargin:!1},textAlignment:"left"})}),t.jsx(Lr,{windowSize:f,responsiveWidth:Z[2].width,children:t.jsx(xt,{name:$e(c,e.id,ut),registerOptions:{required:!1},defaultValue:{selectedOption:e.priority.code,allOptions:Ke.map(u=>({label:u.name,value:u.code}))},valueToLabel:u=>(k=>{const w=Us(k);return t.jsxs(si,{children:[t.jsx(oi,{color:oo(w)}),t.jsx(li,{children:mr(w)})]})})(u),isSearchable:!1,customStyleConfig:{container:()=>({justifyContent:"flex-start",margin:0}),control:()=>({"&:hover":{backgroundColor:"unset"}}),menu:()=>({width:"320px",zIndex:3}),valueContainer:u=>({...u,color:"inherit","&.select-value-container":{".single-select-field__single-value":{color:"inherit"}}})},controlProperty:{leftRightMargin:!1},textAlignment:"left"})}),t.jsx(Gr,{windowSize:f,responsiveWidth:Z[3].width,children:t.jsx(ao,{name:$e(c,e.id,ht),defaultValue:{date:e.dueDate,showBusinessDay:!1},dateFormat:ue.dateFormat.visual.MMMDCommaYYYYformat,inputStyles:{titleTextComponent:ee},minDate:As()})}),t.jsx(Sr,{windowSize:f,responsiveWidth:Z[4].width,children:t.jsx(Ko,{value:{allUsers:h,selectedUsers:e.assigneeUsers.map(u=>u.user),selectedUserGroups:e.groupAssignees.map(u=>i.find(k=>k.userGroupId===u)).filter(u=>u!=null),allUserGroups:i},name:$e(c,e.id,mt),pickerStyles:{multiValueLabelTitleStyle:ce.standardRegular}})}),t.jsx(zr,{windowSize:f,responsiveWidth:Z[5].width,children:t.jsx(so,{onCreateOption:(...u)=>{v(u[0],e.id)},placeholder:ue.common.strings.empty,placeholderComponent:t.jsxs(ii,{children:[t.jsx(ni,{}),t.jsx(E,{children:ue.taskManagement.taskDetail.tagPlaceholder})]}),customCreateLabel:u=>(k=>t.jsx(ri,{children:t.jsx(ai,{children:`${ue.dropDowns.createOption} "${k}"`})}))(u),defaultValue:{allOptions:qt(r),selectedOptions:e.tagIds},maxAllowedSelectedValues:5,name:$e(c,e.id,gt),isListView:!0,customStyleConfig:{valueContainer:(u,k)=>({justifyContent:"flex-start",flexWrap:"nowrap",display:"flex",alignItems:"center",".selected-options":{textAlign:"left",display:k.selectProps.menuIsOpen?"none":"flex",alignItems:"center",flexWrap:"nowrap",margin:0,gap:s.sp2,label:{margin:s.sp0}}}),input:()=>({flex:0}),control:()=>({backgroundColor:"unset","&:hover":{backgroundColor:"unset"},padding:"0"}),menu:()=>({width:"320px"})}})}),t.jsx(Jr,{windowSize:f,responsiveWidth:Z[6].width,isLastColumn:!0,children:t.jsx(Qr,{className:"timeSpentField",children:t.jsx(Zt,{name:$e(c,e.id,Ne),placeholder:rt.common.timeSpentPlaceholder,timeSpentFormat:rt.common.timeSpentFormat,registerOptions:{validate:u=>!(Yt(u)>Jt)||(m({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error")},onInputBlur:()=>{((u,k)=>{const w=$e(u,k,Ne);S(w).invalid?C(w):x(e,{timeSpent:b(w)})})(c,e.id)},style:{background:"none"},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},xr=({taskGroup:e,userGroupList:i,tagList:r,sectionId:l,uiState:p,userList:d,showGroupName:a,showRenameTextField:c,isCollapsed:h,isSelectionAllowed:g,selectedRowIds:x,existingTaskGroupNamesByGroupId:m,onRenameClick:v,onDeleteTaskGroup:f,onExpandAll:b,onCollapseAll:C,onAddNewTaskToTaskGroup:S,onCollapseToggle:u,onTaskManagementRowClick:k,onColumnSortConfigChanged:w,onDragStart:G,onTimeSpentUpdate:z,onShowToast:te,onCreateTagClick:H,onTaskGroupNameClick:M})=>{const[P,y]=n.useState(null),T=ye(),{groupByKey:he,sortKey:me,sortOrder:se}=p,{setFocus:_,control:ie}=Me(),j=n.useCallback(()=>{u(e.id)},[u,e.id]),O=n.useCallback(A=>{y(A.currentTarget)},[]),I=n.useCallback(()=>{y(null)},[]),W=n.useCallback(()=>{S(e.id)},[S,e.id]),V=n.useCallback(()=>{y(null),f(e.id)},[f,e.id]),oe=n.useCallback(()=>{v(),I()},[I,v]);n.useEffect(()=>{c&&_(`${l}.${Ce}`)},[l,c,_]);const Q=!!ie.getFieldState(`${l}.${Ce}`).error,N=e.tasks.filter(A=>A.status.code==="resolved"||A.status.code==="done").length,K=e.tasks.length,xe=K>0?N/K*100:0,Se=d.users.map(A=>A.user).filter(A=>A!=null),Te=xe<=50?we.important:xe<=85?we.alert:we.success;return t.jsxs(kr,{windowSize:T,children:[t.jsx(F,{controller:a,children:t.jsxs(Pr,{children:[t.jsxs(wr,{children:[t.jsx(Er,{isOpen:h===!1,onClick:j,children:t.jsx(Or,{})}),t.jsx(F,{controller:c,children:t.jsx(Et,{style:{textAlign:"start",width:"100%",padding:`${s.sp1} ${s.sp0} ${s.sp1} ${Q?s.sp2:s.sp0}`,background:Q?void 0:"unset",...ce.largeMedium.cssObject},type:"text",name:jt(l,e.id,Ce),placeholder:rt.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:A=>ss(A,e.id,m)===!1}})}),t.jsx(F,{controller:c===!1,children:t.jsxs(Vr,{children:[t.jsx(hr,{userList:d,uiState:p,taskGroup:e,onTaskGroupNameClick:M}),t.jsx(F,{controller:p.groupByKey!=="status",children:t.jsx(fe,{style:{padding:`${s.sp1} ${s.sp2}`},title:`${ue.taskManagement.taskList.groupingFilters.completedInfo.replace("__resolvedTasks",N.toString()).replace("__totalTasks",K.toString())}`,placement:"bottom",children:t.jsx(Hr,{children:t.jsx(_r,{fill:Te,percentage:xe})})})}),t.jsxs(Kr,{children:[N,"/",K]})]})})]}),t.jsx(F,{controller:c===!1,children:t.jsx(Ar,{onClick:O,children:t.jsx(Br,{})})}),t.jsx(es,{onClose:I,onAddTask:W,onCollapseAll:C,onDelete:V,onExpandAll:b,onRename:oe,isDefault:e.isDefault,anchorEl:P})]})}),t.jsx(F,{controller:h===!1&&e.tasks.length>0,children:t.jsx(Pt,{mode:x.length===0?"checked_or_hover":"always_on",isDisabled:g===!1?"disabled":void 0,checkBoxes:[{label:t.jsx(Rr,{children:t.jsx(or,{companyNameSticky:!1,onColumnSortConfigChanged:w,sortConfig:{sortKey:me,sortOrder:se}})}),prefix:t.jsx(Fr,{}),defaultChecked:!1,groupLabel:!0,value:os.all.toLocaleLowerCase()},...e.tasks.map((A,Ge)=>({label:t.jsx(gr,{taskDetail:A,sectionId:l,tagList:r,isSelected:x.includes(A.id),isDefaultGroupTask:e.isDefault===!0&&he==="groupName",isFirstItem:Ge===0,isLastItem:Ge===e.tasks.length-1,userList:Se,userGroupList:i,onCreateTagClick:H,onRowClick:()=>{k(A.id)},onTimeSpentUpdate:z,onShowToast:te}),prefix:t.jsx(Wr,{children:t.jsx(Ur,{})}),value:A.id,defaultChecked:!1,groupLabel:!1}))],name:jt(l,e.id,Re),style:{width:"100%",rowGap:e.isDefault===!0&&he==="groupName"?s.sp3:s.sp0},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:G,draggable:!0})})]})},kr=o.div`
   padding-right: ${e=>Ve.containerPaddingRight.valuePx(e.windowSize)};
   box-sizing: border-box;
   display: flex;
@@ -359,13 +359,13 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   overflow: hidden;
   text-overflow: ellipsis;
   display: inline-block;
-`,Cr=o(O)`
+`,Cr=o(E)`
   color: ${e=>e.theme.colors.grey1};
   max-width: ${e=>Ve.taskNameMaxWidth.valuePx(e.windowSize)};
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`,jr=o(Ft)`
+`,jr=o(Ut)`
   display: flex;
   align-items: center;
   margin-left: ${s.sp1};
@@ -382,7 +382,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
-`,Lr=o(O)`
+`,Lr=o(E)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   box-sizing: border-box;
@@ -390,7 +390,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   flex-direction: column;
   align-items: flex-start;
   justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
-`,Gr=o(O)`
+`,Gr=o(E)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   box-sizing: border-box;
@@ -398,7 +398,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   align-items: center;
   justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
   padding-right: ${e=>e.isLastColumn===!0?s.sp2:s.sp0};
-`,Ir=o.div`
+`,zr=o.div`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
@@ -407,16 +407,16 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   flex-direction: column;
   align-items: flex-start;
   justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
-`,zr=o.div`
+`,Ir=o.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-`,Dr=o(O)`
+`,Dr=o(E)`
   color: ${e=>e.theme.colors.hero};
   max-width: ${s.sp11};
   overflow: hidden;
   margin-right: ${s.sp2};
-`,Nr=o(Ee)`
+`,Nr=o(Oe)`
   border: 1px solid ${we.neutralGrey2Light};
   border-radius: ${s.sp1};
   padding: 1px 6px;
@@ -424,7 +424,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
-`,Mr=o(Ee)`
+`,Mr=o(Oe)`
   border: 1px solid ${e=>e.theme.colors.hero};
   min-width: calc(${s.sp3} + ${s.sp1});
   height: calc(${s.sp3} + ${s.sp1});
@@ -432,11 +432,11 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   display: flex;
   justify-content: center;
   align-items: center;
-`,Er=o(He)`
+`,Or=o(He)`
   width: ${s.sp3};
   height: ${s.sp3};
   color: ${e=>e.theme.colors.primary};
-`,Or=o.div`
+`,Er=o.div`
   cursor: pointer;
   display: flex;
   transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
@@ -455,7 +455,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   height: ${s.sp3};
 `,Ar=o.div`
   cursor: pointer;
-`,Fr=o(ts)`
+`,Ur=o(ts)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,Pe=o(ps)`
@@ -464,7 +464,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   &:hover {
     text-decoration: underline;
   }
-`,Ur=o.div`
+`,Fr=o.div`
   width: ${s.sp5};
 `,Vr=o.div`
   display: flex;
@@ -480,7 +480,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   height: ${s.sp2};
   width: ${e=>e.percentage}%;
   background-color: ${e=>e.fill};
-`,Kr=o(O)`
+`,Kr=o(E)`
   color: ${e=>e.theme.colors.hero};
 `,Yr=o.img`
   border-radius: 50%;
@@ -493,7 +493,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   display: flex;
   align-items: center;
   column-gap: ${s.sp2};
-`,Zr=o(Ee)`
+`,Zr=o(Oe)`
   border: 1px solid ${e=>e.theme.colors.grey2};
   min-width: 20px;
   height: 20px;
@@ -512,16 +512,16 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   display: flex;
   align-items: center;
   justify-content: flex-end;
-`,Xr=o.div`
-  max-width: ${s.sp11};
 `,Qr=o.div`
+  max-width: ${s.sp11};
+`,Xr=o.div`
   ${e=>e.isFirstElement===!1?J`
           margin-left: -${s.sp2};
         `:null}
 `,ei=o.div`
   display: flex;
   align-items: center;
-`,ti=o(Ee)`
+`,ti=o(Oe)`
   width: ${s.sp4};
   height: ${s.sp4};
   display: flex;
@@ -557,7 +557,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   height: ${s.sp3};
 `,li=o(ee)`
   color: inherit;
-`,ai=o.div``,di=({scrollContainerRef:e,isEnabled:i=!0,edgeThreshold:r=100,scrollSpeed:l=100,minScrollAmount:p=3,scrollCurveExponent:d=.7})=>{n.useEffect(()=>{if(!i||typeof window>"u"||typeof document>"u")return;let a=!1,c=0,h=null;const g=Math.max(r,1),x=()=>{h!==null&&(cancelAnimationFrame(h),h=null)},m=k=>(w=>{const G=e.current;return!!(G&&w.target instanceof Node)&&G.contains(w.target)})(k),v=k=>{const w=Math.max(k,0)/g,G=Math.pow(w,d)*l;return Math.max(p,G)},f=(k,w,G)=>{const I=G==="up"?-w:w;k===window?window.scrollBy({top:I,behavior:"auto"}):k instanceof HTMLElement&&typeof k.scrollTop=="number"&&(k.scrollTop+=I)},b=()=>{if(!a)return;const k=e.current??window,w=window.innerHeight,G=c;if(G<g&&G>0){const I=v(g-G);f(k,I,"up")}else if(G>w-g){const I=v(G-(w-g));f(k,I,"down")}h=requestAnimationFrame(b)},C=k=>{m(k)?a=!0:(a=!1,x())},S=()=>{a=!1,x()},u=k=>{(w=>{a&&(c=w.clientY)})(k),a&&h===null&&(h=requestAnimationFrame(b))};return document.addEventListener("dragstart",C),document.addEventListener("dragend",S),document.addEventListener("dragover",u),()=>{document.removeEventListener("dragstart",C),document.removeEventListener("dragend",S),document.removeEventListener("dragover",u),x()}},[r,i,p,e,d,l])},Je=D.getLocalizedStrings(),rs=({count:e})=>t.jsx(ci,{isCircular:e<10,children:t.jsx(pi,{children:e>Je.common.numbers.maximumCount?`${Je.common.numbers.maximumCount}${Je.common.strings.plus}`:e})}),ci=o.div`
+`,ai=o.div``,di=({scrollContainerRef:e,isEnabled:i=!0,edgeThreshold:r=100,scrollSpeed:l=100,minScrollAmount:p=3,scrollCurveExponent:d=.7})=>{n.useEffect(()=>{if(!i||typeof window>"u"||typeof document>"u")return;let a=!1,c=0,h=null;const g=Math.max(r,1),x=()=>{h!==null&&(cancelAnimationFrame(h),h=null)},m=k=>(w=>{const G=e.current;return!!(G&&w.target instanceof Node)&&G.contains(w.target)})(k),v=k=>{const w=Math.max(k,0)/g,G=Math.pow(w,d)*l;return Math.max(p,G)},f=(k,w,G)=>{const z=G==="up"?-w:w;k===window?window.scrollBy({top:z,behavior:"auto"}):k instanceof HTMLElement&&typeof k.scrollTop=="number"&&(k.scrollTop+=z)},b=()=>{if(!a)return;const k=e.current??window,w=window.innerHeight,G=c;if(G<g&&G>0){const z=v(g-G);f(k,z,"up")}else if(G>w-g){const z=v(G-(w-g));f(k,z,"down")}h=requestAnimationFrame(b)},C=k=>{m(k)?a=!0:(a=!1,x())},S=()=>{a=!1,x()},u=k=>{(w=>{a&&(c=w.clientY)})(k),a&&h===null&&(h=requestAnimationFrame(b))};return document.addEventListener("dragstart",C),document.addEventListener("dragend",S),document.addEventListener("dragover",u),()=>{document.removeEventListener("dragstart",C),document.removeEventListener("dragend",S),document.removeEventListener("dragover",u),x()}},[r,i,p,e,d,l])},Je=D.getLocalizedStrings(),rs=({count:e})=>t.jsx(ci,{isCircular:e<10,children:t.jsx(pi,{children:e>Je.common.numbers.maximumCount?`${Je.common.numbers.maximumCount}${Je.common.strings.plus}`:e})}),ci=o.div`
   ${e=>e.isCircular?J`
           height: 18px;
           width: 18px;
@@ -575,7 +575,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   outline-color: inherit;
 `,pi=o(Ht)`
   color: inherit;
-`,{taskManagement:St,common:Xe}=D.getLocalizedStrings();function ui(e){const{onChange:i,value:r,resetDisabled:l,onReset:p}=e;return t.jsxs(hi,{children:[t.jsx(xi,{children:St.taskList.groupingFilters.groupBy}),t.jsx(mi,{children:t.jsx(Hs,{value:r,placeHolder:St.taskList.groupingFilters.placeholder,onChange:d=>{const a=kt(d.value);if(a==null)throw new Error("Invalid taskListGroupByKey");i(a)},options:Us,getOptionLabel:d=>{const a=Xe.texts,c=kt(d);return c!=null?a[c]:Xe.strings.empty}})}),t.jsxs(gi,{onClick:()=>{l!==!0&&p()},isDisabled:l,children:[t.jsx(ki,{}),t.jsx(ee,{children:Xe.reset})]})]})}const hi=o.div`
+`,{taskManagement:St,common:Qe}=D.getLocalizedStrings();function ui(e){const{onChange:i,value:r,resetDisabled:l,onReset:p}=e;return t.jsxs(hi,{children:[t.jsx(xi,{children:St.taskList.groupingFilters.groupBy}),t.jsx(mi,{children:t.jsx(Hs,{value:r,placeHolder:St.taskList.groupingFilters.placeholder,onChange:d=>{const a=kt(d.value);if(a==null)throw new Error("Invalid taskListGroupByKey");i(a)},options:Fs,getOptionLabel:d=>{const a=Qe.texts,c=kt(d);return c!=null?a[c]:Qe.strings.empty}})}),t.jsxs(gi,{onClick:()=>{l!==!0&&p()},isDisabled:l,children:[t.jsx(ki,{}),t.jsx(ee,{children:Qe.reset})]})]})}const hi=o.div`
   display: flex;
   align-items: center;
   column-gap: ${s.sp4};
@@ -603,7 +603,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
 `,ki=o(Kt)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,wi=D.getLocalizedStrings().taskManagement.taskList.footer;function fi({taskGroupsList:e,anchorEl:i,groupByKey:r,onCreateNewGroup:l,onExistingGroupSelection:p,onClose:d}){return t.jsx(nt,{open:!!i,anchorEl:i,onClose:d,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs($i,{children:[t.jsx(yi,{children:e.map(a=>t.jsx(Tt,{onClick:()=>{d(),p(a.id)},children:t.jsx(O,{children:a.groupName})},a.id))}),t.jsx(U,{controller:r==="groupName",children:t.jsxs(Tt,{onClick:()=>{d(),l()},children:[t.jsx(bi,{}),t.jsx(O,{children:wi.createGroup})]})})]})})}const $i=o.div`
+`,wi=D.getLocalizedStrings().taskManagement.taskList.footer;function fi({taskGroupsList:e,anchorEl:i,groupByKey:r,onCreateNewGroup:l,onExistingGroupSelection:p,onClose:d}){return t.jsx(nt,{open:!!i,anchorEl:i,onClose:d,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs($i,{children:[t.jsx(yi,{children:e.map(a=>t.jsx(Tt,{onClick:()=>{d(),p(a.id)},children:t.jsx(E,{children:a.groupName})},a.id))}),t.jsx(F,{controller:r==="groupName",children:t.jsxs(Tt,{onClick:()=>{d(),l()},children:[t.jsx(bi,{}),t.jsx(E,{children:wi.createGroup})]})})]})})}const $i=o.div`
   background-color: ${e=>e.theme.colors.grey5};
 `,Tt=o.div`
   padding: ${s.sp2} ${s.sp3};
@@ -642,7 +642,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   }
 `,Si=o.div`
   cursor: pointer;
-`,Ti=o(Es)`
+`,Ti=o(Os)`
   display: flex;
   border-width: ${s.sp0};
   outline-width: ${s.sp0};
@@ -653,10 +653,10 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   ::placeholder {
     color: ${e=>e.theme.colors.grey1};
   }
-`,Li=o(Os)`
+`,Li=o(Es)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,{taskManagement:Gi,common:Ii}=D.getLocalizedStrings(),ve=Gi.taskList.newTaskOptions;function zi({anchorEl:e,groupByKey:i,taskGroupTemplates:r,taskCreationFromTemplateStatus:l,isTaskTemplatesEnabled:p,expandedTemplate:d,onExpandTemplate:a,onClose:c,onNewTaskClick:h,onNewGroupClick:g,handleGroupTemplateClick:x,handleGroupTemplateTaskClick:m,onNewTaskInitialization:v}){const f=_e(),[b,C]=n.useState(null),[S,u]=n.useState(null);n.useEffect(()=>{l.fetchState==="Completed"&&(u(null),C(null),c())},[l.fetchState,c]);const k=n.useCallback((G,I)=>{C(I),m(G,I)},[m]),w=n.useCallback(G=>{u(G),x(G)},[x]);return t.jsx(nt,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${f.colors.grey3}`}},anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Ni,{isTaskTemplatesEnabled:p,children:[t.jsxs(Oi,{children:[t.jsxs(Gt,{onClick:h,children:[t.jsx(Mi,{}),t.jsx(tt,{children:ve.task})]}),t.jsx(U,{controller:i==="groupName",children:t.jsxs(Gt,{onClick:()=>g(""),children:[t.jsx(Ei,{}),t.jsx(tt,{children:ve.group})]})})]}),p?t.jsx(Di,{taskGroupTemplates:r,taskIdInCreation:b,groupIdInCreation:S,expandedTemplate:d,handleGroupTemplateClick:w,handleGroupTemplateTaskClick:k,onNewGroupClick:g,onNewTaskInitialization:v,onExpandTemplate:a}):null]})})}const Di=({taskGroupTemplates:e,taskIdInCreation:i,groupIdInCreation:r,expandedTemplate:l,onExpandTemplate:p,handleGroupTemplateClick:d,handleGroupTemplateTaskClick:a,onNewGroupClick:c,onNewTaskInitialization:h})=>{const[g,x]=n.useState(""),m=n.useMemo(()=>{const b=[];return e.forEach(C=>{if(C.name.toLowerCase().includes(g.toLowerCase()))b.push(C);else{const S=C.tasks.filter(u=>u.name.toLowerCase().includes(g.toLowerCase()));S.length>0&&b.push({...C,tasks:S})}}),b},[e,g]),v=n.useCallback(()=>{h(g)},[g,h]),f=n.useCallback(()=>{c(g)},[g,c]);return t.jsxs(Pi,{children:[t.jsx(Wi,{children:t.jsxs(Bi,{children:[t.jsxs(Ri,{children:[t.jsx(Ai,{}),t.jsx(Fi,{children:ve.groupTemplates})]}),t.jsx(vi,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:g,onSearchTextChanged:x,placeholder:ve.searchPlaceholder})]})}),t.jsx(U,{controller:m.length>0,children:t.jsx(Ui,{children:m.map(b=>{const C=l===b.id;return t.jsxs(Xi,{children:[t.jsxs(Vi,{onClick:()=>{p(b.id)},expanded:C,children:[t.jsxs(Hi,{children:[t.jsx(U,{controller:C,children:t.jsx(Ji,{})}),t.jsx(U,{controller:!C,children:t.jsx(Zi,{})}),t.jsx(ee,{children:b.name}),t.jsx(rs,{count:b.tasks.length})]}),t.jsx(Yi,{expanded:C,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:ve.createGroup,disabled:b.createdAt!=null,onClick:S=>{S.stopPropagation(),p(null),d(b.id)},reverseSpinnerColor:!1,loading:r===b.id})]}),t.jsx(U,{controller:C,children:t.jsx(n.Fragment,{children:b.tasks.map(S=>t.jsxs(_i,{children:[t.jsxs(Ki,{children:[t.jsx(Qi,{className:"styled-dot"}),t.jsx(sn,{className:"task-name-text",children:S.name})]}),t.jsx(qi,{loading:i===S.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Ii.create,reverseSpinnerColor:!1,onClick:()=>a(b.id,S.name)})]},S.name))})})]},b.id)})})}),t.jsxs(U,{controller:m.length===0,children:[t.jsx(en,{children:t.jsx(tn,{children:ve.noTaskGroup})}),t.jsxs(It,{onClick:v,children:[t.jsx(zt,{}),t.jsx(ee,{children:ve.newTaskOptionText.replace("__searchText__",g)})]}),t.jsxs(It,{onClick:f,children:[t.jsx(zt,{}),t.jsx(ee,{children:ve.newGroupOptionText.replace("__searchText__",g)})]})]})]})},Ni=o.div`
+`,{taskManagement:Gi,common:zi}=D.getLocalizedStrings(),ve=Gi.taskList.newTaskOptions;function Ii({anchorEl:e,groupByKey:i,taskGroupTemplates:r,taskCreationFromTemplateStatus:l,isTaskTemplatesEnabled:p,expandedTemplate:d,onExpandTemplate:a,onClose:c,onNewTaskClick:h,onNewGroupClick:g,handleGroupTemplateClick:x,handleGroupTemplateTaskClick:m,onNewTaskInitialization:v}){const f=_e(),[b,C]=n.useState(null),[S,u]=n.useState(null);n.useEffect(()=>{l.fetchState==="Completed"&&(u(null),C(null),c())},[l.fetchState,c]);const k=n.useCallback((G,z)=>{C(z),m(G,z)},[m]),w=n.useCallback(G=>{u(G),x(G)},[x]);return t.jsx(nt,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${f.colors.grey3}`}},anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Ni,{isTaskTemplatesEnabled:p,children:[t.jsxs(Ei,{children:[t.jsxs(Gt,{onClick:h,children:[t.jsx(Mi,{}),t.jsx(tt,{children:ve.task})]}),t.jsx(F,{controller:i==="groupName",children:t.jsxs(Gt,{onClick:()=>g(""),children:[t.jsx(Oi,{}),t.jsx(tt,{children:ve.group})]})})]}),p?t.jsx(Di,{taskGroupTemplates:r,taskIdInCreation:b,groupIdInCreation:S,expandedTemplate:d,handleGroupTemplateClick:w,handleGroupTemplateTaskClick:k,onNewGroupClick:g,onNewTaskInitialization:v,onExpandTemplate:a}):null]})})}const Di=({taskGroupTemplates:e,taskIdInCreation:i,groupIdInCreation:r,expandedTemplate:l,onExpandTemplate:p,handleGroupTemplateClick:d,handleGroupTemplateTaskClick:a,onNewGroupClick:c,onNewTaskInitialization:h})=>{const[g,x]=n.useState(""),m=n.useMemo(()=>{const b=[];return e.forEach(C=>{if(C.name.toLowerCase().includes(g.toLowerCase()))b.push(C);else{const S=C.tasks.filter(u=>u.name.toLowerCase().includes(g.toLowerCase()));S.length>0&&b.push({...C,tasks:S})}}),b},[e,g]),v=n.useCallback(()=>{h(g)},[g,h]),f=n.useCallback(()=>{c(g)},[g,c]);return t.jsxs(Pi,{children:[t.jsx(Wi,{children:t.jsxs(Bi,{children:[t.jsxs(Ri,{children:[t.jsx(Ai,{}),t.jsx(Ui,{children:ve.groupTemplates})]}),t.jsx(vi,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:g,onSearchTextChanged:x,placeholder:ve.searchPlaceholder})]})}),t.jsx(F,{controller:m.length>0,children:t.jsx(Fi,{children:m.map(b=>{const C=l===b.id;return t.jsxs(Qi,{children:[t.jsxs(Vi,{onClick:()=>{p(b.id)},expanded:C,children:[t.jsxs(Hi,{children:[t.jsx(F,{controller:C,children:t.jsx(Ji,{})}),t.jsx(F,{controller:!C,children:t.jsx(Zi,{})}),t.jsx(ee,{children:b.name}),t.jsx(rs,{count:b.tasks.length})]}),t.jsx(Yi,{expanded:C,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:ve.createGroup,disabled:b.createdAt!=null,onClick:S=>{S.stopPropagation(),p(null),d(b.id)},reverseSpinnerColor:!1,loading:r===b.id})]}),t.jsx(F,{controller:C,children:t.jsx(n.Fragment,{children:b.tasks.map(S=>t.jsxs(_i,{children:[t.jsxs(Ki,{children:[t.jsx(Xi,{className:"styled-dot"}),t.jsx(sn,{className:"task-name-text",children:S.name})]}),t.jsx(qi,{loading:i===S.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:zi.create,reverseSpinnerColor:!1,onClick:()=>a(b.id,S.name)})]},S.name))})})]},b.id)})})}),t.jsxs(F,{controller:m.length===0,children:[t.jsx(en,{children:t.jsx(tn,{children:ve.noTaskGroup})}),t.jsxs(zt,{onClick:v,children:[t.jsx(It,{}),t.jsx(ee,{children:ve.newTaskOptionText.replace("__searchText__",g)})]}),t.jsxs(zt,{onClick:f,children:[t.jsx(It,{}),t.jsx(ee,{children:ve.newGroupOptionText.replace("__searchText__",g)})]})]})]})},Ni=o.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
@@ -675,10 +675,10 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
 `,Mi=o(e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},n.createElement("path",{d:"M4.49908 1.50001H12.0015H19.5039C19.5039 1.50001 20.868 1.50001 20.868 2.86409V21.1359C20.868 21.1359 20.868 22.5 19.5039 22.5H4.49908C4.49908 22.5 3.13501 22.5 3.13501 21.1359V2.86409C3.13501 2.86409 3.13501 1.50001 4.49908 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M7.5 11.9996L8.598 14.1953C8.70072 14.4016 8.85107 14.5804 9.03662 14.7171C9.22217 14.8538 9.43759 14.9443 9.66506 14.9812C9.89254 15.0182 10.1255 15.0004 10.3448 14.9295C10.5641 14.8585 10.7633 14.7364 10.926 14.5733L16.5 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Ei=o(e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 8.1001L7.92188 10.9126L6.51562 9.50635",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 9.50635H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 13.9126L7.92188 16.7251L6.51562 15.3188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 15.3188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))`
+`,Oi=o(e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 8.1001L7.92188 10.9126L6.51562 9.50635",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 9.50635H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 13.9126L7.92188 16.7251L6.51562 15.3188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 15.3188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Oi=o.div`
+`,Ei=o.div`
   display: flex;
   flex-direction: column;
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
@@ -704,9 +704,9 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   width: ${s.sp3};
   height: ${s.sp3};
   color: ${e=>e.theme.colors.primary};
-`,Fi=o(tt)`
+`,Ui=o(tt)`
   color: ${e=>e.theme.colors.primary};
-`,Ui=o.div`
+`,Fi=o.div`
   max-height: 320px;
   overflow: auto;
 `,Vi=o.div`
@@ -770,7 +770,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
 `,Ji=o(He)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Xi=o.div``,Qi=o.div`
+`,Qi=o.div``,Xi=o.div`
   display: inline-block;
   border-radius: ${s.sp2};
   width: ${s.sp1};
@@ -782,7 +782,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   padding: ${s.sp2} ${s.sp3};
 `,tn=o(ee)`
   color: ${e=>e.theme.colors.hero};
-`,It=o.div`
+`,zt=o.div`
   display: flex;
   align-items: center;
   padding: ${s.sp2} ${s.sp3};
@@ -793,7 +793,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
     background-color: ${e=>e.theme.colors.background};
     color: ${e=>e.theme.colors.primary};
   }
-`,zt=o(lt)`
+`,It=o(lt)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,sn=o(ee)`
@@ -802,7 +802,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 336px;
-`,{common:Qe,dateFormat:on,taskManagement:it}=D.getLocalizedStrings(),is={taskNameMaxWidth:new Q(125,170,170,250,300)},rn=({taskDetail:e,tagList:i,sectionId:r,onRowClick:l,onTimeSpentUpdate:p,onShowToast:d})=>{const a=ye(),c=e.assigneeUsers.length,h=e.assigneeUsers[0]?.user,g=h?.firstName||h?.lastName?`${h.firstName} ${h.lastName}`:h?.email??Qe.strings.empty,{getValues:x,resetField:m,getFieldState:v}=Me();return t.jsxs(an,{children:[t.jsxs($n,{windowSize:a,onClick:l,responsiveWidth:Z[0].width,children:[t.jsxs(yn,{windowSize:a,children:[t.jsx(vn,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(fe,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(jn,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(fe,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(bn,{windowSize:a,responsiveWidth:Z[0].width,children:t.jsx(Cn,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Dt,{windowSize:a,responsiveWidth:Z[1].width,children:ot(e.status.code)}),t.jsx(Gn,{windowSize:a,responsiveWidth:Z[2].width,children:ot(e.priority.code)}),t.jsx(In,{windowSize:a,responsiveWidth:Z[3].width,children:e.dueDate!=null?e.dueDate.format(on.visual.MMMDCommaYYYYformat):t.jsx(dn,{children:Qe.strings.hyphen})}),t.jsx(Dt,{windowSize:a,responsiveWidth:Z[4].width,children:c>0?t.jsxs(cn,{children:[t.jsx(lo,{personBasic:h,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Sn,{children:t.jsx(Tn,{children:g})}),c>1?t.jsx(pn,{children:`${Qe.strings.plus}${c-1}`}):null]}):null}),t.jsx(zn,{windowSize:a,responsiveWidth:Z[5].width,children:e.tagIds.length>0?t.jsx(Ln,{children:ur(e.tagIds,i)}):null}),t.jsx(Dn,{windowSize:a,responsiveWidth:Z[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Nn,{className:"timeSpentField",children:t.jsx(Zt,{name:$e(r,e.id,Ne),placeholder:it.common.timeSpentPlaceholder,timeSpentFormat:it.common.timeSpentFormat,registerOptions:{validate:f=>!(Yt(f)>Jt)||(d({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error")},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{((f,b)=>{const C=$e(f,b,Ne);v(C).invalid?m(C):p(e,{timeSpent:x(C)})})(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},nn=({taskGroup:e,tagList:i,sectionId:r,showGroupName:l,showRenameTextField:p,isSelectionAllowed:d,isCollapsed:a,existingTaskGroupNamesByGroupId:c,onDeleteTaskGroup:h,onExpandAll:g,onCollapseAll:x,onAddNewTaskToTaskGroup:m,onCollapseToggle:v,onTaskManagementRowClick:f,onDragStart:b,onTimeSpentUpdate:C,onShowToast:S})=>{const[u,k]=n.useState(null),w=ye(),{setFocus:G}=Me(),I=n.useCallback(()=>{v(e.id)},[v,e.id]),te=n.useCallback(T=>{k(T.currentTarget)},[]),H=n.useCallback(()=>{k(null)},[]),M=n.useCallback(()=>{m(e.id)},[m,e.id]),P=n.useCallback(()=>{k(null),h(e.id)},[h,e.id]),y=n.useCallback(()=>{G(`${r}.groupName`),H()},[H,r,G]);return t.jsxs(ln,{windowSize:w,children:[t.jsx(U,{controller:l,children:t.jsxs(un,{children:[t.jsxs(hn,{children:[t.jsx(mn,{isOpen:a===!1,onClick:I,children:t.jsx(gn,{})}),t.jsx(Ot,{style:{textAlign:"start",width:"100%",background:"unset",...ce.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:it.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:T=>ss(T,e.id,c)===!1},isDisabled:p&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(xn,{onClick:te,children:t.jsx(kn,{})}),t.jsx(es,{onClose:H,onAddTask:M,onCollapseAll:x,onDelete:P,onExpandAll:g,onRename:y,isDefault:e.isDefault,anchorEl:u})]})}),t.jsx(U,{controller:a===!1,children:t.jsx(Pt,{mode:"checked_or_hover",isDisabled:d===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(T=>({label:t.jsx(rn,{taskDetail:T,onRowClick:()=>{f(T.id)},tagList:i,onTimeSpentUpdate:C,onShowToast:S,sectionId:r}),prefix:w==="small"?null:t.jsx(wn,{children:t.jsx(fn,{})}),value:T.id,defaultChecked:!1,groupLabel:!1}))],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:b,draggable:!0})})]})},ln=o.div`
+`,{common:Xe,dateFormat:on,taskManagement:it}=D.getLocalizedStrings(),is={taskNameMaxWidth:new X(125,170,170,250,300)},rn=({taskDetail:e,tagList:i,sectionId:r,onRowClick:l,onTimeSpentUpdate:p,onShowToast:d})=>{const a=ye(),c=e.assigneeUsers.length,h=e.assigneeUsers[0]?.user,g=h?.firstName||h?.lastName?`${h.firstName} ${h.lastName}`:h?.email??Xe.strings.empty,{getValues:x,resetField:m,getFieldState:v}=Me();return t.jsxs(an,{children:[t.jsxs($n,{windowSize:a,onClick:l,responsiveWidth:Z[0].width,children:[t.jsxs(yn,{windowSize:a,children:[t.jsx(vn,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(fe,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(jn,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(fe,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(bn,{windowSize:a,responsiveWidth:Z[0].width,children:t.jsx(Cn,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Dt,{windowSize:a,responsiveWidth:Z[1].width,children:ot(e.status.code)}),t.jsx(Gn,{windowSize:a,responsiveWidth:Z[2].width,children:ot(e.priority.code)}),t.jsx(zn,{windowSize:a,responsiveWidth:Z[3].width,children:e.dueDate!=null?e.dueDate.format(on.visual.MMMDCommaYYYYformat):t.jsx(dn,{children:Xe.strings.hyphen})}),t.jsx(Dt,{windowSize:a,responsiveWidth:Z[4].width,children:c>0?t.jsxs(cn,{children:[t.jsx(lo,{personBasic:h,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Sn,{children:t.jsx(Tn,{children:g})}),c>1?t.jsx(pn,{children:`${Xe.strings.plus}${c-1}`}):null]}):null}),t.jsx(In,{windowSize:a,responsiveWidth:Z[5].width,children:e.tagIds.length>0?t.jsx(Ln,{children:ur(e.tagIds,i)}):null}),t.jsx(Dn,{windowSize:a,responsiveWidth:Z[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Nn,{className:"timeSpentField",children:t.jsx(Zt,{name:$e(r,e.id,Ne),placeholder:it.common.timeSpentPlaceholder,timeSpentFormat:it.common.timeSpentFormat,registerOptions:{validate:f=>!(Yt(f)>Jt)||(d({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error")},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{((f,b)=>{const C=$e(f,b,Ne);v(C).invalid?m(C):p(e,{timeSpent:x(C)})})(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},nn=({taskGroup:e,tagList:i,sectionId:r,showGroupName:l,showRenameTextField:p,isSelectionAllowed:d,isCollapsed:a,existingTaskGroupNamesByGroupId:c,onDeleteTaskGroup:h,onExpandAll:g,onCollapseAll:x,onAddNewTaskToTaskGroup:m,onCollapseToggle:v,onTaskManagementRowClick:f,onDragStart:b,onTimeSpentUpdate:C,onShowToast:S})=>{const[u,k]=n.useState(null),w=ye(),{setFocus:G}=Me(),z=n.useCallback(()=>{v(e.id)},[v,e.id]),te=n.useCallback(T=>{k(T.currentTarget)},[]),H=n.useCallback(()=>{k(null)},[]),M=n.useCallback(()=>{m(e.id)},[m,e.id]),P=n.useCallback(()=>{k(null),h(e.id)},[h,e.id]),y=n.useCallback(()=>{G(`${r}.groupName`),H()},[H,r,G]);return t.jsxs(ln,{windowSize:w,children:[t.jsx(F,{controller:l,children:t.jsxs(un,{children:[t.jsxs(hn,{children:[t.jsx(mn,{isOpen:a===!1,onClick:z,children:t.jsx(gn,{})}),t.jsx(Et,{style:{textAlign:"start",width:"100%",background:"unset",...ce.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:it.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:T=>ss(T,e.id,c)===!1},isDisabled:p&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(xn,{onClick:te,children:t.jsx(kn,{})}),t.jsx(es,{onClose:H,onAddTask:M,onCollapseAll:x,onDelete:P,onExpandAll:g,onRename:y,isDefault:e.isDefault,anchorEl:u})]})}),t.jsx(F,{controller:a===!1,children:t.jsx(Pt,{mode:"checked_or_hover",isDisabled:d===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(T=>({label:t.jsx(rn,{taskDetail:T,onRowClick:()=>{f(T.id)},tagList:i,onTimeSpentUpdate:C,onShowToast:S,sectionId:r}),prefix:w==="small"?null:t.jsx(wn,{children:t.jsx(fn,{})}),value:T.id,defaultChecked:!1,groupLabel:!1}))],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:b,draggable:!0})})]})},ln=o.div`
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -844,7 +844,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   flex-direction: row;
   align-items: center;
   color: ${e=>e.theme.colors.hero};
-`,pn=o(Ee)`
+`,pn=o(Oe)`
   border: 1px solid ${e=>e.theme.colors.hero};
   width: calc(${s.sp3} + ${s.sp1});
   height: calc(${s.sp3} + ${s.sp1});
@@ -904,13 +904,13 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   overflow: hidden;
   text-overflow: ellipsis;
   display: inline-block;
-`,Cn=o(O)`
+`,Cn=o(E)`
   color: ${e=>e.theme.colors.grey1};
   max-width: ${e=>is.taskNameMaxWidth.valuePx(e.windowSize)};
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`,jn=o(Ft)`
+`,jn=o(Ut)`
   display: flex;
   align-items: center;
   margin-left: ${s.sp1};
@@ -923,7 +923,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   display: flex;
   flex-direction: row;
   column-gap: ${s.sp2};
-`,Tn=o(O)`
+`,Tn=o(E)`
   color: ${e=>e.theme.colors.hero};
   text-overflow: ellipsis;
   overflow: hidden;
@@ -941,7 +941,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   color: ${e=>e.theme.colors.hero};
   box-sizing: border-box;
   margin-right: ${s.sp1};
-`,Gn=o(O)`
+`,Gn=o(E)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   overflow: hidden;
@@ -953,7 +953,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
   padding-right: ${s.sp1};
   column-gap: ${s.sp2};
-`,In=o(O)`
+`,zn=o(E)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
@@ -963,7 +963,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
   padding-right: ${e=>e.isLastColumn===!0?s.sp2:s.sp0};
   column-gap: ${s.sp2};
-`,zn=o.div`
+`,In=o.div`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   overflow: hidden;
@@ -989,7 +989,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   column-gap: ${s.sp2};
 `,Nn=o.div`
   max-width: ${s.sp11};
-`,de=D.getLocalizedStrings(),Nt=e=>`${e}_form`,Mn={rowGap:new Q(B[0],B[5],B[5])},{common:{footer:Mt},taskManagement:et}=D.getLocalizedStrings(),Ml=({taskListView:e,tagListView:i,isTaskTemplatesEnabled:r,onCreateTagClick:l,updateTask:p,onDragNDrop:d,onDeleteTaskGroup:a,updateLocalData:c,onTaskManagementRowClick:h,onReloadTasks:g,onColumnSortConfigChanged:x,onSearchTextChanged:m,onBackClick:v,onNewTaskClick:f,onFiltersChange:b,resetLocalData:C,handleCreateGroup:S,assignGroupToTasks:u,onAddNewTaskToTaskGroup:k,onGroupByFilterChange:w,onTaskGroupRename:G,analytics:I,onTimeSpentUpdate:te,onShowToast:H,handleGroupTemplateClick:M,handleGroupTemplateTaskClick:P,handleNewTaskInitialization:y,onTaskGroupNameClick:T})=>{const[he,me]=n.useState(!1),[se,_]=n.useState(null),[ie,j]=n.useState(null),[E,z]=n.useState(null),[W,V]=n.useState(null),[oe,X]=n.useState(!1),N=$s(),{fetchState:K,uiState:xe,filters:Se,userList:Te,taskGroupsWithTasksList:A}=e,{tagList:Ge}=i,Ye=_e(),qe=n.useCallback($=>{V($.currentTarget)},[]),Be=n.useCallback($=>{w($)},[w]),Ae=n.useCallback(()=>{w("groupName")},[w]),L=n.useCallback($=>{y($)},[y]),re=Te.users.map($=>$.user).filter($=>$!=null),ge={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:de.common.create,isSearchOpen:oe,searchPlaceHolder:de.taskManagement.taskList.searchPlaceHolder,searchText:xe.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:Se,searchTextBoxStyle:{right:"108px"},onNewButtonClick:qe,onSearchOpen:$=>{X($)},onSearchTextChanged:m,onFiltersChange:b,analytics:I,downloadState:"Not-Started",createdByUserListLoaded:Te.fetchState==="Completed"||Te.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(ui,{value:xe.groupByKey,resetDisabled:xe.groupByKey==="groupName",onChange:Be,onReset:Ae}),height:90},getFilterOptions:()=>Js("task_management",re,N.loggedInUserRole??[],i.tagList)},Y=n.useCallback($=>{V(null),_(ke),c({...e.localData,newTaskGroupName:$})},[e.localData,c]),ae=n.useCallback(()=>{V(null)},[]),Ie=n.useCallback(()=>{ie!=null&&a(ie)},[ie,a]),R=n.useCallback(()=>{_(ke)},[]),q=n.useCallback($=>{z(F=>F===$?null:$)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&me(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&z(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const ne=t.jsx(_s,{spendManagementSectionProps:ge});return t.jsxs(Bn,{children:[t.jsx(ys,{title:de.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:Ye.colors.grey4,style:{zIndex:3},onBackClick:v,rightSideComponent:ne,isSearchOpen:oe,source:"TaskManagementPage"}),t.jsx(zi,{anchorEl:W,groupByKey:xe.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:ae,onNewTaskClick:f,onNewGroupClick:Y,handleGroupTemplateClick:M,handleGroupTemplateTaskClick:P,onNewTaskInitialization:L,onExpandTemplate:q,expandedTemplate:E}),t.jsx(Rn,{children:K==="Error"?t.jsxs(An,{children:[t.jsx(Fn,{onClick:g,children:t.jsx(Un,{})}),t.jsx(Vn,{children:de.common.reloadPage.label})]}):K==="Completed"&&A.length===0?t.jsx(Cs,{message:de.taskManagement.taskList.noDataText}):K==="Not-Started"||K==="In-Progress"?t.jsx(Vs,{fetchState:K}):t.jsx(En,{taskListView:e,tagList:Ge,renameActiveField:se,updateTask:p,onDragNDrop:d,onAddNewTaskToTaskGroup:k,onColumnSortConfigChanged:x,onTaskManagementRowClick:h,assignGroupToTasks:u,handleCreateGroup:S,resetLocalData:C,setGroupCreationInProgress:R,setShowDeleteModal:me,updateLocalData:c,setActiveTaskGroupId:j,setRenameActiveField:_,onTaskGroupRename:G,onTimeSpentUpdate:te,onShowToast:H,onCreateTagClick:l,onTaskGroupNameClick:T})}),t.jsx(U,{controller:he===!0,children:t.jsx(bs,{action:{onOkClick:Ie,onCancelClick:()=>{me(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:de.common.cancel,primaryButtonText:de.common.confirm,titleComponent:t.jsx(qn,{children:t.jsx(vs,{children:de.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(Zn,{children:t.jsx(ee,{children:de.taskManagement.taskList.deleteConfirmationMessage})})})})]})},En=({taskListView:e,tagList:i,renameActiveField:r,updateTask:l,onTaskGroupRename:p,setRenameActiveField:d,onDragNDrop:a,updateLocalData:c,setShowDeleteModal:h,handleCreateGroup:g,resetLocalData:x,assignGroupToTasks:m,setGroupCreationInProgress:v,onTaskManagementRowClick:f,onColumnSortConfigChanged:b,onAddNewTaskToTaskGroup:C,setActiveTaskGroupId:S,onTimeSpentUpdate:u,onShowToast:k,onCreateTagClick:w,onTaskGroupNameClick:G})=>{const I=n.useRef(null);Ts({componentName:"task.management.list"});const[te,H]=n.useState(null),M=n.useRef({}),P=ye(),{localData:y,taskGroupsWithTasksList:T,uiState:he,userGroupList:me}=e,[se,_]=n.useState([]),ie=n.useRef(null);di({scrollContainerRef:ie,isEnabled:P!=="small"});const j=n.useMemo(()=>e.userList.users.map(L=>L.user).filter(L=>L!=null),[e.userList.users]),E=Ls({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Et(e.taskGroupsWithTasksList,y,j,i,e.userGroupList.userGroups),[e.taskGroupsWithTasksList,e.userGroupList.userGroups,y,j,i]),values:n.useMemo(()=>Et(e.taskGroupsWithTasksList,y,j,i,e.userGroupList.userGroups),[e.taskGroupsWithTasksList,e.userGroupList.userGroups,y,j,i])}),z=n.useMemo(()=>{if(r!==ke)return T;const L=[],re=T.map(ge=>{const Y=ge.tasks.filter(ae=>{const Ie=y.selectedTaskIds.includes(ae.id)===!0;return Ie&&L.push(ae),Ie===!1});return{...ge,tasks:Y}});return re.unshift({groupName:"",isDefault:!1,id:ke,tasks:L}),re},[r,T,y.selectedTaskIds]),W=n.useCallback(L=>se.includes(z[L].id)||z[L].tasks.length===0?100:M.current?.[L]!=null?M.current[L]+Mn.rowGap.value(P):3*(1*Ks+Ys)+qs+Zs,[se,z,P]),V=n.useCallback(L=>{H(L.currentTarget)},[]),oe=n.useCallback((L,re)=>{M.current={...M.current,[L]:re},I.current?.resetAfterIndex(0,!0)},[P,I,T]),X=n.useCallback(L=>{_(re=>re.includes(L)?re.filter(ge=>L!==ge):[...re,L]),I.current?.resetAfterIndex(0,!0)},[]),N=n.useCallback(()=>{H(null)},[]),K=n.useCallback(()=>{_(T.map(L=>L.id)),I.current?.resetAfterIndex(0,!0)},[T]),xe=n.useCallback(()=>{_([]),I.current?.resetAfterIndex(0,!0)},[]),Se=n.useCallback(()=>{v(),I.current?.scrollTo(0),N()},[N,v]),Te=n.useCallback(L=>{S(L),h(!0)},[S,h]),A=n.useCallback(()=>{y.selectedTaskIds.length>0?r!==ke?Se():g(!0):r===ke?g(!1):r!=null&&p(r,y.existingTaskGroupNamesByGroupId[r])},[y.selectedTaskIds.length,y.existingTaskGroupNamesByGroupId,r,Se,g,p]),Ge=n.useCallback(()=>{d(null),x()},[x,d]),Ye=n.useCallback(L=>{x(),d(L)},[x,d]),qe=n.useCallback(()=>{y.defaultTaskGroupId!=null&&m(y.defaultTaskGroupId)},[m,y.defaultTaskGroupId]);n.useEffect(()=>{const L=E.watch((re,{name:ge})=>{ge!=null&&re!=null&&Gs(()=>(async(Y,ae)=>{if(Y.includes(ut)){const R=Y.split(".")[2],q=T.flatMap($=>$.tasks).find($=>$.id===R),ne=ae[pe][be][R].priority.selectedOption;if(q!=null&&ne!=null){const $=Ke.find(F=>F.code===ne);$!=null&&l(q,{priority:$})}return}if(Y.includes(pt)){const R=Y.split(".")[2],q=T.flatMap($=>$.tasks).find($=>$.id===R),ne=ae[pe][be][R].status.selectedOption;if(q!=null&&ne!=null){const $=dt.find(F=>F.code===ne);q!=null&&$!=null&&l(q,{status:$})}return}if(Y.includes(mt)){const R=Y.split(".")[2],q=T.flatMap(le=>le.tasks).find(le=>le.id===R),ne=T.find(le=>le.tasks.find(ns=>ns.id===R))?.id,$=ae[pe][be][R].assignees.selectedUsers.map(le=>le.userId),F=ae[pe][be][R].assignees.selectedUserGroups?.map(le=>le.userGroupId);return void(ne!=null&&$!=null&&q!=null&&l(q,{assignees:$,groupAssignees:F}))}if(Y.includes(ht)){const R=Y.split(".")[2],q=T.flatMap(F=>F.tasks).find(F=>F.id===R),ne=T.find(F=>F.tasks.find(le=>le.id===R))?.id,$=ae[pe][be][R].dueDate.date;return void(ne!=null&&$!=null&&q!=null&&l(q,{dueDate:$}))}if(Y.includes(gt)){const R=Y.split(".")[2],q=T.flatMap(F=>F.tasks).find(F=>F.id===R),ne=T.find(F=>F.tasks.find(le=>le.id===R))?.id,$=ae[pe][be][R].tags.selectedOptions;return void(ne!=null&&$!=null&&q!=null&&l(q,{tagIds:$}))}Y.includes(Ne)&&E.trigger(Y);const Ie=Wn(Y,ae,y);c(Ie)})(ge,re))});return()=>{L.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&d(null)},[d,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&d(null)},[d,e.taskGroupUpdateStatus.fetchState]);const Be=T.length>1&&y.selectedTaskIds.length>0&&r!==ke,Ae=y.newTaskGroupName.length>0||y.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(Is,{...E,children:t.jsx("form",{id:Nt(wt),onSubmit:E.handleSubmit(A),style:{width:"100%"},children:t.jsx(Hn,{isFooterVisible:Ae,windowSize:P,children:t.jsx(zs,{children:({height:L,width:re})=>t.jsx(Ds,{ref:I,outerRef:ie,height:L,itemCount:z.length,itemSize:W,estimatedItemSize:to,itemKey:ge=>z[ge].id,width:re,overscanCount:eo,itemData:{tagList:i,taskGroupsWithTasksList:z,uiState:he,collapsedGroups:se,userList:e.userList,userGroupList:me.userGroups,renameActiveField:r,selectedRowIds:y.selectedTaskIds,existingTaskGroupNamesByGroupId:y.existingTaskGroupNamesByGroupId,onRenameClick:Ye,handleOnDragNDrop:a,onCollapseToggle:X,setRowHeight:oe,onTaskManagementRowClick:f,onColumnSortConfigChanged:b,onAddNewTaskToTaskGroup:C,onCollapseAll:K,onDeleteTaskGroup:Te,onExpandAll:xe,onTimeSpentUpdate:u,onShowToast:k,onCreateTagClick:w,onTaskGroupNameClick:G},initialScrollOffset:0,children:On})})})})}),Ae?t.jsx(Ns,{formId:Nt(wt),primaryBtn:{label:T.length===1&&y.selectedTaskIds.length>0&&r!==ke?et.taskList.footer.createGroup:Mt.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Mt.cancel,style:{width:"135px"},onClick:Ge},helperContainerStyle:P==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(U,{controller:P!=="small"&&y.selectedTaskIds.length>0,children:t.jsxs(Kn,{children:[t.jsx(rs,{count:y.selectedTaskIds.length}),t.jsx(Yn,{children:y.selectedTaskIds.length>1?et.taskList.footer.tasksSelected:et.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(U,{controller:P!=="small"&&y.selectedTaskIds.length>0,children:t.jsx(Xn,{children:t.jsx(fe,{enterDelay:600,title:de.taskManagement.taskList.footer.ungroup,children:t.jsx(Jn,{onClick:qe})})})}),showPrimaryButton:Be===!1,customPrimaryButton:Be?t.jsxs(t.Fragment,{children:[t.jsx(at,{variant:"secondary",label:de.taskManagement.taskList.footer.moveTo,onClick:V,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(fi,{taskGroupsList:T,anchorEl:te,groupByKey:he.groupByKey,onCreateNewGroup:Se,onExistingGroupSelection:L=>{N(),m(L)},onClose:N})]}):void 0}):null]})},On=({index:e,style:i,data:r})=>{const l=n.useRef(null),p=ye(),{tagList:d,taskGroupsWithTasksList:a,uiState:c,renameActiveField:h,collapsedGroups:g,onCollapseToggle:x,onTaskManagementRowClick:m,setRowHeight:v,onColumnSortConfigChanged:f,onCollapseAll:b,onExpandAll:C,onAddNewTaskToTaskGroup:S,onDeleteTaskGroup:u,handleOnDragNDrop:k,onRenameClick:w,userList:G,selectedRowIds:I,existingTaskGroupNamesByGroupId:te,onTimeSpentUpdate:H,onShowToast:M,onCreateTagClick:P,onTaskGroupNameClick:y,userGroupList:T}=r;n.useEffect(()=>{l.current?.firstElementChild!=null&&v(e,l.current.firstElementChild.clientHeight)},[e,l,p,a[e]?.tasks]);const he=n.useCallback(se=>{const _=se.dataTransfer.getData("row");k(_,a[e].id)},[k,e,a]),me=n.useCallback(se=>{se.preventDefault()},[]);return t.jsx(_n,{style:{...i,width:"100%"},ref:l,onDrop:he,onDragOver:me,children:t.jsx(Pn,{taskGroup:a[e],showGroupName:!0,tagList:d,uiState:c,isCollapsed:g.includes(a[e].id),onCollapseToggle:x,showRenameTextField:h===a[e].id,userGroupList:T,isSelectionAllowed:h==null,onTaskManagementRowClick:m,onColumnSortConfigChanged:f,onAddNewTaskToTaskGroup:S,onCollapseAll:b,onDeleteTaskGroup:u,onExpandAll:C,selectedRowIds:I,userList:G,existingTaskGroupNamesByGroupId:te,onDragStart:(se,_)=>{se.dataTransfer.setData("row",_)},onRenameClick:()=>{w(a[e].id)},onTimeSpentUpdate:H,onShowToast:M,onCreateTagClick:P,onTaskGroupNameClick:y},a[e].id)})},Pn=({taskGroup:e,userGroupList:i,tagList:r,showGroupName:l,uiState:p,showRenameTextField:d,isCollapsed:a,isSelectionAllowed:c,selectedRowIds:h,userList:g,existingTaskGroupNamesByGroupId:x,onRenameClick:m,onTaskManagementRowClick:v,onCollapseToggle:f,onColumnSortConfigChanged:b,onCollapseAll:C,onExpandAll:S,onAddNewTaskToTaskGroup:u,onDeleteTaskGroup:k,onDragStart:w,onTimeSpentUpdate:G,onShowToast:I,onCreateTagClick:te,onTaskGroupNameClick:H})=>{const M=ye(),P=M==="medium-regular"||M==="medium-compact"||M==="small"?nn:xr;return t.jsx(P,{taskGroup:e,tagList:r,userList:g,sectionId:pe,showGroupName:l,uiState:p,showRenameTextField:d,isCollapsed:a,isSelectionAllowed:c,selectedRowIds:h,existingTaskGroupNamesByGroupId:x,userGroupList:i,onAddNewTaskToTaskGroup:u,onCollapseAll:C,onDeleteTaskGroup:k,onExpandAll:S,onCollapseToggle:f,onTaskManagementRowClick:v,onColumnSortConfigChanged:b,onDragStart:w,onRenameClick:m,onTimeSpentUpdate:G,onShowToast:I,onCreateTagClick:te,onTaskGroupNameClick:H})},Et=(e,i,r,l,p)=>{const d={},a={};e.forEach(h=>{a[h.id]={[Re]:[],[Ce]:i.existingTaskGroupNamesByGroupId[h.id]},h.tasks.forEach(g=>{i.selectedTaskIds.includes(g.id)&&a[h.id].selectedIds.push(g.id),d[g.id]={[pt]:{selectedOption:g.status.code,allOptions:dt.map(x=>({label:x.name,value:x.code}))},[ut]:{selectedOption:g.priority.code,allOptions:Ke.map(x=>({label:x.name,value:x.code}))},[ht]:{date:g.dueDate,showBusinessDay:!1},[mt]:{allUsers:r,selectedUsers:g.assigneeUsers.map(x=>x.user),allUserGroups:p,selectedUserGroups:g.groupAssignees.map(x=>p.find(m=>m.userGroupId===x)).filter(x=>x!=null)},[gt]:{allOptions:qt(l),selectedOptions:g.tagIds},[Ne]:g.timeSpent}})});const c={[ct]:{[ke]:{[Ce]:i.newTaskGroupName,[Re]:[]},...a},[be]:d};return{[pe]:c}},Wn=(e,i,r)=>{if(e.includes(pe)){const l=e.split(".")[2];if(e.includes(Ce))return e.includes(ke)?{...r,newTaskGroupName:i[pe].groupData[l][Ce]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[l]:i[pe].groupData[l][Ce]}};if(e.includes(Re)){const p=Ps(Ws(Object.values(i[pe][ct]),Re)).filter(d=>d!==de.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:p}}}return r},Rn=o.div`
+`,de=D.getLocalizedStrings(),Nt=e=>`${e}_form`,Mn={rowGap:new X(B[0],B[5],B[5])},{common:{footer:Mt},taskManagement:et}=D.getLocalizedStrings(),Ml=({taskListView:e,tagListView:i,isTaskTemplatesEnabled:r,onCreateTagClick:l,updateTask:p,onDragNDrop:d,onDeleteTaskGroup:a,updateLocalData:c,onTaskManagementRowClick:h,onReloadTasks:g,onColumnSortConfigChanged:x,onSearchTextChanged:m,onBackClick:v,onNewTaskClick:f,onFiltersChange:b,resetLocalData:C,handleCreateGroup:S,assignGroupToTasks:u,onAddNewTaskToTaskGroup:k,onGroupByFilterChange:w,onTaskGroupRename:G,analytics:z,onTimeSpentUpdate:te,onShowToast:H,handleGroupTemplateClick:M,handleGroupTemplateTaskClick:P,handleNewTaskInitialization:y,onTaskGroupNameClick:T})=>{const[he,me]=n.useState(!1),[se,_]=n.useState(null),[ie,j]=n.useState(null),[O,I]=n.useState(null),[W,V]=n.useState(null),[oe,Q]=n.useState(!1),N=$s(),{fetchState:K,uiState:xe,filters:Se,userList:Te,taskGroupsWithTasksList:A}=e,{tagList:Ge}=i,Ye=_e(),qe=n.useCallback($=>{V($.currentTarget)},[]),Be=n.useCallback($=>{w($)},[w]),Ae=n.useCallback(()=>{w("groupName")},[w]),L=n.useCallback($=>{y($)},[y]),re=Te.users.map($=>$.user).filter($=>$!=null),ge={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:de.common.create,isSearchOpen:oe,searchPlaceHolder:de.taskManagement.taskList.searchPlaceHolder,searchText:xe.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:Se,searchTextBoxStyle:{right:"108px"},onNewButtonClick:qe,onSearchOpen:$=>{Q($)},onSearchTextChanged:m,onFiltersChange:b,analytics:z,downloadState:"Not-Started",createdByUserListLoaded:Te.fetchState==="Completed"||Te.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(ui,{value:xe.groupByKey,resetDisabled:xe.groupByKey==="groupName",onChange:Be,onReset:Ae}),height:90},getFilterOptions:()=>Js("task_management",re,N.loggedInUserRole??[],i.tagList)},Y=n.useCallback($=>{V(null),_(ke),c({...e.localData,newTaskGroupName:$})},[e.localData,c]),ae=n.useCallback(()=>{V(null)},[]),ze=n.useCallback(()=>{ie!=null&&a(ie)},[ie,a]),R=n.useCallback(()=>{_(ke)},[]),q=n.useCallback($=>{I(U=>U===$?null:$)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&me(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&I(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const ne=t.jsx(_s,{spendManagementSectionProps:ge});return t.jsxs(Bn,{children:[t.jsx(ys,{title:de.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:Ye.colors.grey4,style:{zIndex:3},onBackClick:v,rightSideComponent:ne,isSearchOpen:oe,source:"TaskManagementPage"}),t.jsx(Ii,{anchorEl:W,groupByKey:xe.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:ae,onNewTaskClick:f,onNewGroupClick:Y,handleGroupTemplateClick:M,handleGroupTemplateTaskClick:P,onNewTaskInitialization:L,onExpandTemplate:q,expandedTemplate:O}),t.jsx(Rn,{children:K==="Error"?t.jsxs(An,{children:[t.jsx(Un,{onClick:g,children:t.jsx(Fn,{})}),t.jsx(Vn,{children:de.common.reloadPage.label})]}):K==="Completed"&&A.length===0?t.jsx(Cs,{message:de.taskManagement.taskList.noDataText}):K==="Not-Started"||K==="In-Progress"?t.jsx(Vs,{fetchState:K}):t.jsx(On,{taskListView:e,tagList:Ge,renameActiveField:se,updateTask:p,onDragNDrop:d,onAddNewTaskToTaskGroup:k,onColumnSortConfigChanged:x,onTaskManagementRowClick:h,assignGroupToTasks:u,handleCreateGroup:S,resetLocalData:C,setGroupCreationInProgress:R,setShowDeleteModal:me,updateLocalData:c,setActiveTaskGroupId:j,setRenameActiveField:_,onTaskGroupRename:G,onTimeSpentUpdate:te,onShowToast:H,onCreateTagClick:l,onTaskGroupNameClick:T})}),t.jsx(F,{controller:he===!0,children:t.jsx(bs,{action:{onOkClick:ze,onCancelClick:()=>{me(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:de.common.cancel,primaryButtonText:de.common.confirm,titleComponent:t.jsx(qn,{children:t.jsx(vs,{children:de.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(Zn,{children:t.jsx(ee,{children:de.taskManagement.taskList.deleteConfirmationMessage})})})})]})},On=({taskListView:e,tagList:i,renameActiveField:r,updateTask:l,onTaskGroupRename:p,setRenameActiveField:d,onDragNDrop:a,updateLocalData:c,setShowDeleteModal:h,handleCreateGroup:g,resetLocalData:x,assignGroupToTasks:m,setGroupCreationInProgress:v,onTaskManagementRowClick:f,onColumnSortConfigChanged:b,onAddNewTaskToTaskGroup:C,setActiveTaskGroupId:S,onTimeSpentUpdate:u,onShowToast:k,onCreateTagClick:w,onTaskGroupNameClick:G})=>{const z=n.useRef(null);Ts({componentName:"task.management.list"});const[te,H]=n.useState(null),M=n.useRef({}),P=ye(),{localData:y,taskGroupsWithTasksList:T,uiState:he,userGroupList:me}=e,[se,_]=n.useState([]),ie=n.useRef(null);di({scrollContainerRef:ie,isEnabled:P!=="small"});const j=n.useMemo(()=>e.userList.users.map(L=>L.user).filter(L=>L!=null),[e.userList.users]),O=Ls({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Ot(e.taskGroupsWithTasksList,y,j,i,e.userGroupList.userGroups),[e.taskGroupsWithTasksList,e.userGroupList.userGroups,y,j,i]),values:n.useMemo(()=>Ot(e.taskGroupsWithTasksList,y,j,i,e.userGroupList.userGroups),[e.taskGroupsWithTasksList,e.userGroupList.userGroups,y,j,i])}),I=n.useMemo(()=>{if(r!==ke)return T;const L=[],re=T.map(ge=>{const Y=ge.tasks.filter(ae=>{const ze=y.selectedTaskIds.includes(ae.id)===!0;return ze&&L.push(ae),ze===!1});return{...ge,tasks:Y}});return re.unshift({groupName:"",isDefault:!1,id:ke,tasks:L}),re},[r,T,y.selectedTaskIds]),W=n.useCallback(L=>se.includes(I[L].id)||I[L].tasks.length===0?100:M.current?.[L]!=null?M.current[L]+Mn.rowGap.value(P):3*(1*Ks+Ys)+qs+Zs,[se,I,P]),V=n.useCallback(L=>{H(L.currentTarget)},[]),oe=n.useCallback((L,re)=>{M.current={...M.current,[L]:re},z.current?.resetAfterIndex(0,!0)},[P,z,T]),Q=n.useCallback(L=>{_(re=>re.includes(L)?re.filter(ge=>L!==ge):[...re,L]),z.current?.resetAfterIndex(0,!0)},[]),N=n.useCallback(()=>{H(null)},[]),K=n.useCallback(()=>{_(T.map(L=>L.id)),z.current?.resetAfterIndex(0,!0)},[T]),xe=n.useCallback(()=>{_([]),z.current?.resetAfterIndex(0,!0)},[]),Se=n.useCallback(()=>{v(),z.current?.scrollTo(0),N()},[N,v]),Te=n.useCallback(L=>{S(L),h(!0)},[S,h]),A=n.useCallback(()=>{y.selectedTaskIds.length>0?r!==ke?Se():g(!0):r===ke?g(!1):r!=null&&p(r,y.existingTaskGroupNamesByGroupId[r])},[y.selectedTaskIds.length,y.existingTaskGroupNamesByGroupId,r,Se,g,p]),Ge=n.useCallback(()=>{d(null),x()},[x,d]),Ye=n.useCallback(L=>{x(),d(L)},[x,d]),qe=n.useCallback(()=>{y.defaultTaskGroupId!=null&&m(y.defaultTaskGroupId)},[m,y.defaultTaskGroupId]);n.useEffect(()=>{const L=O.watch((re,{name:ge})=>{ge!=null&&re!=null&&Gs(()=>(async(Y,ae)=>{if(Y.includes(ut)){const R=Y.split(".")[2],q=T.flatMap($=>$.tasks).find($=>$.id===R),ne=ae[pe][be][R].priority.selectedOption;if(q!=null&&ne!=null){const $=Ke.find(U=>U.code===ne);$!=null&&l(q,{priority:$})}return}if(Y.includes(pt)){const R=Y.split(".")[2],q=T.flatMap($=>$.tasks).find($=>$.id===R),ne=ae[pe][be][R].status.selectedOption;if(q!=null&&ne!=null){const $=dt.find(U=>U.code===ne);q!=null&&$!=null&&l(q,{status:$})}return}if(Y.includes(mt)){const R=Y.split(".")[2],q=T.flatMap(le=>le.tasks).find(le=>le.id===R),ne=T.find(le=>le.tasks.find(ns=>ns.id===R))?.id,$=ae[pe][be][R].assignees.selectedUsers.map(le=>le.userId),U=ae[pe][be][R].assignees.selectedUserGroups?.map(le=>le.userGroupId);return void(ne!=null&&$!=null&&q!=null&&l(q,{assignees:$,groupAssignees:U}))}if(Y.includes(ht)){const R=Y.split(".")[2],q=T.flatMap(U=>U.tasks).find(U=>U.id===R),ne=T.find(U=>U.tasks.find(le=>le.id===R))?.id,$=ae[pe][be][R].dueDate.date;return void(ne!=null&&$!=null&&q!=null&&l(q,{dueDate:$}))}if(Y.includes(gt)){const R=Y.split(".")[2],q=T.flatMap(U=>U.tasks).find(U=>U.id===R),ne=T.find(U=>U.tasks.find(le=>le.id===R))?.id,$=ae[pe][be][R].tags.selectedOptions;return void(ne!=null&&$!=null&&q!=null&&l(q,{tagIds:$}))}Y.includes(Ne)&&O.trigger(Y);const ze=Wn(Y,ae,y);c(ze)})(ge,re))});return()=>{L.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&d(null)},[d,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&d(null)},[d,e.taskGroupUpdateStatus.fetchState]);const Be=T.length>1&&y.selectedTaskIds.length>0&&r!==ke,Ae=y.newTaskGroupName.length>0||y.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(zs,{...O,children:t.jsx("form",{id:Nt(wt),onSubmit:O.handleSubmit(A),style:{width:"100%"},children:t.jsx(Hn,{isFooterVisible:Ae,windowSize:P,children:t.jsx(Is,{children:({height:L,width:re})=>t.jsx(Ds,{ref:z,outerRef:ie,height:L,itemCount:I.length,itemSize:W,estimatedItemSize:to,itemKey:ge=>I[ge].id,width:re,overscanCount:eo,itemData:{tagList:i,taskGroupsWithTasksList:I,uiState:he,collapsedGroups:se,userList:e.userList,userGroupList:me.userGroups,renameActiveField:r,selectedRowIds:y.selectedTaskIds,existingTaskGroupNamesByGroupId:y.existingTaskGroupNamesByGroupId,onRenameClick:Ye,handleOnDragNDrop:a,onCollapseToggle:Q,setRowHeight:oe,onTaskManagementRowClick:f,onColumnSortConfigChanged:b,onAddNewTaskToTaskGroup:C,onCollapseAll:K,onDeleteTaskGroup:Te,onExpandAll:xe,onTimeSpentUpdate:u,onShowToast:k,onCreateTagClick:w,onTaskGroupNameClick:G},initialScrollOffset:0,children:En})})})})}),Ae?t.jsx(Ns,{formId:Nt(wt),primaryBtn:{label:T.length===1&&y.selectedTaskIds.length>0&&r!==ke?et.taskList.footer.createGroup:Mt.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Mt.cancel,style:{width:"135px"},onClick:Ge},helperContainerStyle:P==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(F,{controller:P!=="small"&&y.selectedTaskIds.length>0,children:t.jsxs(Kn,{children:[t.jsx(rs,{count:y.selectedTaskIds.length}),t.jsx(Yn,{children:y.selectedTaskIds.length>1?et.taskList.footer.tasksSelected:et.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(F,{controller:P!=="small"&&y.selectedTaskIds.length>0,children:t.jsx(Qn,{children:t.jsx(fe,{enterDelay:600,title:de.taskManagement.taskList.footer.ungroup,children:t.jsx(Jn,{onClick:qe})})})}),showPrimaryButton:Be===!1,customPrimaryButton:Be?t.jsxs(t.Fragment,{children:[t.jsx(at,{variant:"secondary",label:de.taskManagement.taskList.footer.moveTo,onClick:V,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(fi,{taskGroupsList:T,anchorEl:te,groupByKey:he.groupByKey,onCreateNewGroup:Se,onExistingGroupSelection:L=>{N(),m(L)},onClose:N})]}):void 0}):null]})},En=({index:e,style:i,data:r})=>{const l=n.useRef(null),p=ye(),{tagList:d,taskGroupsWithTasksList:a,uiState:c,renameActiveField:h,collapsedGroups:g,onCollapseToggle:x,onTaskManagementRowClick:m,setRowHeight:v,onColumnSortConfigChanged:f,onCollapseAll:b,onExpandAll:C,onAddNewTaskToTaskGroup:S,onDeleteTaskGroup:u,handleOnDragNDrop:k,onRenameClick:w,userList:G,selectedRowIds:z,existingTaskGroupNamesByGroupId:te,onTimeSpentUpdate:H,onShowToast:M,onCreateTagClick:P,onTaskGroupNameClick:y,userGroupList:T}=r;n.useEffect(()=>{l.current?.firstElementChild!=null&&v(e,l.current.firstElementChild.clientHeight)},[e,l,p,a[e]?.tasks]);const he=n.useCallback(se=>{const _=se.dataTransfer.getData("row");k(_,a[e].id)},[k,e,a]),me=n.useCallback(se=>{se.preventDefault()},[]);return t.jsx(_n,{style:{...i,width:"100%"},ref:l,onDrop:he,onDragOver:me,children:t.jsx(Pn,{taskGroup:a[e],showGroupName:!0,tagList:d,uiState:c,isCollapsed:g.includes(a[e].id),onCollapseToggle:x,showRenameTextField:h===a[e].id,userGroupList:T,isSelectionAllowed:h==null,onTaskManagementRowClick:m,onColumnSortConfigChanged:f,onAddNewTaskToTaskGroup:S,onCollapseAll:b,onDeleteTaskGroup:u,onExpandAll:C,selectedRowIds:z,userList:G,existingTaskGroupNamesByGroupId:te,onDragStart:(se,_)=>{se.dataTransfer.setData("row",_)},onRenameClick:()=>{w(a[e].id)},onTimeSpentUpdate:H,onShowToast:M,onCreateTagClick:P,onTaskGroupNameClick:y},a[e].id)})},Pn=({taskGroup:e,userGroupList:i,tagList:r,showGroupName:l,uiState:p,showRenameTextField:d,isCollapsed:a,isSelectionAllowed:c,selectedRowIds:h,userList:g,existingTaskGroupNamesByGroupId:x,onRenameClick:m,onTaskManagementRowClick:v,onCollapseToggle:f,onColumnSortConfigChanged:b,onCollapseAll:C,onExpandAll:S,onAddNewTaskToTaskGroup:u,onDeleteTaskGroup:k,onDragStart:w,onTimeSpentUpdate:G,onShowToast:z,onCreateTagClick:te,onTaskGroupNameClick:H})=>{const M=ye(),P=M==="medium-regular"||M==="medium-compact"||M==="small"?nn:xr;return t.jsx(P,{taskGroup:e,tagList:r,userList:g,sectionId:pe,showGroupName:l,uiState:p,showRenameTextField:d,isCollapsed:a,isSelectionAllowed:c,selectedRowIds:h,existingTaskGroupNamesByGroupId:x,userGroupList:i,onAddNewTaskToTaskGroup:u,onCollapseAll:C,onDeleteTaskGroup:k,onExpandAll:S,onCollapseToggle:f,onTaskManagementRowClick:v,onColumnSortConfigChanged:b,onDragStart:w,onRenameClick:m,onTimeSpentUpdate:G,onShowToast:z,onCreateTagClick:te,onTaskGroupNameClick:H})},Ot=(e,i,r,l,p)=>{const d={},a={};e.forEach(h=>{a[h.id]={[Re]:[],[Ce]:i.existingTaskGroupNamesByGroupId[h.id]},h.tasks.forEach(g=>{i.selectedTaskIds.includes(g.id)&&a[h.id].selectedIds.push(g.id),d[g.id]={[pt]:{selectedOption:g.status.code,allOptions:dt.map(x=>({label:x.name,value:x.code}))},[ut]:{selectedOption:g.priority.code,allOptions:Ke.map(x=>({label:x.name,value:x.code}))},[ht]:{date:g.dueDate,showBusinessDay:!1},[mt]:{allUsers:r,selectedUsers:g.assigneeUsers.map(x=>x.user),allUserGroups:p,selectedUserGroups:g.groupAssignees.map(x=>p.find(m=>m.userGroupId===x)).filter(x=>x!=null)},[gt]:{allOptions:qt(l),selectedOptions:g.tagIds},[Ne]:g.timeSpent}})});const c={[ct]:{[ke]:{[Ce]:i.newTaskGroupName,[Re]:[]},...a},[be]:d};return{[pe]:c}},Wn=(e,i,r)=>{if(e.includes(pe)){const l=e.split(".")[2];if(e.includes(Ce))return e.includes(ke)?{...r,newTaskGroupName:i[pe].groupData[l][Ce]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[l]:i[pe].groupData[l][Ce]}};if(e.includes(Re)){const p=Ps(Ws(Object.values(i[pe][ct]),Re)).filter(d=>d!==de.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:p}}}return r},Rn=o.div`
   display: block;
   height: 100%;
 `,Bn=o.div`
@@ -1007,7 +1007,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,Fn=o.div`
+`,Un=o.div`
   height: 96px;
   width: 96px;
   display: flex;
@@ -1016,7 +1016,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   background: ${e=>e.theme.colors.background};
   border-radius: 50%;
   cursor: pointer;
-`,Un=o(Kt)`
+`,Fn=o(Kt)`
   height: ${s.sp5};
   width: ${s.sp5};
   color: ${e=>e.theme.colors.grey1};
@@ -1059,7 +1059,7 @@ import{X as ye,cc as Me,e as we,V as t,I as U,d_ as Ot,w as ce,o as s,bo as fe,f
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Xn=o.div`
+`,Qn=o.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;