@zeniai/web-app-ui 4.14.28-prod → 4.14.29-dev

package/dist/assets/TaskManagementPage-D3YvKWVJ-DM0xoyo4.js

@@ -0,0 +1,1067 @@
+import{e as ye,cc as Me,d as we,V as t,E as U,dS as Et,w as ce,o as s,bn 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,q as At,aR as as,cp as ds,iF as cs,k as B,ar as ps,H as Oe,y as _e,a1 as We,bl as us,fT as Ft,e4 as Ut,P as je,cq as lt,ib as hs,b_ as ms,c1 as Vt,j as gs,b3 as xs,b4 as De,bi as ks,cs as ws,i 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-ByxsQZNo.js";import{a as n,b as st}from"./sentry-COYnhuxW.js";import{n as o,c as J}from"./mui-40xepic5.js";import{Gx as Rs,Gv as Bs,Gg as dt,Gf as Ke,bs as As,BK as qt,Gy as Fs,Gz as Us,GA as kt}from"./zeni-epic-state-DCforPdM.js";import{m as Vs}from"./BusyIndication-H_iNZOWd-BNmJKxof.js";import{J as Hs,t as _s}from"./SpendManagementSection-CZ_i360S-BWGL8ndc.js";import{A as Ks,t as qs,a as Ys,E as Zs}from"./NotificationsListConfig-CWWrsRBB-BQkEfnwX.js";import{a as Js}from"./SpendManagementListViewPage-CSGYJyZu-BweWpc_X.js";import{M as Qs,S as Xs,L as eo,_ as to}from"./common-BGuhvMjF-Ry4gfI81.js";import{b as Ce,c as ct,a as ot,C as so,d as Yt,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-rWt-QUEv-DH6XgxNN.js";import{r as io}from"./avatar-Dz7aEm3d-BdKWS97a.js";import{g as no}from"./ZeniDatePicker-9JxwH7J5-CcV9D7gC.js";import{d as lo}from"./ZeniAvatar-C2LxBTZ4-YOmVMm4j.js";import"./pdf-A8jRKyoC.js";import"./core-B0nKoasK.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./recharts-Bbdho9Pi.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.js";import"./MoreMenuButton-C_jqM-Ix-D5fFt93A.js";import"./bank-letter-BOcVjN6J-ydWr7ZOI.js";import"./spend-limit-D6SyboD4-BruIkKZj.js";import"./dollar-round-D18u7nlm-CQw1tD8J.js";import"./money-2cg1MuG4-rv31fLm6.js";import"./page-summary-D7_VQHwN-bNTaLAow.js";import"./transaction-placeholder-CpOwZAMG-C-J0dsgn.js";import"./unlock-BPWn2I5L-BGatCFPm.js";import"./filter-cZIFUNvj-DAakc3sS.js";import"./StatusSwitcher-CDnarHSf-meshGWkH.js";import"./calculateSize-DecSvt-d-CIfCbqel.js";import"./LabeledSingleSelectField-B3pMIEfZ-C8i8zlDG.js";import"./hyperlink-DQyCeXx2-BOSMM7uX.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]="599143fc-2331-4740-8da0-d2bd212e7d23",e._sentryDebugIdIdentifier="sentry-dbid-599143fc-2331-4740-8da0-d2bd212e7d23")}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`
+  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,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: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,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;
+  color: ${e=>e.theme.colors.primary};
+  align-items: center;
+  flex-direction: row;
+
+  ~ div .select-option-wrapper {
+    display: ${e=>e.isGroupOpen?"flex":"none"};
+  }
+
+  .grouped-multi-select-field__group-heading {
+    display: flex;
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    font-family: inherit;
+    color: inherit;
+    text-transform: capitalize;
+    cursor: pointer;
+    padding: 0 18px;
+  }
+`,fo=o.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${s.sp2};
+  transform: ${e=>e.isGroupOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,$o=o(ks)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,yo=e=>{const[i,r]=n.useState(e.selectProps.inputValue),l=n.useRef(null),p=()=>{l.current&&l.current.focus(),e.selectProps.onInputChange(i,{action:"input-change",prevInputValue:""})};return n.useEffect(()=>{p()},[]),t.jsxs(De.Menu,{...e,children:[t.jsxs(bo,{children:[t.jsx(Co,{children:t.jsx(jo,{})}),t.jsx(vo,{ref:l,value:i,onChange:d=>{r(d.target.value),e.selectProps.onInputChange(d.target.value,{action:"input-change",prevInputValue:""})},onClick:d=>{p(),d.stopPropagation()},placeholder:D.getLocalizedStrings().cockpit.searchByName,"data-testid":je("cockpit-user-multiselect-search")})]}),e.children]})},bo=o.div`
+  padding: ${s.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-top-right-radius: ${s.sp1};
+  border-top-left-radius: ${s.sp1};
+  display: flex;
+  align-items: center;
+  position: relative;
+  border-bottom: 1px solid ${we.neutralGrey3Light};
+`,vo=o.input`
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  box-sizing: border-box;
+  border: none;
+  outline: none;
+  padding-right: ${s.sp5};
+  color: ${e=>e.value?e.theme.colors.primary:e.theme.colors.hero};
+
+  ::placeholder {
+    color: ${e=>e.theme.colors.grey1};
+  }
+`,Co=o.div`
+  display: flex;
+  width: ${s.sp4};
+  height: ${s.sp4};
+  align-items: center;
+  margin-left: ${s.sp2};
+`,jo=o(_t)`
+  height: ${s.sp3};
+  width: ${s.sp3};
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Ue=o.div``,So=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.grey1};
+`,To=o(io)`
+  margin-right: ${s.sp2};
+  color: ${e=>e.theme.colors.hero};
+  height: ${s.sp4};
+  width: ${s.sp4};
+`,Lo=o(fs)`
+  height: ${s.sp3};
+  width: ${s.sp3};
+  margin-left: ${s.sp4};
+`,Go=o(Vt)`
+  height: ${s.sp3};
+  width: ${s.sp3};
+  margin-left: ${s.sp4};
+`,zo=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,Io=o.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,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(Qt,{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}),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(Ue,{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;
+`,Oo=o(E)`
+  color: ${e=>e.theme.colors.primary};
+`,Eo=o(Oe)`
+  color: ${e=>e.theme.colors.hero};
+`,Po=o.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin-left: ${s.sp2};
+`,Wo=o.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${s.sp2};
+`,Ro=o.div`
+  padding: ${s.sp0} ${s.sp2};
+  max-width: 104px;
+  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:[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(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`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${s.sp4};
+  height: ${s.sp4};
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+
+    .userBadge {
+      color: ${e=>e.theme.colors.primary};
+    }
+  }
+  border-radius: 50%;
+  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)`
+  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`
+  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(qo,{"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})})})},qo=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(Yo,{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(U,{controller:i===!1,children:[t.jsxs(Ee,{onClick:()=>{c(),l()},children:[t.jsx(Xo,{}),t.jsx(E,{children:Fe.rename})]}),t.jsxs(Ee,{onClick:()=>{c(),p()},children:[t.jsx(er,{}),t.jsx(E,{children:Fe.delete})]})]}),t.jsxs(Ee,{onClick:()=>{c(),d()},children:[t.jsx(tr,{}),t.jsx(E,{children:Fe.collapseAll})]}),t.jsxs(Ee,{onClick:()=>{c(),a()},children:[t.jsx(sr,{}),t.jsx(E,{children:Fe.expandAll})]})]})})}const Yo=o.div`
+  display: flex;
+  flex-direction: column;
+`,Ee=o.div`
+  display: flex;
+  column-gap: ${s.sp2};
+  align-items: center;
+  padding: ${s.sp2} ${s.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background-color: ${e=>e.theme.colors.background};
+  }
+  border-bottom: ${e=>e.hasBorderBottom===!0?`1px solid ${e.theme.colors.grey3}`:"none"};
+`,Zo=o(ls)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Jo=o(At)`
+  color: ${e=>e.theme.colors.primary};
+`,Qo=o.div`
+  padding: ${s.sp2} ${s.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+`,Xo=o(as)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,er=o(ds)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,tr=o(cs)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,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 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=>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=>`${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;
+`,rr=o.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.isLastColumn===!0?"auto":e.wrapperWidth.valuePercentage(e.windowSize)};
+  padding-left: ${e=>e.companyNameSticky?s.sp4:s.sp0};
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  left: ${s.sp0};
+  justify-content: ${e=>e.actualDataValue==="amount"||e.isLastColumn===!0?"flex-end":"flex-start"};
+  ${e=>e.companyNameSticky?J`
+          position: sticky;
+          z-index: 1;
+        `:J`
+          position: static;
+          z-index: 0;
+        `};
+  ${e=>e.actualDataValue==="companyName"?J`
+          padding-left: ${s.sp4};
+          flex: 1 1 auto;
+        `:J`
+          padding-left: ${s.sp0};
+        `};
+  box-sizing: border-box;
+`,ir=o(Vt)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,vt=o.div`
+  display: flex;
+  align-items: center;
+  transform: ${e=>e.sortDataValue===e.headerdata.key&&e.headerdata.sortOrder==="descending"?"rotate(180deg)":"rotate(0deg)"};
+  ${e=>e.headerdata.sortOrder==="ascending"?J`
+          padding-top: 2px;
+        `:J`
+          padding-bottom: 2px;
+        `}
+`,Ct=o(ms)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: inherit;
+`,nr=o.div`
+  gap: ${s.sp1};
+  display: flex;
+`,lr=o(hs)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,ar=o.div`
+  margin-right: ${s.sp1};
+  display: flex;
+  align-items: center;
+`,dr=o.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,cr=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  white-space: nowrap;
+`,pr=o.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &: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 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(Yr,{children:[t.jsxs(ei,{children:[d.slice(0,5).map((c,h)=>c.photo!=null?t.jsx(qr,{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=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(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:Yt(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=>!(qt(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(U,{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(U,{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(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: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(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:z,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`
+  padding-right: ${e=>Ve.containerPaddingRight.valuePx(e.windowSize)};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp2};
+`,wr=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp2};
+  width: 100%;
+`,fr=o.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  height: ${s.sp10};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${s.sp0} 2px ${s.sp1} ${e.theme.colors.dropShadowNormal}`};
+  ${e=>e.isDefaultGroupTask||e.isFirstItem&&e.isLastItem?J`
+          border-radius: ${s.sp2};
+        `:null}
+
+  ${e=>e.isDefaultGroupTask===!1&&e.isFirstItem===!0?J`
+          border-top-left-radius: ${s.sp2};
+          border-top-right-radius: ${s.sp2};
+        `:null}
+
+  ${e=>e.isDefaultGroupTask===!1&&e.isLastItem===!0?J`
+          border-bottom-left-radius: ${s.sp2};
+          border-bottom-right-radius: ${s.sp2};
+        `:null}
+
+  cursor: pointer;
+  margin-bottom: -1px;
+  &:hover {
+    z-index: 1;
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    .taskDescriptionText {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .select-value-container div,
+    .select-value-container label {
+      color: ${e=>e.theme.colors.primary};
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+  &:not(:hover) {
+    .timeSpentField input:not(:focus-within) {
+      color: ${e=>e.theme.colors.hero};
+    }
+  }
+
+  ${e=>e.isSelected===!0?J`
+          z-index: 1;
+          border: 1px solid ${e.theme.colors.primary};
+        `:J`
+          border: 1px solid ${e.theme.colors.grey3};
+        `}
+  padding-left: ${s.sp4};
+  padding-right: ${s.sp4};
+`,$r=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: top;
+  column-gap: ${s.sp2};
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,yr=o(ee)`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${s.sp2};
+  align-items: flex-start;
+`,br=o(ee)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  max-height: ${s.sp4};
+  width: 100%;
+`,vr=o.div`
+  max-width: ${e=>`${e.isIconPresent?Ve.taskNameMaxWidth.value(e.windowSize)-B[4]:Ve.taskNameMaxWidth.value(e.windowSize)}px`};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+`,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)`
+  display: flex;
+  align-items: center;
+  margin-left: ${s.sp1};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${s.sp1};
+`,Sr=o.div`
+  display: flex;
+  column-gap: ${s.sp2};
+  align-items: center;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,Tr=o.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+`,Lr=o(E)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+`,Gr=o(E)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+  padding-right: ${e=>e.isLastColumn===!0?s.sp2:s.sp0};
+`,zr=o.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+`,Ir=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,Dr=o(E)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: ${s.sp11};
+  overflow: hidden;
+  margin-right: ${s.sp2};
+`,Nr=o(Oe)`
+  border: 1px solid ${we.neutralGrey2Light};
+  border-radius: ${s.sp1};
+  padding: 1px 6px;
+  color: ${e=>e.theme.colors.grey1};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+`,Mr=o(Oe)`
+  border: 1px solid ${e=>e.theme.colors.hero};
+  min-width: calc(${s.sp3} + ${s.sp1});
+  height: calc(${s.sp3} + ${s.sp1});
+  border-radius: 30%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Or=o(He)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Er=o.div`
+  cursor: pointer;
+  display: flex;
+  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,Pr=o.div`
+  padding-left: ${s.sp7};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,Wr=o.div`
+  padding-left: ${s.sp3};
+  cursor: grab;
+`,Rr=o.div`
+  width: 100%;
+`,Br=o(Bt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Ar=o.div`
+  cursor: pointer;
+`,Fr=o(ts)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Pe=o(ps)`
+  color: ${e=>e.theme.colors.primary};
+  cursor: ${e=>e.clickable===!0?"pointer":"default"};
+  &:hover {
+    text-decoration: underline;
+  }
+`,Ur=o.div`
+  width: ${s.sp5};
+`,Vr=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: ${s.sp2};
+`,Hr=o.div`
+  width: ${s.sp6};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 2px;
+  overflow: hidden;
+`,_r=o.div`
+  height: ${s.sp2};
+  width: ${e=>e.percentage}%;
+  background-color: ${e=>e.fill};
+`,Kr=o(E)`
+  color: ${e=>e.theme.colors.hero};
+`,qr=o.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isFirstElement===!1?J`
+          margin-left: -${s.sp2};
+        `:null}
+`,Yr=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp2};
+`,Zr=o(Oe)`
+  border: 1px solid ${e=>e.theme.colors.grey2};
+  min-width: 20px;
+  height: 20px;
+  border-radius: 30%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,Jr=o(o.div`
+  width: inherit;
+  position: relative;
+`)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+`,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(Oe)`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background-color: ${e=>e.theme.colors.grey3};
+  color: ${e=>e.theme.colors.hero};
+  margin-left: -${s.sp2};
+`,si=o.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${s.sp2};
+`,oi=o(ro)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.color};
+  margin-right: ${s.sp2};
+`,ri=o.div`
+  display: flex;
+  flex-direction: row;
+`,ii=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp2};
+  color: ${e=>e.theme.colors.grey1};
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,ni=o(lt)`
+  width: ${s.sp3};
+  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 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;
+        `:J`
+          height: 18px;
+          min-width: 18px;
+          padding: ${s.sp0} ${s.sp1};
+        `}
+  background-color: transparent;
+  border-radius: ${s.sp12};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  outline: 1px solid;
+  outline-color: inherit;
+`,pi=o(Ht)`
+  color: inherit;
+`,{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:Us,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};
+  justify-content: space-between;
+  padding-bottom: ${s.sp4};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,mi=o.div`
+  flex: 1;
+`,gi=o.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isDisabled?J`
+          opacity: 0.3;
+        `:J`
+          cursor: pointer;
+        `};
+  &:hover {
+    color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+  }
+
+  column-gap: ${s.sp1};
+`,xi=o(js)`
+  color: ${e=>e.theme.colors.primary};
+`,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(E,{children:a.groupName})},a.id))}),t.jsx(U,{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};
+  color: ${e=>e.theme.colors.hero};
+
+  cursor: pointer;
+  display: flex;
+  column-gap: ${s.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,yi=o.div`
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,bi=o(lt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`;function vi({placeholder:e,searchText:i,inputContainerStyles:r,onSearchTextChanged:l}){const[p,d]=n.useState(!1),a=n.useRef(null),c=ye();return t.jsxs(Ci,{children:[p?null:t.jsx(Si,{onMouseEnter:()=>d(!0),onClick:()=>{d(!0),a.current?.focus()},children:t.jsx(Lt,{})}),p?t.jsxs(ji,{style:r,isOpen:p,children:[t.jsx(Lt,{}),t.jsx(Ti,{windowSize:c,autoFocus:c!=="small",placeholder:e,value:i,onBlur:()=>{i||d(!1)},onChange:h=>{const g=h.target;l(g.value)},ref:a}),i?t.jsx(Li,{}):null]}):null]})}const Ci=o.div`
+  position: relative;
+`,ji=o.div`
+  position: absolute;
+  right: 0;
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp1};
+  padding-bottom: ${s.sp1};
+  border-bottom: 1px solid ${e=>e.theme.colors.primary};
+  min-width: ${({isOpen:e})=>e?"200px":"0px"};
+  transition: min-width 0.3s ease-in-out;
+`,Lt=o(_t)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${s.sp3};
+  height: ${s.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Si=o.div`
+  cursor: pointer;
+`,Ti=o(Os)`
+  display: flex;
+  border-width: ${s.sp0};
+  outline-width: ${s.sp0};
+  color: ${e=>e.theme.colors.primary};
+  border-radius: ${s.sp1};
+  flex: 1;
+  background-color: inherit;
+  ::placeholder {
+    color: ${e=>e.theme.colors.grey1};
+  }
+`,Li=o(Es)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,{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(U,{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(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(Qi,{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(qi,{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(Xi,{className:"styled-dot"}),t.jsx(sn,{className:"task-name-text",children:S.name})]}),t.jsx(Yi,{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(U,{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"};
+`,Gt=o.div`
+  display: flex;
+  column-gap: ${s.sp2};
+  align-items: center;
+  padding: ${s.sp2} ${s.sp3};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey5};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,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};
+`,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};
+`,Ei=o.div`
+  display: flex;
+  flex-direction: column;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Pi=o.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-bottom: ${s.sp2};
+`,Wi=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp3};
+`,Ri=o.div`
+  display: flex;
+  column-gap: ${s.sp2};
+  align-items: center;
+  justify-content: space-between;
+`,Bi=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`,Ai=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:"M19.6011 5.42688H3.10107",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 9.60004L7.92188 12.4125L6.51562 11.0063",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 11.0063H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 15.4125L7.92188 18.225L6.51562 16.8188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 16.8188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Fi=o(tt)`
+  color: ${e=>e.theme.colors.primary};
+`,Ui=o.div`
+  max-height: 320px;
+  overflow: auto;
+`,Vi=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-left: ${s.sp6};
+  padding-right: ${s.sp4};
+  color: ${e=>e.expanded?e.theme.colors.primary:e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    .hidden-create-group-button {
+      display: block;
+    }
+  }
+`,Hi=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp0};
+  color: inherit;
+  column-gap: ${s.sp2};
+`,_i=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-left: ${s.sp6};
+  padding-right: ${s.sp4};
+
+  &:hover {
+    column-gap: ${s.sp2};
+    background-color: ${e=>e.theme.colors.background};
+    .task-name-text {
+      max-width: 244px;
+    }
+    .hidden-create-task-button {
+      display: block;
+    }
+  }
+`,Ki=o.div`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  padding: ${s.sp2} ${s.sp0};
+  color: ${e=>e.theme.colors.hero};
+  flex-grow: 1;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    .styled-dot {
+      background-color: ${e=>e.theme.colors.primary};
+    }
+  }
+`,qi=o(at)`
+  display: ${e=>e.expanded===!0?"block":"none"};
+`,Yi=o(at)`
+  display: none;
+`,Zi=o(Ms)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Ji=o(He)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,Qi=o.div``,Xi=o.div`
+  display: inline-block;
+  border-radius: ${s.sp2};
+  width: ${s.sp1};
+  height: ${s.sp1};
+  margin: ${s.sp0} 12px ${s.sp0} 6px;
+  cursor: inherit;
+  background-color: ${e=>e.theme.colors.grey1};
+`,en=o.div`
+  padding: ${s.sp2} ${s.sp3};
+`,tn=o(ee)`
+  color: ${e=>e.theme.colors.hero};
+`,zt=o.div`
+  display: flex;
+  align-items: center;
+  padding: ${s.sp2} ${s.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  column-gap: ${s.sp2};
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,It=o(lt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,sn=o(ee)`
+  color: inherit;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 336px;
+`,{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=>!(qt(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(U,{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(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`
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  padding-right: ${s.sp3};
+  row-gap: ${s.sp3};
+`,an=o.div`
+  display: flex;
+  align-items: center;
+  height: ${s.sp10};
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${we.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${we.dropShadowNormalLight}`};
+  border-radius: ${s.sp2};
+  cursor: pointer;
+  &:hover {
+    z-index: 1;
+    border-color: ${e=>e.theme.colors.primary};
+    color: ${e=>e.theme.colors.primary};
+    .taskDescriptionText,
+    .taskNameText {
+      color: ${e=>e.theme.colors.primary};
+    }
+    .selected-options label {
+      color: ${e=>e.theme.colors.primary};
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+  &:not(:hover) {
+    .timeSpentField input:not(:focus-within) {
+      color: ${e=>e.theme.colors.hero};
+    }
+  }
+  padding-left: ${s.sp4};
+  padding-right: ${s.sp4};
+  justify-content: space-between;
+`,dn=o(ee)``,cn=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,pn=o(Oe)`
+  border: 1px solid ${e=>e.theme.colors.hero};
+  width: calc(${s.sp3} + ${s.sp1});
+  height: calc(${s.sp3} + ${s.sp1});
+  border-radius: 30%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,un=o.div`
+  padding-left: ${s.sp7};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,hn=o.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,mn=o.div`
+  cursor: pointer;
+  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,gn=o(He)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,xn=o.div`
+  cursor: pointer;
+`,kn=o(Bt)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,wn=o.div`
+  padding-left: ${s.sp3};
+  cursor: grab;
+`,fn=o(ts)`
+  width: ${s.sp3};
+  height: ${s.sp3};
+`,$n=o.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: top;
+  column-gap: ${s.sp2};
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,yn=o(ee)`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${s.sp2};
+  align-items: flex-start;
+`,bn=o(ee)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  max-height: ${s.sp4};
+  width: 100%;
+`,vn=o.div`
+  max-width: ${e=>is.taskNameMaxWidth.value(e.windowSize)-B[4]+"px"};
+  color: ${e=>e.theme.colors.hero};
+  width: ${e=>e.isIconPresent?"80%":"90%"};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+`,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)`
+  display: flex;
+  align-items: center;
+  margin-left: ${s.sp1};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${s.sp1};
+`,Sn=o.div`
+  margin-right: ${s.sp1};
+  margin-left: ${s.sp1};
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  column-gap: ${s.sp2};
+`,Tn=o(E)`
+  color: ${e=>e.theme.colors.hero};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: ${s.sp8};
+  white-space: nowrap;
+`,Ln=o.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${s.sp2};
+`,Dt=o.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  overflow: hidden;
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  margin-right: ${s.sp1};
+`,Gn=o(E)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  overflow: hidden;
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+  padding-right: ${s.sp1};
+  column-gap: ${s.sp2};
+`,zn=o(E)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+  padding-right: ${e=>e.isLastColumn===!0?s.sp2:s.sp0};
+  column-gap: ${s.sp2};
+`,In=o.div`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  overflow: hidden;
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
+  padding-right: ${s.sp1};
+  column-gap: ${s.sp2};
+`,Dn=o(o.div`
+  width: inherit;
+  position: relative;
+`)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  color: ${e=>e.theme.colors.hero};
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  column-gap: ${s.sp2};
+`,Nn=o.div`
+  max-width: ${s.sp11};
+`,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,qe=_e(),Ye=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:Ye,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)},q=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)},[]),Y=n.useCallback($=>{I(F=>F===$?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:qe.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:q,handleGroupTemplateClick:M,handleGroupTemplateTaskClick:P,onNewTaskInitialization:L,onExpandTemplate:Y,expandedTemplate:O}),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(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(U,{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(Yn,{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 q=ge.tasks.filter(ae=>{const ze=y.selectedTaskIds.includes(ae.id)===!0;return ze&&L.push(ae),ze===!1});return{...ge,tasks:q}});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+qs)+Ys+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]),qe=n.useCallback(L=>{x(),d(L)},[x,d]),Ye=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(q,ae)=>{if(q.includes(ut)){const R=q.split(".")[2],Y=T.flatMap($=>$.tasks).find($=>$.id===R),ne=ae[pe][be][R].priority.selectedOption;if(Y!=null&&ne!=null){const $=Ke.find(F=>F.code===ne);$!=null&&l(Y,{priority:$})}return}if(q.includes(pt)){const R=q.split(".")[2],Y=T.flatMap($=>$.tasks).find($=>$.id===R),ne=ae[pe][be][R].status.selectedOption;if(Y!=null&&ne!=null){const $=dt.find(F=>F.code===ne);Y!=null&&$!=null&&l(Y,{status:$})}return}if(q.includes(mt)){const R=q.split(".")[2],Y=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&&Y!=null&&l(Y,{assignees:$,groupAssignees:F}))}if(q.includes(ht)){const R=q.split(".")[2],Y=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&&Y!=null&&l(Y,{dueDate:$}))}if(q.includes(gt)){const R=q.split(".")[2],Y=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&&Y!=null&&l(Y,{tagIds:$}))}q.includes(Ne)&&O.trigger(q);const ze=Wn(q,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:qe,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(U,{controller:P!=="small"&&y.selectedTaskIds.length>0,children:t.jsxs(Kn,{children:[t.jsx(rs,{count:y.selectedTaskIds.length}),t.jsx(qn,{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(Qn,{children:t.jsx(fe,{enterDelay:600,title:de.taskManagement.taskList.footer.ungroup,children:t.jsx(Jn,{onClick:Ye})})})}),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:Yt(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`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${s.sp4};
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow: hidden;
+`,An=o.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Fn=o.div`
+  height: 96px;
+  width: 96px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+`,Un=o(Kt)`
+  height: ${s.sp5};
+  width: ${s.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Vn=o(Ss)`
+  margin-top: ${s.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Hn=o.div`
+  /** Subtract top so list can occupy remaining available height */
+  height: ${e=>e.isFooterVisible===!0?"calc(100vh - 152px)":"calc(100vh - 88px)"}; // total - header
+  max-width: 99.9%;
+`,_n=o.div`
+  top: ${s.sp0};
+  left: ${s.sp0};
+  box-sizing: border-box;
+`,Kn=o.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${s.sp2};
+  padding-left: ${s.sp9};
+`,qn=o(ee)`
+  color: ${e=>e.theme.colors.primary};
+`,Yn=o.div`
+  padding-top: ${s.sp7};
+  padding-bottom: ${s.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,Zn=o.div`
+  padding-left: ${s.sp8};
+  padding-right: ${s.sp8};
+  padding-bottom: ${s.sp5};
+  color: ${e=>e.theme.colors.hero};
+`,Jn=o(e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("rect",{x:10,y:2,width:12,height:12,rx:2,stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 10.75C7 10.3358 6.66421 10 6.25 10H3.70967C2.76545 10 2 10.7654 2 11.7097V20.2936C2 21.2378 2.76544 22.0033 3.70966 22.0033H12.2936C13.2378 22.0033 14.0033 21.2378 14.0033 20.2936V17.75C14.0033 17.3358 13.6675 17 13.2533 17C12.8391 17 12.5033 17.3358 12.5033 17.75V20.2936C12.5033 20.4094 12.4094 20.5033 12.2936 20.5033H3.70966C3.59387 20.5033 3.5 20.4094 3.5 20.2936V11.7097C3.5 11.5939 3.59387 11.5 3.70967 11.5H6.25C6.66421 11.5 7 11.1642 7 10.75Z",fill:"currentColor"})))`
+  width: ${s.sp4};
+  height: ${s.sp4};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Qn=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: ${s.sp6};
+`;export{Ml as default,Nt as uniqueFormName};