@zeniai/web-app-ui 4.14.35-prod → 4.14.36-dev

package/dist/assets/TaskManagementPage-dAK9tl2b-VU_G-rkO.js

@@ -0,0 +1,1063 @@
+import{J as ge,c3 as Ge,e as he,V as t,_ as V,dG as Nt,j as oe,o,bg as ue,fo as Mt,gi as tt,x as R,b as Z,e2 as Ae,O as I,n as ot,fm as st,fP as Ot,eX as ut,s as Q,bN as to,N as Et,aR as oo,cg as so,it as io,u as A,ar as ro,W as ze,y as Fe,a0 as Oe,be as no,fM as Pt,dU as Wt,ch as it,h$ as lo,bT as ao,bW as Rt,m as co,b3 as po,b4 as Te,cJ as ho,k as Bt,b2 as uo,gg as At,t as mo,a_ as go,bK as xo,I as wo,bB as Je,bH as ko,at as fo,ba as Ft,ab as $o,bz as yo,T as vo,b$ as bo,A as Co,an as jo,bO as So,a9 as To,i as rt,iu as Lo,gh as Go,a8 as zo,iv as Io,cs as Do}from"./index-T6cemxxv.js";import{a as n,b as Ze}from"./sentry-BoIfGJBF.js";import{n as s,c as q}from"./mui-GaW5Gk_e.js";import{FM as No,FK as Mo,Fv as nt,Fu as Ve,bs as Oo,A_ as Vt,FN as Eo,FO as Po,FP as mt}from"./zeni-epic-state-BtVcBgvu.js";import{m as Wo}from"./BusyIndication-DizZe0Gu-Ui3yaqtY.js";import{J as Ro,t as Bo}from"./SpendManagementSection-dT-N4bSQ-zSvxEGhY.js";import{A as Ao,t as Fo,a as Vo,E as Uo}from"./NotificationsListConfig-Bn1zmx6b-D4fKYTYM.js";import{a as Ho}from"./SpendManagementListViewPage-9V9u1jPF-impkLVzs.js";import{M as _o,S as Ko,L as Yo,_ as qo}from"./common-DEB71I4X-BRhAN_mv.js";import{b as ke,c as lt,a as Qe,C as Jo,d as Ut,T as Ht,M as _t,t as be,g as Zo,S as Qo,e as Le,s as at,p as dt,f as ct,h as pt,i as ht,j as Ee,n as pe,k as gt,l as ae}from"./TaskDetailPage-044JwAvz-Dbz-j4Qe.js";import{r as Xo}from"./avatar-Dz7aEm3d-B59e782o.js";import{g as es}from"./ZeniDatePicker-DCurorsW-jSixMxUp.js";import{d as ts}from"./ZeniAvatar-CwHVUcMc-BJ8AyUay.js";import"./pdf-DWoGjGSw.js";import"./core-BSWMBnrJ.js";import"./lottie-DOxhyevU.js";import"./liveblocks--WiFaeN0.js";import"./recharts-BQ8VH5gX.js";import"./dnd-DJrh3JTW.js";import"./analytics-BZz0SPy3.js";import"./plaid-CNcdZ4gc.js";import"./utils-BGRwbgi2.js";import"./MoreMenuButton-CJue6xR9-DxdJkjEQ.js";import"./spend-limit-D6SyboD4-D6KSyTVe.js";import"./dollar-round-D18u7nlm-qWQy8tOr.js";import"./money-2cg1MuG4-ZZWEE1BS.js";import"./page-summary-D7_VQHwN-C4mva4td.js";import"./transaction-placeholder-CpOwZAMG-DpSw-x8s.js";import"./unlock-BPWn2I5L-C7FVhrTq.js";import"./filter-cZIFUNvj-CBGTjKNF.js";import"./StatusSwitcher-CaoFw0cf-DekkCuBN.js";import"./calculateSize-Bn1NnCzV-CbPGQ475.js";import"./LabeledSingleSelectField-Ul4tlTiO-C7eur4tW.js";import"./hyperlink-DQyCeXx2-DgnccV5_.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="a945d6a7-0c52-4c0a-a450-2b1a1958b0b7",e._sentryDebugIdIdentifier="sentry-dbid-a945d6a7-0c52-4c0a-a450-2b1a1958b0b7")}catch{}})();const os=({name:e,defaultValue:r,registerOptions:i,dateFormat:a,style:c,inputStyles:d,minDate:l})=>{const{control:p}=Ge();return t.jsx(Wt,{name:e,control:p,defaultValue:r,rules:i,render:({field:{value:h,onChange:m}})=>t.jsx(es,{selectedDate:{date:h.date,businessDay:h.businessDay},onSelectedDateChanged:(b,u)=>m({date:b,businessDay:u,showBusinessDay:r.showBusinessDay,maxDate:r.maxDate}),showBusinessDay:r.showBusinessDay,maxDate:r.maxDate,style:c,dateFormat:a,inputStyles:d,minDate:l})})},ss={controller:I.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedControllers,preparer:I.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedPreparers,reviewer:I.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedReviewers,apAnalyst:I.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedAPAnalysts,taxLead:I.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedTaxLeads},is=(e="")=>{const r=e?.replace(/^companyData\./,"");return ss[r]||I.getLocalizedStrings().cockpit.userMultiSelectHeaders.selectedUsers},rs=s.div`
+  height: ${o.sp4};
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+`,xt=(e,r)=>(e=function(i){const a=new Set;return i.filter(c=>!a.has(c.userId)&&(a.add(c.userId),!0))}(e),e.map(i=>({...i,value:i.userId,label:i.firstName!=""||i.lastName!=""?`${i.firstName} ${r?i.lastName.slice(0,1):i.lastName}`:i.email}))),wt=e=>e.firstName!==""||e.lastName!==""?`${e.firstName} ${e.lastName}`:null,ns=(e,r)=>!r||typeof e.label!="string"||e.label.toLowerCase().includes(r.toLowerCase())||e.data.email.toLowerCase().includes(r.toLowerCase());function ls({name:e,allUsers:r,onSelectedUsersChanged:i,selectedUsers:a=[],disable:c=!1,pickerStyles:{optionBackgroundColor:d,optionTextStyle:l,titleTextStyle:p,backgroundColor:h,titleTextAlignment:m,selectedOptionColor:b,multiValueLabelTitleStyle:u}={},customization:{placeholderLabel:w}={},isReadOnly:T=!1}){const x=Fe(),v=xt(r,!1).sort((k,G)=>k.label.localeCompare(G.label)),g=xt(a,!0),z=[{label:is(e),options:g},{label:I.getLocalizedStrings().cockpit.userMultiSelectHeaders.allUsers,options:v}],f=d??x.colors.grey5,C=h??x.colors.grey5,y=h??x.colors.grey5,D=l?.cssObject??oe.smallRegular.cssObject,J=p?.cssObject??D,U=T??!1,B=u?.cssObject??oe.smallRegular.cssObject,j={control:(k,G)=>({...k,border:0,height:"100%",backgroundColor:C,fill:G.selectProps.menuIsOpen===!0?x.colors.primary:x.colors.grey1,boxShadow:C,":active":{backgroundColor:C},":hover":{fill:x.colors.primary},width:"189px",minHeight:"auto",cursor:"pointer"}),container:k=>({...k,backgroundColor:C,height:"100%"}),multiValue:(k,G)=>{const E=a.findIndex(P=>P.userId===G.data.value)===0;return{...k,margin:0,minWidth:void 0,backgroundColor:void 0,">div":{borderRadius:0,padding:E?o.sp0:`${o.sp0} ${o.sp2}`,borderLeftStyle:E?"none":"solid",borderWidth:1,borderColor:x.colors.grey1,color:"unset"},">div>div>div>div:last-child":{display:E?"block":"none",...oe.standardRegular.cssObject}}},valueContainer:k=>({...k,maxWidth:"100%",cursor:U?"default":"pointer",height:"100%",...J,overflow:"hidden",minWidth:"auto",padding:0,display:"flex",justifyContent:m??"flex-start",alignItems:"center",flexWrap:"nowrap",">div>svg":{color:x.colors.grey1,">path":{color:x.colors.grey5,fill:"currentcolor"}}}),menu:k=>({...k,backgroundColor:f,borderRadius:A[1],boxShadow:`${o.sp0} 2px ${o.sp2} ${x.colors.dropShadowHover}`,whiteSpace:"nowrap",minWidth:"fit-content",zIndex:20,width:236,margin:`6px ${o.sp0}`}),menuList:k=>({...k,borderRadius:A[1],"::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none"}),placeholder:(k,G)=>({...k,width:"100%",minWidth:"148px",color:G.isFocused?x.colors.primary:"currentColor",...oe.standardRegular.cssObject,">div>div>svg>circle":{fill:x.colors.grey1}}),noOptionsMessage:k=>({...k,...oe.smallRegular.cssObject,padding:`10px ${o.sp3} 9px ${o.sp3}`,color:x.colors.hero}),option:(k,{isDisabled:G,isSelected:E,isFocused:P})=>({...k,...D,color:E?b??x.colors.champion:x.colors.hero,backgroundColor:E?y:P?x.colors.background:f,cursor:G?"not-allowed":"pointer","svg:nth-of-type(2)":{display:"none"},":hover":{backgroundColor:x.colors.background,color:x.colors.primary,"svg:nth-of-type(1)":{display:"none"},"svg:nth-of-type(2)":{display:"inline-block"}},"& label":{paddingRight:"10px",cursor:G?"not-allowed":E?"inherit":"pointer"},">div>div>div:first-of-type":{display:"flex"}}),input:()=>({display:"inline-grid",color:x.colors.primary,overflow:"hidden",zIndex:2,minWidth:"auto",maxWidth:"100%",...oe.standardRegular.cssObject,height:A[4],position:a.length===0?"absolute":"unset",left:"35px",">input":{...oe.smallBold.cssObject,cursor:"pointer"}}),indicatorSeparator:()=>({}),dropdownIndicator:()=>({}),multiValueLabel:()=>({...B})},[L,O]=n.useState(!1);return t.jsx(co,{onClickAway:()=>{O(!1)},children:t.jsx(rs,{onClick:k=>{k.preventDefault(),O(!L&&!T)},className:"userMultiSelectContainer",children:t.jsx(po,{isMulti:!0,menuPlacement:"bottom",minMenuHeight:409,maxMenuHeight:409,menuIsOpen:L,menuShouldScrollIntoView:!1,defaultValue:g,value:g,filterOption:ns,noOptionsMessage:()=>I.getLocalizedStrings().cockpit.management.noPerson,onInputChange:k=>{k!==""&&O(!0)},placeholder:t.jsx($s,{children:t.jsx(Q,{children:w??"Select..."})}),components:{Menu:ms,Option:Ss,DropdownIndicator:Es,IndicatorSeparator:Ws,MultiValueRemove:Ps,ValueContainer:Ns,GroupHeading:cs,MenuList:as},hideSelectedOptions:!1,closeMenuOnSelect:!1,styles:j,options:z,isDisabled:c,classNamePrefix:"grouped-multi-select-field",onChange:k=>{(k?.length<=r?.length||k?.length<g.length)&&(O(!1),(G=>{let E=[],P=[];a.length===0?G.forEach(H=>{const N=Oe(H);N.isRoleSelected=!0,N.isUserSelectionUpdated=!0,E.push(N)}):G.length===0?a.forEach(H=>{const N=Oe(H);N.isRoleSelected=!1,P.push(N)}):a.length>G.length?(P=a.filter(H=>!G.find(N=>N.userId===H.userId)),P=Oe(P),P.forEach(H=>{H.isRoleSelected=!1}),E=[...G]):a.forEach(H=>{G.forEach(N=>{const ie=Oe(N);H.userId!==N.userId?(ie.isRoleSelected=!0,ie.isUserSelectionUpdated=!0):ie.isUserSelectionUpdated=!1,E.push(ie)})}),i(E,P)})(k))},isClearable:!1,isSearchable:!1,backspaceRemovesValue:!1})})})}const as=e=>t.jsx(Te.MenuList,{...e,children:Ze.Children.map(e.children,(r,i)=>t.jsxs(Ze.Fragment,{children:[i>0&&t.jsx(ds,{})," ",r]},i))}),ds=s.div`
+  border-bottom: 1px solid ${he.neutralGrey3Light};
+`,cs=e=>{const[r,i]=n.useState(!0);return t.jsx(ps,{className:"group-heading-container",isGroupOpen:r,onClick:a=>{a.stopPropagation(),i(!r)},children:t.jsxs(Te.GroupHeading,{...e,children:[t.jsx(hs,{isGroupOpen:r,children:t.jsx(us,{className:"close-tick-icon"})}),e.children]})})},ps=s(Et)`
+  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;
+  }
+`,hs=s.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${o.sp2};
+  transform: ${e=>e.isGroupOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,us=s(ho)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,ms=e=>{const[r,i]=n.useState(e.selectProps.inputValue),a=n.useRef(null),c=()=>{a.current&&a.current.focus(),e.selectProps.onInputChange(r,{action:"input-change",prevInputValue:""})};return n.useEffect(()=>{c()},[]),t.jsxs(Te.Menu,{...e,children:[t.jsxs(gs,{children:[t.jsx(ws,{children:t.jsx(ks,{})}),t.jsx(xs,{ref:a,value:r,onChange:d=>{i(d.target.value),e.selectProps.onInputChange(d.target.value,{action:"input-change",prevInputValue:""})},onClick:d=>{c(),d.stopPropagation()},placeholder:I.getLocalizedStrings().cockpit.searchByName})]}),e.children]})},gs=s.div`
+  padding: ${o.sp2};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-top-right-radius: ${o.sp1};
+  border-top-left-radius: ${o.sp1};
+  display: flex;
+  align-items: center;
+  position: relative;
+  border-bottom: 1px solid ${he.neutralGrey3Light};
+`,xs=s.input`
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  box-sizing: border-box;
+  border: none;
+  outline: none;
+  padding-right: ${o.sp5};
+  color: ${e=>e.value?e.theme.colors.primary:e.theme.colors.hero};
+
+  ::placeholder {
+    color: ${e=>e.theme.colors.grey1};
+  }
+`,ws=s.div`
+  display: flex;
+  width: ${o.sp4};
+  height: ${o.sp4};
+  align-items: center;
+  margin-left: ${o.sp2};
+`,ks=s(At)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  box-sizing: border-box;
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,fs=s.div``,$s=s.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.grey1};
+`,ys=s(Xo)`
+  margin-right: ${o.sp2};
+  color: ${e=>e.theme.colors.hero};
+  height: ${o.sp4};
+  width: ${o.sp4};
+`,vs=s(uo)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  margin-left: ${o.sp4};
+`,bs=s(Rt)`
+  height: ${o.sp3};
+  width: ${o.sp3};
+  margin-left: ${o.sp4};
+`,Cs=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,Kt=s.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,Yt=s.div`
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  padding: ${o.sp1} 5px;
+`,js=({children:e,data:r})=>t.jsx(ue,{maxWidth:"280px",placement:"bottom-start",title:t.jsxs(Yt,{children:[wt(r)!=null&&t.jsx("div",{children:wt(r)}),t.jsx("div",{children:r.email})]}),style:{color:he.championDark,marginTop:"6px"},display:"flex",children:e}),Ss=e=>{const{data:r,options:i,isSelected:a}=e;let c=0;return i.forEach(d=>{d.label===I.getLocalizedStrings().cockpit.userMultiSelectHeaders.allUsers&&(c=d.options.findIndex(l=>l.value===r.value))}),t.jsx(fs,{className:"select-option-wrapper",children:t.jsx(Te.Option,{...e,children:t.jsxs(Cs,{children:[t.jsxs(zs,{children:[t.jsx(Is,{children:r?.photo!==void 0?t.jsx(Kt,{width:o.sp5,height:o.sp5,src:r?.photo.href,alt:I.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:d})=>{d.onerror=null,d.src=ot},loading:"lazy"}):t.jsx(st,{firstName:r?.firstName??"",lastName:r?.lastName??"",size:`${o.sp5}`,index:c})}),t.jsxs(Ts,{children:[t.jsx(Ls,{children:e.label}),t.jsx(Gs,{children:r.email})]})]}),!!a&&t.jsxs("div",{children:[t.jsx(vs,{}),t.jsx(bs,{})]})]})})})},Ts=s.div`
+  display: flex;
+  flex-direction: column;
+`,Ls=s(R)`
+  color: ${e=>e.theme.colors.primary};
+`,Gs=s(ze)`
+  color: ${e=>e.theme.colors.hero};
+`,zs=s.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin-left: ${o.sp2};
+`,Is=s.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${o.sp2};
+`,Ds=s.div`
+  padding: ${o.sp0} ${o.sp2};
+  max-width: 104px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Ns=({children:e,...r})=>{const i=r.selectProps.value,a=i.length>1;if(i.length===0)return t.jsxs(Te.ValueContainer,{...r,children:[r.selectProps.value.length===0&&t.jsx(ys,{}),e]});{const c=i[0],d=i.slice(1).map(l=>l.label).join(", ");return t.jsxs(Te.ValueContainer,{...r,children:[t.jsx(Rs,{children:t.jsxs(js,{data:c,children:[c?.photo!=null?t.jsx(Kt,{width:o.sp4,height:o.sp4,src:c?.photo.href,alt:I.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:l})=>{l.onerror=null,l.src=ot},loading:"lazy"}):t.jsx(st,{firstName:c?.firstName??"",lastName:c?.lastName??"",size:o.sp4}),t.jsx(Ds,{style:r.getStyles("multiValueLabel",r),children:c.label})]})}),a&&t.jsx(ue,{placement:"bottom-start",title:t.jsx(Yt,{children:d}),style:{color:he.championDark},display:"flex",children:t.jsx(Ms,{children:t.jsxs(Os,{className:"userBadge",children:[I.getLocalizedStrings().common.strings.plus,Array.from(new Set(r.selectProps.value)).length-1]})})})]})}},Ms=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${o.sp4};
+  height: ${o.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
+`,Os=s(Bt)`
+  color: ${e=>e.theme.colors.hero};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  text-align: center;
+`,Es=()=>null,Ps=()=>null,Ws=()=>null,Rs=s.div`
+  display: flex;
+  flex-direction: row;
+  cursor: pointer;
+`,Bs=({name:e,placeholderLabel:r,registerOptions:i,value:a,isReadOnly:c,isDisabled:d,pickerStyles:l})=>{const{control:p}=Ge();return t.jsx(Wt,{name:e,control:p,defaultValue:a,rules:i,render:({field:{value:h,onChange:m}})=>t.jsx(ls,{name:e,onSelectedUsersChanged:(b,u)=>{m({allUsers:a.allUsers,selectedUsers:b,deSelectedUsers:u})},selectedUsers:h.selectedUsers,allUsers:a.allUsers,customization:{placeholderLabel:r},isReadOnly:c,disable:d,pickerStyles:l})})},{taskManagement:kt,common:Re}=I.getLocalizedStrings();function qt({anchorEl:e,isDefault:r,onAddTask:i,onRename:a,onDelete:c,onCollapseAll:d,onExpandAll:l,onClose:p}){return t.jsx(tt,{open:!!e,anchorEl:e,onClose:p,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(As,{children:[t.jsxs(Ne,{onClick:()=>{p(),i()},hasBorderBottom:!0,children:[t.jsx(Fs,{}),t.jsx(R,{children:kt.taskList.taskGroupMoreOptions.addTask})]}),t.jsx(Us,{children:t.jsx(Vs,{children:kt.taskList.taskGroupMoreOptions.groupOptions})}),t.jsxs(V,{controller:r===!1,children:[t.jsxs(Ne,{onClick:()=>{p(),a()},children:[t.jsx(Hs,{}),t.jsx(R,{children:Re.rename})]}),t.jsxs(Ne,{onClick:()=>{p(),c()},children:[t.jsx(_s,{}),t.jsx(R,{children:Re.delete})]})]}),t.jsxs(Ne,{onClick:()=>{p(),d()},children:[t.jsx(Ks,{}),t.jsx(R,{children:Re.collapseAll})]}),t.jsxs(Ne,{onClick:()=>{p(),l()},children:[t.jsx(Ys,{}),t.jsx(R,{children:Re.expandAll})]})]})})}const As=s.div`
+  display: flex;
+  flex-direction: column;
+`,Ne=s.div`
+  display: flex;
+  column-gap: ${o.sp2};
+  align-items: center;
+  padding: ${o.sp2} ${o.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"};
+`,Fs=s(to)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Vs=s(Et)`
+  color: ${e=>e.theme.colors.primary};
+`,Us=s.div`
+  padding: ${o.sp2} ${o.sp3};
+  background-color: ${e=>e.theme.colors.grey5};
+`,Hs=s(oo)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,_s=s(so)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Ks=s(io)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Ys=s(Ae)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,ve=I.getLocalizedStrings().taskManagement.taskList.header,Y=[{key:"name",value:ve.name,sortOrder:"ascending",width:new Z(20,30,30)},{key:"status",value:ve.status,sortOrder:"ascending",width:new Z(10,10,10)},{key:"priority",value:ve.priority,sortOrder:"ascending",width:new Z(12,12,12)},{key:"dueDate",value:ve.dueDate,sortOrder:"ascending",width:new Z(12,12,12)},{key:"assignee",value:ve.assignee,sortOrder:"ascending",width:new Z(15,15,15)},{key:"tag",value:ve.tag,sortOrder:"ascending",width:new Z(15,10,10)},{key:"timeSpent",value:ve.timeSpent,sortOrder:"ascending",width:new Z(13,13,13,15,15)}],Se={headerLastColumnTopPadding:new Z(A[0],A[4]),headerLastColumnRightPadding:new Z(A[3],A[4]),headerLastColumnBottomPadding:new Z(A[0],A[4]),headerLastColumnLeftPadding:new Z(A[3],A[4]),headerHeight:new Z(_o,Ko)},qs=Ze.memo(function({companyNameSticky:e,onColumnSortConfigChanged:r,sortConfig:i}){const a=Fe(),c=ge(),[d,l]=n.useState(Oe(Y));n.useEffect(()=>{const u=[...d];for(const w of u)w.key===i.sortKey?w.sortOrder=i.sortOrder:w.sortOrder="ascending";l(u)},[i.sortKey,i.sortOrder]);const p=(u,w)=>{let T=w;i.sortKey===u&&(T=w==="ascending"?"descending":"ascending"),r(u,T)},h=d.find(u=>u.key===i.sortKey)??d[0],m=d.map(u=>u.key),b=I.getLocalizedStrings().spendManagement.billPay.billsByTabs;return c==="small"?t.jsxs(ft,{windowSize:c,companyNameSticky:!1,children:[t.jsxs(Qs,{children:[t.jsx(ei,{children:t.jsx(Xs,{})}),t.jsx(no,{title:b.sortBy,placeholder:b.sortBy,pickerValues:m,valueToLabel:u=>d.find(w=>w.key===u)?.value??"",selectedValue:i.sortKey,onPickerSelectionChanged:u=>{u!=null&&p(u,"ascending")},optionTextStyle:oe.smallRegular,titleTextStyle:oe.smallRegular,titleColor:a.colors.primary,selectedOptionColor:a.colors.hero,optionBackgroundColor:a.colors.grey5,downChevronVisible:!1,backgroundColor:a.colors.background})]}),t.jsxs(si,{onClick:()=>p(h.key,h.sortOrder),children:[t.jsx(R,{children:h.value}),t.jsx($t,{sortDataValue:i.sortKey,headerdata:h,children:t.jsx(yt,{})})]})]}):t.jsx(ft,{companyNameSticky:e,windowSize:c,children:d.map(u=>t.jsxs(Js,{companyNameSticky:e&&u.key==="name",sortDataValue:i.sortKey,actualDataValue:u.key,wrapperWidth:u.width,windowSize:c,isLastColumn:u.key==="timeSpent",children:[t.jsxs(oi,{sortKey:u.key,onClick:()=>p(u.key,u.sortOrder),children:[t.jsx(R,{children:u.value}),t.jsx($t,{sortDataValue:i.sortKey,headerdata:u,children:t.jsx(yt,{})})]}),t.jsx(ti,{sortDataValue:i.sortKey,windowSize:c,isVisible:i.sortKey===u.key,children:t.jsx(Zs,{onClick:()=>p("dueDate","ascending")})})]},u.key))})}),ft=s(R)`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  min-height: ${e=>Se.headerHeight.valuePx(e.windowSize)};
+  max-height: ${e=>Se.headerHeight.valuePx(e.windowSize)};
+  width: auto;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: ${e=>`${Se.headerLastColumnTopPadding.valuePx(e.windowSize)} ${Se.headerLastColumnRightPadding.valuePx(e.windowSize)} ${Se.headerLastColumnBottomPadding.valuePx(e.windowSize)} ${Se.headerLastColumnLeftPadding.valuePx(e.windowSize)}`};
+  background-color: ${e=>e.theme.colors.grey4};
+  justify-content: ${e=>e.windowSize==="small"?"space-between":"unset"};
+  position: sticky;
+`,Js=s.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?o.sp4:o.sp0};
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  left: ${o.sp0};
+  justify-content: ${e=>e.actualDataValue==="amount"||e.isLastColumn===!0?"flex-end":"flex-start"};
+  ${e=>e.companyNameSticky?q`
+          position: sticky;
+          z-index: 1;
+        `:q`
+          position: static;
+          z-index: 0;
+        `};
+  ${e=>e.actualDataValue==="companyName"?q`
+          padding-left: ${o.sp4};
+          flex: 1 1 auto;
+        `:q`
+          padding-left: ${o.sp0};
+        `};
+  box-sizing: border-box;
+`,Zs=s(Rt)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+`,$t=s.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"?q`
+          padding-top: 2px;
+        `:q`
+          padding-bottom: 2px;
+        `}
+`,yt=s(ao)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+  color: inherit;
+`,Qs=s.div`
+  gap: ${o.sp1};
+  display: flex;
+`,Xs=s(lo)`
+  width: 12px;
+  height: 12px;
+  color: inherit;
+`,ei=s.div`
+  margin-right: ${o.sp1};
+  display: flex;
+  align-items: center;
+`,ti=s.div`
+  display: ${e=>e.isVisible?"flex":"none"};
+  align-items: center;
+  padding-top: 2px;
+`,oi=s.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+  white-space: nowrap;
+`,si=s.div`
+  display: flex;
+  cursor: pointer;
+  gap: 5px;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Jt=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"})),me=(e,r,i)=>`${e}.${be}.${r}.${i}`,vt=(e,r,i)=>`${e}.${lt}.${r}.${i}`,Zt=(e,r,i)=>{const a=i[r];return!!Object.values(i).filter(c=>c!==a).includes(e.trim())},{common:Qt,taskManagement:Xe}=I.getLocalizedStrings(),se=I.getLocalizedStrings(),Be={containerPaddingRight:new Z(A[3],A[4],A[4],A[8]),taskNameMaxWidth:new Z(125,170,170,250,300)},ii=(e,r)=>{const i=r.find(a=>a.tagId===e[0]);return i?t.jsxs(bi,{children:[t.jsx(Ci,{children:t.jsx(ji,{children:i.name},`${i.tagId}_${i.name}`)}),e.length>1?t.jsx(Si,{children:`${Qt.strings.plus}${e.length-1}`}):null]}):t.jsx(t.Fragment,{})},ri=({taskGroup:e,uiState:r,userList:i})=>{const{groupByKey:a}=r;if(a==="dueDate"){const c=se.common.timeStrings,d=No(e.id);return t.jsx(Me,{children:c[d]})}if(a==="assignee"){if(e.id==="no_assignee")return t.jsx(Me,{children:se.taskManagement.taskList.groupingFilters.no_assignee});const c=e.id.split(",").map(l=>i.users.find(p=>p.userId===l)?.user).filter(l=>l!=null),d=c.length<=5?null:c.slice(5).map(l=>Mo(l)).join(", ");return t.jsxs(Ai,{children:[t.jsxs(_i,{children:[c.slice(0,5).map((l,p)=>l.photo!=null?t.jsx(Bi,{isFirstElement:p===0,width:o.sp4,height:o.sp4,src:l.photo.href,alt:se.cockpit.userProfileAltText,onError:({currentTarget:h})=>{h.onerror=null,h.src=ot}},l.userId):l!=null?t.jsx(Hi,{isFirstElement:p===0,children:t.jsx(st,{firstName:l.firstName??"",lastName:l.lastName??"",size:o.sp4})},l.userId):null),d!=null?t.jsx(ue,{style:{padding:`${o.sp1} ${o.sp2}`},title:d,placement:"bottom",children:t.jsx(Ki,{children:`${se.common.strings.plus}${c.length-5}`})}):null]}),t.jsx(Me,{children:e.groupName}),d!=null?t.jsx(ue,{style:{padding:`${o.sp1} ${o.sp2}`},title:d,placement:"bottom",children:t.jsx(Fi,{children:`${se.common.strings.plus}${c.length-5}`})}):null]})}return a==="tag"&&e.id==="no_tag"?t.jsx(Me,{children:se.taskManagement.taskList.groupingFilters.no_tag}):t.jsx(Me,{children:e.groupName})},ni=e=>Ve.find(r=>r.code===e)?.name??se.common.strings.empty,li=({taskDetail:e,tagList:r,isSelected:i,isDefaultGroupTask:a,isFirstItem:c,isLastItem:d,sectionId:l,userList:p,onRowClick:h,onTimeSpentUpdate:m,onShowToast:b,onCreateTagClick:u})=>{const w=ge(),{getValues:T,resetField:x,getFieldState:v}=Ge();return t.jsxs(pi,{isDefaultGroupTask:a,isFirstItem:c,isLastItem:d,isSelected:i,children:[t.jsxs(hi,{windowSize:w,onClick:h,responsiveWidth:Y[0].width,children:[t.jsxs(ui,{windowSize:w,children:[t.jsx(gi,{isIconPresent:e.type.code==="recurring",windowSize:w,children:e.name}),e.type.code==="recurring"?t.jsx(ue,{style:{padding:`2px ${o.sp1}`},title:e.type.name,placement:"bottom",children:t.jsx(wi,{height:o.sp3,width:o.sp3})}):null]}),t.jsx(ue,{style:{padding:`12px ${o.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(mi,{windowSize:w,responsiveWidth:Y[0].width,children:t.jsx(xi,{className:"taskDescriptionText",windowSize:w,children:e.description})})})]}),t.jsx(fi,{windowSize:w,responsiveWidth:Y[1].width,children:t.jsx(ut,{name:me(l,e.id,at),registerOptions:{required:!1},defaultValue:{selectedOption:e.status.code,allOptions:nt.map(g=>({label:g.name,value:g.code}))},valueToLabel:g=>Qe(g),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($i,{windowSize:w,responsiveWidth:Y[2].width,children:t.jsx(ut,{name:me(l,e.id,dt),registerOptions:{required:!1},defaultValue:{selectedOption:e.priority.code,allOptions:Ve.map(g=>({label:g.name,value:g.code}))},valueToLabel:g=>(z=>{const f=Eo(z);return t.jsxs(Yi,{children:[t.jsx(qi,{color:Zo(f)}),t.jsx(Xi,{children:ni(f)})]})})(g),isSearchable:!1,customStyleConfig:{container:()=>({justifyContent:"flex-start",margin:0}),control:()=>({"&:hover":{backgroundColor:"unset"}}),menu:()=>({width:"320px",zIndex:3}),valueContainer:g=>({...g,color:"inherit","&.select-value-container":{".single-select-field__single-value":{color:"inherit"}}})},controlProperty:{leftRightMargin:!1},textAlignment:"left"})}),t.jsx(yi,{windowSize:w,responsiveWidth:Y[3].width,children:t.jsx(os,{name:me(l,e.id,ct),defaultValue:{date:e.dueDate,showBusinessDay:!1},dateFormat:se.dateFormat.visual.MMMDCommaYYYYformat,inputStyles:{titleTextComponent:Q},minDate:Oo()})}),t.jsx(ki,{windowSize:w,responsiveWidth:Y[4].width,children:t.jsx(Bs,{value:{allUsers:p,selectedUsers:e.assigneeUsers.map(g=>g.user)},name:me(l,e.id,pt),pickerStyles:{multiValueLabelTitleStyle:oe.standardRegular}})}),t.jsx(vi,{windowSize:w,responsiveWidth:Y[5].width,children:t.jsx(Jo,{onCreateOption:(...g)=>{u(g[0],e.id)},placeholder:se.common.strings.empty,placeholderComponent:t.jsxs(Zi,{children:[t.jsx(Qi,{}),t.jsx(R,{children:se.taskManagement.taskDetail.tagPlaceholder})]}),customCreateLabel:g=>(z=>t.jsx(Ji,{children:t.jsx(er,{children:`${se.dropDowns.createOption} "${z}"`})}))(g),defaultValue:{allOptions:Ut(r),selectedOptions:e.tagIds},maxAllowedSelectedValues:5,name:me(l,e.id,ht),isListView:!0,customStyleConfig:{valueContainer:(g,z)=>({justifyContent:"flex-start",flexWrap:"nowrap",display:"flex",alignItems:"center",".selected-options":{textAlign:"left",display:z.selectProps.menuIsOpen?"none":"flex",alignItems:"center",flexWrap:"nowrap",margin:0,gap:o.sp2,label:{margin:o.sp0}}}),input:()=>({flex:0}),control:()=>({backgroundColor:"unset","&:hover":{backgroundColor:"unset"},padding:"0"}),menu:()=>({width:"320px"})}})}),t.jsx(Vi,{windowSize:w,responsiveWidth:Y[6].width,isLastColumn:!0,children:t.jsx(Ui,{className:"timeSpentField",children:t.jsx(Ht,{name:me(l,e.id,Le),placeholder:Xe.common.timeSpentPlaceholder,timeSpentFormat:Xe.common.timeSpentFormat,registerOptions:{validate:g=>!(Vt(g)>_t)||(b({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error")},onInputBlur:()=>{((g,z)=>{const f=me(g,z,Le);v(f).invalid?x(f):m(e,{timeSpent:T(f)})})(l,e.id)},style:{background:"none"},inputStyle:{textAlign:"right",padding:`${o.sp0} ${o.sp2}`}})})})]})},ai=({taskGroup:e,tagList:r,sectionId:i,uiState:a,userList:c,showGroupName:d,showRenameTextField:l,isCollapsed:p,isSelectionAllowed:h,selectedRowIds:m,existingTaskGroupNamesByGroupId:b,onRenameClick:u,onDeleteTaskGroup:w,onExpandAll:T,onCollapseAll:x,onAddNewTaskToTaskGroup:v,onCollapseToggle:g,onTaskManagementRowClick:z,onColumnSortConfigChanged:f,onDragStart:C,onTimeSpentUpdate:y,onShowToast:D,onCreateTagClick:J})=>{const[U,B]=n.useState(null),j=ge(),{groupByKey:L,sortKey:O,sortOrder:k}=a,{setFocus:G,control:E}=Ge(),P=n.useCallback(()=>{g(e.id)},[g,e.id]),H=n.useCallback(W=>{B(W.currentTarget)},[]),N=n.useCallback(()=>{B(null)},[]),ie=n.useCallback(()=>{v(e.id)},[v,e.id]),Ie=n.useCallback(()=>{B(null),w(e.id)},[w,e.id]),fe=n.useCallback(()=>{u(),N()},[N,u]);n.useEffect(()=>{l&&G(`${i}.${ke}`)},[i,l,G]);const $e=!!E.getFieldState(`${i}.${ke}`).error,de=e.tasks.filter(W=>W.status.code==="resolved"||W.status.code==="done").length,xe=e.tasks.length,re=xe>0?de/xe*100:0,ce=c.users.map(W=>W.user).filter(W=>W!=null),De=re<=50?he.important:re<=85?he.alert:he.success;return t.jsxs(di,{windowSize:j,children:[t.jsx(V,{controller:d,children:t.jsxs(Gi,{children:[t.jsxs(ci,{children:[t.jsx(Li,{isOpen:p===!1,onClick:P,children:t.jsx(Ti,{})}),t.jsx(V,{controller:l,children:t.jsx(Nt,{style:{textAlign:"start",width:"100%",padding:`${o.sp1} ${o.sp0} ${o.sp1} ${$e?o.sp2:o.sp0}`,background:$e?void 0:"unset",...oe.largeMedium.cssObject},type:"text",name:vt(i,e.id,ke),placeholder:Xe.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:W=>Zt(W,e.id,b)===!1}})}),t.jsx(V,{controller:l===!1,children:t.jsxs(Ei,{children:[t.jsx(ri,{userList:c,uiState:a,taskGroup:e}),t.jsx(V,{controller:a.groupByKey!=="status",children:t.jsx(ue,{style:{padding:`${o.sp1} ${o.sp2}`},title:`${se.taskManagement.taskList.groupingFilters.completedInfo.replace("__resolvedTasks",de.toString()).replace("__totalTasks",xe.toString())}`,placement:"bottom",children:t.jsx(Pi,{children:t.jsx(Wi,{fill:De,percentage:re})})})}),t.jsxs(Ri,{children:[de,"/",xe]})]})})]}),t.jsx(V,{controller:l===!1,children:t.jsx(Ni,{onClick:H,children:t.jsx(Di,{})})}),t.jsx(qt,{onClose:N,onAddTask:ie,onCollapseAll:x,onDelete:Ie,onExpandAll:T,onRename:fe,isDefault:e.isDefault,anchorEl:U})]})}),t.jsx(V,{controller:p===!1&&e.tasks.length>0,children:t.jsx(Mt,{mode:m.length===0?"checked_or_hover":"always_on",isDisabled:h===!1?"disabled":void 0,checkBoxes:[{label:t.jsx(Ii,{children:t.jsx(qs,{companyNameSticky:!1,onColumnSortConfigChanged:f,sortConfig:{sortKey:O,sortOrder:k}})}),prefix:t.jsx(Oi,{}),defaultChecked:!1,groupLabel:!0,value:Qt.all.toLocaleLowerCase()},...e.tasks.map((W,Ce)=>({label:t.jsx(li,{taskDetail:W,sectionId:i,tagList:r,isSelected:m.includes(W.id),isDefaultGroupTask:e.isDefault===!0&&L==="groupName",isFirstItem:Ce===0,isLastItem:Ce===e.tasks.length-1,userList:ce,onCreateTagClick:J,onRowClick:()=>{z(W.id)},onTimeSpentUpdate:y,onShowToast:D}),prefix:t.jsx(zi,{children:t.jsx(Mi,{})}),value:W.id,defaultChecked:!1,groupLabel:!1}))],name:vt(i,e.id,Ee),style:{width:"100%",rowGap:e.isDefault===!0&&L==="groupName"?o.sp3:o.sp0},checkBoxStyle:{padding:o.sp3},labelCheckBoxStyle:{padding:o.sp3},onDragStart:C,draggable:!0})})]})},di=s.div`
+  padding-right: ${e=>Be.containerPaddingRight.valuePx(e.windowSize)};
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp2};
+`,ci=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+  width: 100%;
+`,pi=s.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  height: ${o.sp10};
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`};
+  ${e=>e.isDefaultGroupTask||e.isFirstItem&&e.isLastItem?q`
+          border-radius: ${o.sp2};
+        `:null}
+
+  ${e=>e.isDefaultGroupTask===!1&&e.isFirstItem===!0?q`
+          border-top-left-radius: ${o.sp2};
+          border-top-right-radius: ${o.sp2};
+        `:null}
+
+  ${e=>e.isDefaultGroupTask===!1&&e.isLastItem===!0?q`
+          border-bottom-left-radius: ${o.sp2};
+          border-bottom-right-radius: ${o.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?q`
+          z-index: 1;
+          border: 1px solid ${e.theme.colors.primary};
+        `:q`
+          border: 1px solid ${e.theme.colors.grey3};
+        `}
+  padding-left: ${o.sp4};
+  padding-right: ${o.sp4};
+`,hi=s.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: top;
+  column-gap: ${o.sp2};
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,ui=s(Q)`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${o.sp2};
+  align-items: flex-start;
+`,mi=s(Q)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  max-height: ${o.sp4};
+  width: 100%;
+`,gi=s.div`
+  max-width: ${e=>`${e.isIconPresent?Be.taskNameMaxWidth.value(e.windowSize)-A[4]:Be.taskNameMaxWidth.value(e.windowSize)}px`};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+`,xi=s(R)`
+  color: ${e=>e.theme.colors.grey1};
+  max-width: ${e=>Be.taskNameMaxWidth.valuePx(e.windowSize)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,wi=s(Pt)`
+  display: flex;
+  align-items: center;
+  margin-left: ${o.sp1};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${o.sp1};
+`,ki=s.div`
+  display: flex;
+  column-gap: ${o.sp2};
+  align-items: center;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,fi=s.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;
+`,$i=s(R)`
+  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"};
+`,yi=s(R)`
+  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?o.sp2:o.sp0};
+`,vi=s.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"};
+`,bi=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`,Ci=s(R)`
+  color: ${e=>e.theme.colors.hero};
+  max-width: ${o.sp11};
+  overflow: hidden;
+  margin-right: ${o.sp2};
+`,ji=s(ze)`
+  border: 1px solid ${he.neutralGrey2Light};
+  border-radius: ${o.sp1};
+  padding: 1px 6px;
+  color: ${e=>e.theme.colors.grey1};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+`,Si=s(ze)`
+  border: 1px solid ${e=>e.theme.colors.hero};
+  min-width: calc(${o.sp3} + ${o.sp1});
+  height: calc(${o.sp3} + ${o.sp1});
+  border-radius: 30%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,Ti=s(Ae)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Li=s.div`
+  cursor: pointer;
+  display: flex;
+  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,Gi=s.div`
+  padding-left: ${o.sp7};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,zi=s.div`
+  padding-left: ${o.sp3};
+  cursor: grab;
+`,Ii=s.div`
+  width: 100%;
+`,Di=s(Ot)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Ni=s.div`
+  cursor: pointer;
+`,Mi=s(Jt)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Me=s(ro)`
+  color: ${e=>e.theme.colors.primary};
+`,Oi=s.div`
+  width: ${o.sp5};
+`,Ei=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: ${o.sp2};
+`,Pi=s.div`
+  width: ${o.sp6};
+  background-color: ${e=>e.theme.colors.grey3};
+  border-radius: 2px;
+  overflow: hidden;
+`,Wi=s.div`
+  height: ${o.sp2};
+  width: ${e=>e.percentage}%;
+  background-color: ${e=>e.fill};
+`,Ri=s(R)`
+  color: ${e=>e.theme.colors.hero};
+`,Bi=s.img`
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isFirstElement===!1?q`
+          margin-left: -${o.sp2};
+        `:null}
+`,Ai=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+`,Fi=s(ze)`
+  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};
+`,Vi=s(s.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;
+`,Ui=s.div`
+  max-width: ${o.sp11};
+`,Hi=s.div`
+  ${e=>e.isFirstElement===!1?q`
+          margin-left: -${o.sp2};
+        `:null}
+`,_i=s.div`
+  display: flex;
+  align-items: center;
+`,Ki=s(ze)`
+  width: ${o.sp4};
+  height: ${o.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: -${o.sp2};
+`,Yi=s.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${o.sp2};
+`,qi=s(Qo)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.color};
+  margin-right: ${o.sp2};
+`,Ji=s.div`
+  display: flex;
+  flex-direction: row;
+`,Zi=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+  color: ${e=>e.theme.colors.grey1};
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Qi=s(it)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Xi=s(Q)`
+  color: inherit;
+`,er=s.div``,tr=({scrollContainerRef:e,isEnabled:r=!0,edgeThreshold:i=100,scrollSpeed:a=100,minScrollAmount:c=3,scrollCurveExponent:d=.7})=>{n.useEffect(()=>{if(!r||typeof window>"u"||typeof document>"u")return;let l=!1,p=0,h=null;const m=Math.max(i,1),b=()=>{h!==null&&(cancelAnimationFrame(h),h=null)},u=f=>(C=>{const y=e.current;return!!(y&&C.target instanceof Node)&&y.contains(C.target)})(f),w=f=>{const C=Math.max(f,0)/m,y=Math.pow(C,d)*a;return Math.max(c,y)},T=(f,C,y)=>{const D=y==="up"?-C:C;f===window?window.scrollBy({top:D,behavior:"auto"}):f instanceof HTMLElement&&typeof f.scrollTop=="number"&&(f.scrollTop+=D)},x=()=>{if(!l)return;const f=e.current??window,C=window.innerHeight,y=p;if(y<m&&y>0){const D=w(m-y);T(f,D,"up")}else if(y>C-m){const D=w(y-(C-m));T(f,D,"down")}h=requestAnimationFrame(x)},v=f=>{u(f)?l=!0:(l=!1,b())},g=()=>{l=!1,b()},z=f=>{(C=>{l&&(p=C.clientY)})(f),l&&h===null&&(h=requestAnimationFrame(x))};return document.addEventListener("dragstart",v),document.addEventListener("dragend",g),document.addEventListener("dragover",z),()=>{document.removeEventListener("dragstart",v),document.removeEventListener("dragend",g),document.removeEventListener("dragover",z),b()}},[i,r,c,e,d,a])},_e=I.getLocalizedStrings(),Xt=({count:e})=>t.jsx(or,{isCircular:e<10,children:t.jsx(sr,{children:e>_e.common.numbers.maximumCount?`${_e.common.numbers.maximumCount}${_e.common.strings.plus}`:e})}),or=s.div`
+  ${e=>e.isCircular?q`
+          height: 18px;
+          width: 18px;
+        `:q`
+          height: 18px;
+          min-width: 18px;
+          padding: ${o.sp0} ${o.sp1};
+        `}
+  background-color: transparent;
+  border-radius: ${o.sp12};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  outline: 1px solid;
+  outline-color: inherit;
+`,sr=s(Bt)`
+  color: inherit;
+`,{taskManagement:bt,common:Ke}=I.getLocalizedStrings();function ir(e){const{onChange:r,value:i,resetDisabled:a,onReset:c}=e;return t.jsxs(rr,{children:[t.jsx(ar,{children:bt.taskList.groupingFilters.groupBy}),t.jsx(nr,{children:t.jsx(Ro,{value:i,placeHolder:bt.taskList.groupingFilters.placeholder,onChange:d=>{const l=mt(d.value);if(l==null)throw new Error("Invalid taskListGroupByKey");r(l)},options:Po,getOptionLabel:d=>{const l=Ke.texts,p=mt(d);return p!=null?l[p]:Ke.strings.empty}})}),t.jsxs(lr,{onClick:()=>{a!==!0&&c()},isDisabled:a,children:[t.jsx(dr,{}),t.jsx(Q,{children:Ke.reset})]})]})}const rr=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp4};
+  justify-content: space-between;
+  padding-bottom: ${o.sp4};
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,nr=s.div`
+  flex: 1;
+`,lr=s.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+  ${e=>e.isDisabled?q`
+          opacity: 0.3;
+        `:q`
+          cursor: pointer;
+        `};
+  &:hover {
+    color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
+  }
+
+  column-gap: ${o.sp1};
+`,ar=s(fo)`
+  color: ${e=>e.theme.colors.primary};
+`,dr=s(Ft)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,cr=I.getLocalizedStrings().taskManagement.taskList.footer;function pr({taskGroupsList:e,anchorEl:r,groupByKey:i,onCreateNewGroup:a,onExistingGroupSelection:c,onClose:d}){return t.jsx(tt,{open:!!r,anchorEl:r,onClose:d,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(hr,{children:[t.jsx(ur,{children:e.map(l=>t.jsx(Ct,{onClick:()=>{d(),c(l.id)},children:t.jsx(R,{children:l.groupName})},l.id))}),t.jsx(V,{controller:i==="groupName",children:t.jsxs(Ct,{onClick:()=>{d(),a()},children:[t.jsx(mr,{}),t.jsx(R,{children:cr.createGroup})]})})]})})}const hr=s.div`
+  background-color: ${e=>e.theme.colors.grey5};
+`,Ct=s.div`
+  padding: ${o.sp2} ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+
+  cursor: pointer;
+  display: flex;
+  column-gap: ${o.sp1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background-color: ${e=>e.theme.colors.background};
+  }
+`,ur=s.div`
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,mr=s(it)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`;function gr({placeholder:e,searchText:r,inputContainerStyles:i,onSearchTextChanged:a}){const[c,d]=n.useState(!1),l=n.useRef(null),p=ge();return t.jsxs(xr,{children:[c?null:t.jsx(kr,{onMouseEnter:()=>d(!0),onClick:()=>{d(!0),l.current?.focus()},children:t.jsx(jt,{})}),c?t.jsxs(wr,{style:i,isOpen:c,children:[t.jsx(jt,{}),t.jsx(fr,{windowSize:p,autoFocus:p!=="small",placeholder:e,value:r,onBlur:()=>{r||d(!1)},onChange:h=>{const m=h.target;a(m.value)},ref:l}),r?t.jsx($r,{}):null]}):null]})}const xr=s.div`
+  position: relative;
+`,wr=s.div`
+  position: absolute;
+  right: 0;
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp1};
+  padding-bottom: ${o.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;
+`,jt=s(At)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${o.sp3};
+  height: ${o.sp3};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,kr=s.div`
+  cursor: pointer;
+`,fr=s(Go)`
+  display: flex;
+  border-width: ${o.sp0};
+  outline-width: ${o.sp0};
+  color: ${e=>e.theme.colors.primary};
+  border-radius: ${o.sp1};
+  flex: 1;
+  background-color: inherit;
+  ::placeholder {
+    color: ${e=>e.theme.colors.grey1};
+  }
+`,$r=s(zo)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,{taskManagement:yr,common:vr}=I.getLocalizedStrings(),we=yr.taskList.newTaskOptions;function br({anchorEl:e,groupByKey:r,taskGroupTemplates:i,taskCreationFromTemplateStatus:a,isTaskTemplatesEnabled:c,expandedTemplate:d,onExpandTemplate:l,onClose:p,onNewTaskClick:h,onNewGroupClick:m,handleGroupTemplateClick:b,handleGroupTemplateTaskClick:u,onNewTaskInitialization:w}){const T=Fe(),[x,v]=n.useState(null),[g,z]=n.useState(null);n.useEffect(()=>{a.fetchState==="Completed"&&(z(null),v(null),p())},[a.fetchState,p]);const f=n.useCallback((y,D)=>{v(D),u(y,D)},[u]),C=n.useCallback(y=>{z(y),b(y)},[b]);return t.jsx(tt,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${T.colors.grey3}`}},anchorEl:e,onClose:p,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(jr,{isTaskTemplatesEnabled:c,children:[t.jsxs(Lr,{children:[t.jsxs(St,{onClick:h,children:[t.jsx(Sr,{}),t.jsx(Je,{children:we.task})]}),t.jsx(V,{controller:r==="groupName",children:t.jsxs(St,{onClick:()=>m(""),children:[t.jsx(Tr,{}),t.jsx(Je,{children:we.group})]})})]}),c?t.jsx(Cr,{taskGroupTemplates:i,taskIdInCreation:x,groupIdInCreation:g,expandedTemplate:d,handleGroupTemplateClick:C,handleGroupTemplateTaskClick:f,onNewGroupClick:m,onNewTaskInitialization:w,onExpandTemplate:l}):null]})})}const Cr=({taskGroupTemplates:e,taskIdInCreation:r,groupIdInCreation:i,expandedTemplate:a,onExpandTemplate:c,handleGroupTemplateClick:d,handleGroupTemplateTaskClick:l,onNewGroupClick:p,onNewTaskInitialization:h})=>{const[m,b]=n.useState(""),u=n.useMemo(()=>{const x=[];return e.forEach(v=>{if(v.name.toLowerCase().includes(m.toLowerCase()))x.push(v);else{const g=v.tasks.filter(z=>z.name.toLowerCase().includes(m.toLowerCase()));g.length>0&&x.push({...v,tasks:g})}}),x},[e,m]),w=n.useCallback(()=>{h(m)},[m,h]),T=n.useCallback(()=>{p(m)},[m,p]);return t.jsxs(Gr,{children:[t.jsx(zr,{children:t.jsxs(Dr,{children:[t.jsxs(Ir,{children:[t.jsx(Nr,{}),t.jsx(Mr,{children:we.groupTemplates})]}),t.jsx(gr,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:m,onSearchTextChanged:b,placeholder:we.searchPlaceholder})]})}),t.jsx(V,{controller:u.length>0,children:t.jsx(Or,{children:u.map(x=>{const v=a===x.id;return t.jsxs(Ur,{children:[t.jsxs(Er,{onClick:()=>{c(x.id)},expanded:v,children:[t.jsxs(Pr,{children:[t.jsx(V,{controller:v,children:t.jsx(Vr,{})}),t.jsx(V,{controller:!v,children:t.jsx(Fr,{})}),t.jsx(Q,{children:x.name}),t.jsx(Xt,{count:x.tasks.length})]}),t.jsx(Br,{expanded:v,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:we.createGroup,disabled:x.createdAt!=null,onClick:g=>{g.stopPropagation(),c(null),d(x.id)},reverseSpinnerColor:!1,loading:i===x.id})]}),t.jsx(V,{controller:v,children:t.jsx(n.Fragment,{children:x.tasks.map(g=>t.jsxs(Wr,{children:[t.jsxs(Rr,{children:[t.jsx(Hr,{className:"styled-dot"}),t.jsx(Yr,{className:"task-name-text",children:g.name})]}),t.jsx(Ar,{loading:r===g.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:vr.create,reverseSpinnerColor:!1,onClick:()=>l(x.id,g.name)})]},g.name))})})]},x.id)})})}),t.jsxs(V,{controller:u.length===0,children:[t.jsx(_r,{children:t.jsx(Kr,{children:we.noTaskGroup})}),t.jsxs(Tt,{onClick:w,children:[t.jsx(Lt,{}),t.jsx(Q,{children:we.newTaskOptionText.replace("__searchText__",m)})]}),t.jsxs(Tt,{onClick:T,children:[t.jsx(Lt,{}),t.jsx(Q,{children:we.newGroupOptionText.replace("__searchText__",m)})]})]})]})},jr=s.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
+`,St=s.div`
+  display: flex;
+  column-gap: ${o.sp2};
+  align-items: center;
+  padding: ${o.sp2} ${o.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};
+  }
+`,Sr=s(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: ${o.sp3};
+  height: ${o.sp3};
+`,Tr=s(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: ${o.sp3};
+  height: ${o.sp3};
+`,Lr=s.div`
+  display: flex;
+  flex-direction: column;
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+`,Gr=s.div`
+  background-color: ${e=>e.theme.colors.grey5};
+  padding-bottom: ${o.sp2};
+`,zr=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: ${o.sp2} ${o.sp3};
+`,Ir=s.div`
+  display: flex;
+  column-gap: ${o.sp2};
+  align-items: center;
+  justify-content: space-between;
+`,Dr=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+`,Nr=s(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: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,Mr=s(Je)`
+  color: ${e=>e.theme.colors.primary};
+`,Or=s.div`
+  max-height: 320px;
+  overflow: auto;
+`,Er=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-left: ${o.sp6};
+  padding-right: ${o.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;
+    }
+  }
+`,Pr=s.div`
+  display: flex;
+  align-items: center;
+  padding: ${o.sp2} ${o.sp0};
+  color: inherit;
+  column-gap: ${o.sp2};
+`,Wr=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding-left: ${o.sp6};
+  padding-right: ${o.sp4};
+
+  &:hover {
+    column-gap: ${o.sp2};
+    background-color: ${e=>e.theme.colors.background};
+    .task-name-text {
+      max-width: 244px;
+    }
+    .hidden-create-task-button {
+      display: block;
+    }
+  }
+`,Rr=s.div`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  padding: ${o.sp2} ${o.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};
+    }
+  }
+`,Br=s(rt)`
+  display: ${e=>e.expanded===!0?"block":"none"};
+`,Ar=s(rt)`
+  display: none;
+`,Fr=s(Lo)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Vr=s(Ae)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Ur=s.div``,Hr=s.div`
+  display: inline-block;
+  border-radius: ${o.sp2};
+  width: ${o.sp1};
+  height: ${o.sp1};
+  margin: ${o.sp0} 12px ${o.sp0} 6px;
+  cursor: inherit;
+  background-color: ${e=>e.theme.colors.grey1};
+`,_r=s.div`
+  padding: ${o.sp2} ${o.sp3};
+`,Kr=s(Q)`
+  color: ${e=>e.theme.colors.hero};
+`,Tt=s.div`
+  display: flex;
+  align-items: center;
+  padding: ${o.sp2} ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+  cursor: pointer;
+  column-gap: ${o.sp2};
+  &:hover {
+    background-color: ${e=>e.theme.colors.background};
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Lt=s(it)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,Yr=s(Q)`
+  color: inherit;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 336px;
+`,{common:Ye,dateFormat:qr,taskManagement:et}=I.getLocalizedStrings(),eo={taskNameMaxWidth:new Z(125,170,170,250,300)},Jr=({taskDetail:e,tagList:r,sectionId:i,onRowClick:a,onTimeSpentUpdate:c,onShowToast:d})=>{const l=ge(),p=e.assigneeUsers.length,h=e.assigneeUsers[0]?.user,m=h?.firstName||h?.lastName?`${h.firstName} ${h.lastName}`:h?.email??Ye.strings.empty,{getValues:b,resetField:u,getFieldState:w}=Ge();return t.jsxs(Xr,{children:[t.jsxs(hn,{windowSize:l,onClick:a,responsiveWidth:Y[0].width,children:[t.jsxs(un,{windowSize:l,children:[t.jsx(gn,{isIconPresent:e.type.code==="recurring",windowSize:l,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(ue,{style:{padding:`12px ${o.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(wn,{height:o.sp3,width:o.sp3})}):null]}),t.jsx(ue,{style:{padding:`12px ${o.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(mn,{windowSize:l,responsiveWidth:Y[0].width,children:t.jsx(xn,{windowSize:l,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Gt,{windowSize:l,responsiveWidth:Y[1].width,children:Qe(e.status.code)}),t.jsx(yn,{windowSize:l,responsiveWidth:Y[2].width,children:Qe(e.priority.code)}),t.jsx(vn,{windowSize:l,responsiveWidth:Y[3].width,children:e.dueDate!=null?e.dueDate.format(qr.visual.MMMDCommaYYYYformat):t.jsx(en,{children:Ye.strings.hyphen})}),t.jsx(Gt,{windowSize:l,responsiveWidth:Y[4].width,children:p>0?t.jsxs(tn,{children:[t.jsx(ts,{personBasic:h,styles:{width:o.sp4,height:o.sp4}}),t.jsx(kn,{children:t.jsx(fn,{children:m})}),p>1?t.jsx(on,{children:`${Ye.strings.plus}${p-1}`}):null]}):null}),t.jsx(bn,{windowSize:l,responsiveWidth:Y[5].width,children:e.tagIds.length>0?t.jsx($n,{children:ii(e.tagIds,r)}):null}),t.jsx(Cn,{windowSize:l,responsiveWidth:Y[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(jn,{className:"timeSpentField",children:t.jsx(Ht,{name:me(i,e.id,Le),placeholder:et.common.timeSpentPlaceholder,timeSpentFormat:et.common.timeSpentFormat,registerOptions:{validate:T=>!(Vt(T)>_t)||(d({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error")},style:{padding:`${o.sp0} ${o.sp1}`,background:"unset"},onInputBlur:()=>{((T,x)=>{const v=me(T,x,Le);w(v).invalid?u(v):c(e,{timeSpent:b(v)})})(i,e.id)},inputStyle:{textAlign:"right",padding:`${o.sp0} ${o.sp2}`}})})})]})},Zr=({taskGroup:e,tagList:r,sectionId:i,showGroupName:a,showRenameTextField:c,isSelectionAllowed:d,isCollapsed:l,existingTaskGroupNamesByGroupId:p,onDeleteTaskGroup:h,onExpandAll:m,onCollapseAll:b,onAddNewTaskToTaskGroup:u,onCollapseToggle:w,onTaskManagementRowClick:T,onDragStart:x,onTimeSpentUpdate:v,onShowToast:g})=>{const[z,f]=n.useState(null),C=ge(),{setFocus:y}=Ge(),D=n.useCallback(()=>{w(e.id)},[w,e.id]),J=n.useCallback(O=>{f(O.currentTarget)},[]),U=n.useCallback(()=>{f(null)},[]),B=n.useCallback(()=>{u(e.id)},[u,e.id]),j=n.useCallback(()=>{f(null),h(e.id)},[h,e.id]),L=n.useCallback(()=>{y(`${i}.groupName`),U()},[U,i,y]);return t.jsxs(Qr,{windowSize:C,children:[t.jsx(V,{controller:a,children:t.jsxs(sn,{children:[t.jsxs(rn,{children:[t.jsx(nn,{isOpen:l===!1,onClick:D,children:t.jsx(ln,{})}),t.jsx(Nt,{style:{textAlign:"start",width:"100%",background:"unset",...oe.largeMedium.cssObject},type:"text",name:`${i}.groupName`,placeholder:et.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:O=>Zt(O,e.id,p)===!1},isDisabled:c&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(an,{onClick:J,children:t.jsx(dn,{})}),t.jsx(qt,{onClose:U,onAddTask:B,onCollapseAll:b,onDelete:j,onExpandAll:m,onRename:L,isDefault:e.isDefault,anchorEl:z})]})}),t.jsx(V,{controller:l===!1,children:t.jsx(Mt,{mode:"checked_or_hover",isDisabled:d===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(O=>({label:t.jsx(Jr,{taskDetail:O,onRowClick:()=>{T(O.id)},tagList:r,onTimeSpentUpdate:v,onShowToast:g,sectionId:i}),prefix:C==="small"?null:t.jsx(cn,{children:t.jsx(pn,{})}),value:O.id,defaultChecked:!1,groupLabel:!1}))],name:`${i}.selectedIds`,style:{width:"100%",rowGap:o.sp3},checkBoxStyle:{padding:o.sp3},labelCheckBoxStyle:{padding:o.sp3},onDragStart:x,draggable:!0})})]})},Qr=s.div`
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  padding-right: ${o.sp3};
+  row-gap: ${o.sp3};
+`,Xr=s.div`
+  display: flex;
+  align-items: center;
+  height: ${o.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"?`${he.dropShadowNormalDark} ${o.sp0} 2px ${o.sp1}`:`${o.sp0} 2px ${o.sp1} ${he.dropShadowNormalLight}`};
+  border-radius: ${o.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: ${o.sp4};
+  padding-right: ${o.sp4};
+  justify-content: space-between;
+`,en=s(Q)``,tn=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: ${e=>e.theme.colors.hero};
+`,on=s(ze)`
+  border: 1px solid ${e=>e.theme.colors.hero};
+  width: calc(${o.sp3} + ${o.sp1});
+  height: calc(${o.sp3} + ${o.sp1});
+  border-radius: 30%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,sn=s.div`
+  padding-left: ${o.sp7};
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,rn=s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`,nn=s.div`
+  cursor: pointer;
+  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
+`,ln=s(Ae)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,an=s.div`
+  cursor: pointer;
+`,dn=s(Ot)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,cn=s.div`
+  padding-left: ${o.sp3};
+  cursor: grab;
+`,pn=s(Jt)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+`,hn=s.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: top;
+  column-gap: ${o.sp2};
+  align-items: flex-start;
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+`,un=s(Q)`
+  display: flex;
+  flex-direction: row;
+  column-gap: ${o.sp2};
+  align-items: flex-start;
+`,mn=s(Q)`
+  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
+  max-height: ${o.sp4};
+  width: 100%;
+`,gn=s.div`
+  max-width: ${e=>eo.taskNameMaxWidth.value(e.windowSize)-A[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;
+`,xn=s(R)`
+  color: ${e=>e.theme.colors.grey1};
+  max-width: ${e=>eo.taskNameMaxWidth.valuePx(e.windowSize)};
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,wn=s(Pt)`
+  display: flex;
+  align-items: center;
+  margin-left: ${o.sp1};
+  color: ${e=>e.theme.colors.hero};
+  margin-top: ${o.sp1};
+`,kn=s.div`
+  margin-right: ${o.sp1};
+  margin-left: ${o.sp1};
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  column-gap: ${o.sp2};
+`,fn=s(R)`
+  color: ${e=>e.theme.colors.hero};
+  text-overflow: ellipsis;
+  overflow: hidden;
+  max-width: ${o.sp8};
+  white-space: nowrap;
+`,$n=s.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  column-gap: ${o.sp2};
+`,Gt=s.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: ${o.sp1};
+`,yn=s(R)`
+  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: ${o.sp1};
+  column-gap: ${o.sp2};
+`,vn=s(R)`
+  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?o.sp2:o.sp0};
+  column-gap: ${o.sp2};
+`,bn=s.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: ${o.sp1};
+  column-gap: ${o.sp2};
+`,Cn=s(s.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: ${o.sp2};
+`,jn=s.div`
+  max-width: ${o.sp11};
+`,te=I.getLocalizedStrings(),zt=e=>`${e}_form`,Sn={rowGap:new Z(A[0],A[5],A[5])},{common:{footer:It},taskManagement:qe}=I.getLocalizedStrings(),jl=({taskListView:e,tagListView:r,isTaskTemplatesEnabled:i,onCreateTagClick:a,updateTask:c,onDragNDrop:d,onDeleteTaskGroup:l,updateLocalData:p,onTaskManagementRowClick:h,onReloadTasks:m,onColumnSortConfigChanged:b,onSearchTextChanged:u,onBackClick:w,onNewTaskClick:T,onFiltersChange:x,resetLocalData:v,handleCreateGroup:g,assignGroupToTasks:z,onAddNewTaskToTaskGroup:f,onGroupByFilterChange:C,onTaskGroupRename:y,analytics:D,onTimeSpentUpdate:J,onShowToast:U,handleGroupTemplateClick:B,handleGroupTemplateTaskClick:j,handleNewTaskInitialization:L})=>{const[O,k]=n.useState(!1),[G,E]=n.useState(null),[P,H]=n.useState(null),[N,ie]=n.useState(null),[Ie,fe]=n.useState(null),[$e,de]=n.useState(!1),xe=mo(),{fetchState:re,uiState:ce,filters:De,userList:W,taskGroupsWithTasksList:Ce}=e,{tagList:Ue}=r,He=Fe(),Pe=n.useCallback($=>{fe($.currentTarget)},[]),We=n.useCallback($=>{C($)},[C]),S=n.useCallback(()=>{C("groupName")},[C]),X=n.useCallback($=>{L($)},[L]),ne=W.users.map($=>$.user).filter($=>$!=null),_={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:te.common.create,isSearchOpen:$e,searchPlaceHolder:te.taskManagement.taskList.searchPlaceHolder,searchText:ce.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:De,searchTextBoxStyle:{right:"108px"},onNewButtonClick:Pe,onSearchOpen:$=>{de($)},onSearchTextChanged:u,onFiltersChange:x,analytics:D,downloadState:"Not-Started",createdByUserListLoaded:W.fetchState==="Completed"||W.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(ir,{value:ce.groupByKey,resetDisabled:ce.groupByKey==="groupName",onChange:We,onReset:S}),height:90},getFilterOptions:()=>Ho("task_management",ne,xe.loggedInUserRole??[],r.tagList)},le=n.useCallback($=>{fe(null),E(pe),p({...e.localData,newTaskGroupName:$})},[e.localData,p]),je=n.useCallback(()=>{fe(null)},[]),F=n.useCallback(()=>{P!=null&&l(P)},[P,l]),K=n.useCallback(()=>{E(pe)},[]),ee=n.useCallback($=>{ie(ye=>ye===$?null:$)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&k(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{i&&e.taskGroupTemplates.length>0&&ie(e.taskGroupTemplates[0].id)},[i,e.taskGroupTemplates]);const M=t.jsx(Bo,{spendManagementSectionProps:_});return t.jsxs(Dn,{children:[t.jsx(go,{title:te.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:He.colors.grey4,style:{zIndex:3},onBackClick:w,rightSideComponent:M,isSearchOpen:$e,source:"TaskManagementPage"}),t.jsx(br,{anchorEl:Ie,groupByKey:ce.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:i,onClose:je,onNewTaskClick:T,onNewGroupClick:le,handleGroupTemplateClick:B,handleGroupTemplateTaskClick:j,onNewTaskInitialization:X,onExpandTemplate:ee,expandedTemplate:N}),t.jsx(In,{children:re==="Error"?t.jsxs(Nn,{children:[t.jsx(Mn,{onClick:m,children:t.jsx(On,{})}),t.jsx(En,{children:te.common.reloadPage.label})]}):re==="Completed"&&Ce.length===0?t.jsx(ko,{message:te.taskManagement.taskList.noDataText}):re==="Not-Started"||re==="In-Progress"?t.jsx(Wo,{fetchState:re}):t.jsx(Tn,{taskListView:e,tagList:Ue,renameActiveField:G,updateTask:c,onDragNDrop:d,onAddNewTaskToTaskGroup:f,onColumnSortConfigChanged:b,onTaskManagementRowClick:h,assignGroupToTasks:z,handleCreateGroup:g,resetLocalData:v,setGroupCreationInProgress:K,setShowDeleteModal:k,updateLocalData:p,setActiveTaskGroupId:H,setRenameActiveField:E,onTaskGroupRename:y,onTimeSpentUpdate:J,onShowToast:U,onCreateTagClick:a})}),t.jsx(V,{controller:O===!0,children:t.jsx(xo,{action:{onOkClick:F,onCancelClick:()=>{k(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:te.common.cancel,primaryButtonText:te.common.confirm,titleComponent:t.jsx(An,{children:t.jsx(wo,{children:te.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(Fn,{children:t.jsx(Q,{children:te.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Tn=({taskListView:e,tagList:r,renameActiveField:i,updateTask:a,onTaskGroupRename:c,setRenameActiveField:d,onDragNDrop:l,updateLocalData:p,setShowDeleteModal:h,handleCreateGroup:m,resetLocalData:b,assignGroupToTasks:u,setGroupCreationInProgress:w,onTaskManagementRowClick:T,onColumnSortConfigChanged:x,onAddNewTaskToTaskGroup:v,setActiveTaskGroupId:g,onTimeSpentUpdate:z,onShowToast:f,onCreateTagClick:C})=>{const y=n.useRef(null);yo({componentName:"task.management.list"});const[D,J]=n.useState(null),U=n.useRef({}),B=ge(),{localData:j,taskGroupsWithTasksList:L,uiState:O}=e,[k,G]=n.useState([]),E=n.useRef(null);tr({scrollContainerRef:E,isEnabled:B!=="small"});const P=n.useMemo(()=>e.userList.users.map(S=>S.user).filter(S=>S!=null),[e.userList.users]),H=vo({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Dt(e.taskGroupsWithTasksList,j,P,r),[j,e.taskGroupsWithTasksList,P,r]),values:n.useMemo(()=>Dt(e.taskGroupsWithTasksList,j,P,r),[j,e.taskGroupsWithTasksList,P,r])}),N=n.useMemo(()=>{if(i!==pe)return L;const S=[],X=L.map(ne=>{const _=ne.tasks.filter(le=>{const je=j.selectedTaskIds.includes(le.id)===!0;return je&&S.push(le),je===!1});return{...ne,tasks:_}});return X.unshift({groupName:"",isDefault:!1,id:pe,tasks:S}),X},[i,L,j.selectedTaskIds]),ie=n.useCallback(S=>k.includes(N[S].id)||N[S].tasks.length===0?100:U.current?.[S]!=null?U.current[S]+Sn.rowGap.value(B):3*(1*Ao+Fo)+Vo+Uo,[k,N,B]),Ie=n.useCallback(S=>{J(S.currentTarget)},[]),fe=n.useCallback((S,X)=>{U.current={...U.current,[S]:X},y.current?.resetAfterIndex(0,!0)},[B,y,L]),$e=n.useCallback(S=>{G(X=>X.includes(S)?X.filter(ne=>S!==ne):[...X,S]),y.current?.resetAfterIndex(0,!0)},[]),de=n.useCallback(()=>{J(null)},[]),xe=n.useCallback(()=>{G(L.map(S=>S.id)),y.current?.resetAfterIndex(0,!0)},[L]),re=n.useCallback(()=>{G([]),y.current?.resetAfterIndex(0,!0)},[]),ce=n.useCallback(()=>{w(),y.current?.scrollTo(0),de()},[de,w]),De=n.useCallback(S=>{g(S),h(!0)},[g,h]),W=n.useCallback(()=>{j.selectedTaskIds.length>0?i!==pe?ce():m(!0):i===pe?m(!1):i!=null&&c(i,j.existingTaskGroupNamesByGroupId[i])},[j.selectedTaskIds.length,j.existingTaskGroupNamesByGroupId,i,ce,m,c]),Ce=n.useCallback(()=>{d(null),b()},[b,d]),Ue=n.useCallback(S=>{b(),d(S)},[b,d]),He=n.useCallback(()=>{j.defaultTaskGroupId!=null&&u(j.defaultTaskGroupId)},[u,j.defaultTaskGroupId]);n.useEffect(()=>{const S=H.watch((X,{name:ne})=>{ne!=null&&X!=null&&bo(()=>(async(_,le)=>{if(_.includes(dt)){const F=_.split(".")[2],K=L.flatMap(M=>M.tasks).find(M=>M.id===F),ee=le[ae][be][F].priority.selectedOption;if(K!=null&&ee!=null){const M=Ve.find($=>$.code===ee);M!=null&&a(K,{priority:M})}return}if(_.includes(at)){const F=_.split(".")[2],K=L.flatMap(M=>M.tasks).find(M=>M.id===F),ee=le[ae][be][F].status.selectedOption;if(K!=null&&ee!=null){const M=nt.find($=>$.code===ee);K!=null&&M!=null&&a(K,{status:M})}return}if(_.includes(pt)){const F=_.split(".")[2],K=L.flatMap($=>$.tasks).find($=>$.id===F),ee=L.find($=>$.tasks.find(ye=>ye.id===F))?.id,M=le[ae][be][F].assignees.selectedUsers.map($=>$.userId);return void(ee!=null&&M!=null&&K!=null&&a(K,{assignees:M}))}if(_.includes(ct)){const F=_.split(".")[2],K=L.flatMap($=>$.tasks).find($=>$.id===F),ee=L.find($=>$.tasks.find(ye=>ye.id===F))?.id,M=le[ae][be][F].dueDate.date;return void(ee!=null&&M!=null&&K!=null&&a(K,{dueDate:M}))}if(_.includes(ht)){const F=_.split(".")[2],K=L.flatMap($=>$.tasks).find($=>$.id===F),ee=L.find($=>$.tasks.find(ye=>ye.id===F))?.id,M=le[ae][be][F].tags.selectedOptions;return void(ee!=null&&M!=null&&K!=null&&a(K,{tagIds:M}))}_.includes(Le)&&H.trigger(_);const je=zn(_,le,j);p(je)})(ne,X))});return()=>{S.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 Pe=L.length>1&&j.selectedTaskIds.length>0&&i!==pe,We=j.newTaskGroupName.length>0||j.selectedTaskIds.length>0||i!==null;return t.jsxs(t.Fragment,{children:[t.jsx(Co,{...H,children:t.jsx("form",{id:zt(gt),onSubmit:H.handleSubmit(W),style:{width:"100%"},children:t.jsx(Pn,{isFooterVisible:We,windowSize:B,children:t.jsx(jo,{children:({height:S,width:X})=>t.jsx(So,{ref:y,outerRef:E,height:S,itemCount:N.length,itemSize:ie,estimatedItemSize:qo,itemKey:ne=>N[ne].id,width:X,overscanCount:Yo,itemData:{tagList:r,taskGroupsWithTasksList:N,uiState:O,collapsedGroups:k,userList:e.userList,renameActiveField:i,selectedRowIds:j.selectedTaskIds,existingTaskGroupNamesByGroupId:j.existingTaskGroupNamesByGroupId,onRenameClick:Ue,handleOnDragNDrop:l,onCollapseToggle:$e,setRowHeight:fe,onTaskManagementRowClick:T,onColumnSortConfigChanged:x,onAddNewTaskToTaskGroup:v,onCollapseAll:xe,onDeleteTaskGroup:De,onExpandAll:re,onTimeSpentUpdate:z,onShowToast:f,onCreateTagClick:C},initialScrollOffset:0,children:Ln})})})})}),We?t.jsx(To,{formId:zt(gt),primaryBtn:{label:L.length===1&&j.selectedTaskIds.length>0&&i!==pe?qe.taskList.footer.createGroup:It.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:It.cancel,style:{width:"135px"},onClick:Ce},helperContainerStyle:B==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(V,{controller:B!=="small"&&j.selectedTaskIds.length>0,children:t.jsxs(Rn,{children:[t.jsx(Xt,{count:j.selectedTaskIds.length}),t.jsx(Bn,{children:j.selectedTaskIds.length>1?qe.taskList.footer.tasksSelected:qe.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(V,{controller:B!=="small"&&j.selectedTaskIds.length>0,children:t.jsx(Un,{children:t.jsx(ue,{enterDelay:600,title:te.taskManagement.taskList.footer.ungroup,children:t.jsx(Vn,{onClick:He})})})}),showPrimaryButton:Pe===!1,customPrimaryButton:Pe?t.jsxs(t.Fragment,{children:[t.jsx(rt,{variant:"secondary",label:te.taskManagement.taskList.footer.moveTo,onClick:Ie,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(pr,{taskGroupsList:L,anchorEl:D,groupByKey:O.groupByKey,onCreateNewGroup:ce,onExistingGroupSelection:S=>{de(),u(S)},onClose:de})]}):void 0}):null]})},Ln=({index:e,style:r,data:i})=>{const a=n.useRef(null),c=ge(),{tagList:d,taskGroupsWithTasksList:l,uiState:p,renameActiveField:h,collapsedGroups:m,onCollapseToggle:b,onTaskManagementRowClick:u,setRowHeight:w,onColumnSortConfigChanged:T,onCollapseAll:x,onExpandAll:v,onAddNewTaskToTaskGroup:g,onDeleteTaskGroup:z,handleOnDragNDrop:f,onRenameClick:C,userList:y,selectedRowIds:D,existingTaskGroupNamesByGroupId:J,onTimeSpentUpdate:U,onShowToast:B,onCreateTagClick:j}=i;n.useEffect(()=>{a.current?.firstElementChild!=null&&w(e,a.current.firstElementChild.clientHeight)},[e,a,c,l[e]?.tasks]);const L=n.useCallback(k=>{const G=k.dataTransfer.getData("row");f(G,l[e].id)},[f,e,l]),O=n.useCallback(k=>{k.preventDefault()},[]);return t.jsx(Wn,{style:{...r,width:"100%"},ref:a,onDrop:L,onDragOver:O,children:t.jsx(Gn,{taskGroup:l[e],showGroupName:!0,tagList:d,uiState:p,isCollapsed:m.includes(l[e].id),onCollapseToggle:b,showRenameTextField:h===l[e].id,isSelectionAllowed:h==null,onTaskManagementRowClick:u,onColumnSortConfigChanged:T,onAddNewTaskToTaskGroup:g,onCollapseAll:x,onDeleteTaskGroup:z,onExpandAll:v,selectedRowIds:D,userList:y,existingTaskGroupNamesByGroupId:J,onDragStart:(k,G)=>{k.dataTransfer.setData("row",G)},onRenameClick:()=>{C(l[e].id)},onTimeSpentUpdate:U,onShowToast:B,onCreateTagClick:j},l[e].id)})},Gn=({taskGroup:e,tagList:r,showGroupName:i,uiState:a,showRenameTextField:c,isCollapsed:d,isSelectionAllowed:l,selectedRowIds:p,userList:h,existingTaskGroupNamesByGroupId:m,onRenameClick:b,onTaskManagementRowClick:u,onCollapseToggle:w,onColumnSortConfigChanged:T,onCollapseAll:x,onExpandAll:v,onAddNewTaskToTaskGroup:g,onDeleteTaskGroup:z,onDragStart:f,onTimeSpentUpdate:C,onShowToast:y,onCreateTagClick:D})=>{const J=ge(),U=J==="medium-regular"||J==="medium-compact"||J==="small"?Zr:ai;return t.jsx(U,{taskGroup:e,tagList:r,userList:h,sectionId:ae,showGroupName:i,uiState:a,showRenameTextField:c,isCollapsed:d,isSelectionAllowed:l,selectedRowIds:p,existingTaskGroupNamesByGroupId:m,onAddNewTaskToTaskGroup:g,onCollapseAll:x,onDeleteTaskGroup:z,onExpandAll:v,onCollapseToggle:w,onTaskManagementRowClick:u,onColumnSortConfigChanged:T,onDragStart:f,onRenameClick:b,onTimeSpentUpdate:C,onShowToast:y,onCreateTagClick:D})},Dt=(e,r,i,a)=>{const c={},d={};e.forEach(p=>{d[p.id]={[Ee]:[],[ke]:r.existingTaskGroupNamesByGroupId[p.id]},p.tasks.forEach(h=>{r.selectedTaskIds.includes(h.id)&&d[p.id].selectedIds.push(h.id),c[h.id]={[at]:{selectedOption:h.status.code,allOptions:nt.map(m=>({label:m.name,value:m.code}))},[dt]:{selectedOption:h.priority.code,allOptions:Ve.map(m=>({label:m.name,value:m.code}))},[ct]:{date:h.dueDate,showBusinessDay:!1},[pt]:{allUsers:i,selectedUsers:h.assigneeUsers.map(m=>m.user)},[ht]:{allOptions:Ut(a),selectedOptions:h.tagIds},[Le]:h.timeSpent}})});const l={[lt]:{[pe]:{[ke]:r.newTaskGroupName,[Ee]:[]},...d},[be]:c};return{[ae]:l}},zn=(e,r,i)=>{if(e.includes(ae)){const a=e.split(".")[2];if(e.includes(ke))return e.includes(pe)?{...i,newTaskGroupName:r[ae].groupData[a][ke]}:{...i,existingTaskGroupNamesByGroupId:{...i.existingTaskGroupNamesByGroupId,[a]:r[ae].groupData[a][ke]}};if(e.includes(Ee)){const c=Io(Do(Object.values(r[ae][lt]),Ee)).filter(d=>d!==te.common.all.toLocaleLowerCase());return{...i,selectedTaskIds:c}}}return i},In=s.div`
+  display: block;
+  height: 100%;
+`,Dn=s.div`
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${o.sp4};
+  background-color: ${e=>e.theme.colors.grey4};
+  overflow: hidden;
+`,Nn=s.div`
+  display: flex;
+  width: 100%;
+  height: calc(100% - 60px);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+`,Mn=s.div`
+  height: 96px;
+  width: 96px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${e=>e.theme.colors.background};
+  border-radius: 50%;
+  cursor: pointer;
+`,On=s(Ft)`
+  height: ${o.sp5};
+  width: ${o.sp5};
+  color: ${e=>e.theme.colors.grey1};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,En=s($o)`
+  margin-top: ${o.sp3};
+  color: ${e=>e.theme.colors.hero};
+`,Pn=s.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%;
+`,Wn=s.div`
+  top: ${o.sp0};
+  left: ${o.sp0};
+  box-sizing: border-box;
+`,Rn=s.div`
+  display: flex;
+  align-items: center;
+  column-gap: ${o.sp2};
+  padding-left: ${o.sp9};
+`,Bn=s(Q)`
+  color: ${e=>e.theme.colors.primary};
+`,An=s.div`
+  padding-top: ${o.sp7};
+  padding-bottom: ${o.sp4};
+  color: ${e=>e.theme.colors.primary};
+`,Fn=s.div`
+  padding-left: ${o.sp8};
+  padding-right: ${o.sp8};
+  padding-bottom: ${o.sp5};
+  color: ${e=>e.theme.colors.hero};
+`,Vn=s(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: ${o.sp4};
+  height: ${o.sp4};
+  cursor: pointer;
+  color: ${e=>e.theme.colors.hero};
+
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,Un=s.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-right: ${o.sp6};
+`;export{jl as default,zt as uniqueFormName};