@zeniai/web-cockpit-ui 1.14.19-dev → 1.14.19-dev-betaSK01

package/dist/assets/{TaskManagementPage-BW9M6AQs-DyLPADr6.js → TaskManagementPage-DchOWpNF-n_asmH-l.js}

@@ -1,8 +1,8 @@
-import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s as kt,l as Q,o as s,eL as Ze,bL as Ie,bP as xt,fB as wt,ao as ft,bf as Xe,a6 as Ct,e as le,a as Tt,C as Je,c7 as $t,F as yt,aj as bt,bX as vt,i7 as St,i8 as jt,iE as Be,a4 as Gt,k as De,bx as Ee,eH as Qe,iF as Lt,cu as et,iG as pe,iH as xe,iI as Nt,iJ as we,iK as tt,iL as st,iM as ot,iN as nt,iO as at,iP as rt,iQ as _,q as ke,iR as re,d as ie,iS as It,iT as Et,a3 as Mt,r as Dt,iU as Bt,da as zt,iV as At,ck as it,cE as Rt,v as Wt,iW as Ft,iX as Ot,fC as Pt,eK as Vt,iY as Ht,iZ as X,i_ as ze,bZ as Ut,i$ as _t,j0 as Kt,j1 as Ae,j2 as Yt,c as Re,fZ as qt,B as Zt}from"./index-CyJdCOlu.js";import{b as n,n as o,j as fe}from"./vendor-CnQcJ2Lu.js";import{K as Xt,Y as Jt}from"./SpendManagementSection-BKTkeRK6-DIa3Rn7O.js";import{A as Qt,t as es,a as ts,E as ss}from"./NotificationsListConfig-DiJLl-YW-Be2lRZvs.js";import{getDashboardFilterCategoryValues as os}from"./SpendManagementListViewPage-Cvev9izU-BZzSvbIK.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./StatusSwitcher-CTDNbKqC-Bv4PZo8C.js";const ns=100,as=100,rs=3,is=.7,ls=({scrollContainerRef:e,isEnabled:u=!0,edgeThreshold:r=ns,scrollSpeed:h=as,minScrollAmount:m=rs,scrollCurveExponent:p=is})=>{n.useEffect(()=>{if(!u||typeof window>"u"||typeof document>"u")return;let a=!1,c=0,i=null;const d=Math.max(r,1),C=()=>{i!==null&&(cancelAnimationFrame(i),i=null)},S=x=>{const j=e.current;return!j||!(x.target instanceof Node)?!1:j.contains(x.target)},E=x=>S(x),M=x=>{const j=Math.max(x,0)/d,y=Math.pow(j,p)*h;return Math.max(m,y)},k=(x,j,y)=>{const L=y==="up"?-j:j;x===window?window.scrollBy({top:L,behavior:"auto"}):x instanceof HTMLElement&&typeof x.scrollTop=="number"&&(x.scrollTop+=L)},f=()=>e.current??window,w=()=>{if(!a)return;const x=f(),j=window.innerHeight,y=c;if(y<d&&y>0){const L=d-y,g=M(L);k(x,g,"up")}else if(y>j-d){const L=y-(j-d),g=M(L);k(x,g,"down")}i=requestAnimationFrame(w)},D=x=>{E(x)?a=!0:(a=!1,C())},B=()=>{a=!1,C()},z=x=>{a&&(c=x.clientY)},$=x=>{z(x),a&&i===null&&(i=requestAnimationFrame(w))};return document.addEventListener("dragstart",D),document.addEventListener("dragend",B),document.addEventListener("dragover",$),()=>{document.removeEventListener("dragstart",D),document.removeEventListener("dragend",B),document.removeEventListener("dragover",$),C()}},[r,u,m,e,p,h])},je=oe.getLocalizedStrings(),lt=({count:e})=>t.jsx(ds,{isCircular:e<10,children:t.jsx(cs,{children:e>je.common.numbers.maximumCount?`${je.common.numbers.maximumCount}${je.common.strings.plus}`:e})}),ds=o.div`
-  ${e=>e.isCircular?fe`
+import{z as ht,u as Ye,j as t,F as oe,aW as mt,b as U,bP as gt,k as K,p as kt,l as Q,o as s,cD as Ze,bK as Ie,bM as xt,ao as wt,bf as Xe,a6 as ft,K as le,a as Ct,x as Je,c2 as Tt,c as $t,aj as yt,bT as bt,a4 as vt,r as De,bw as Ee,eo as Qe,j9 as St,cl as et,n as ke,$ as ie,eF as jt,eG as Gt,a3 as Lt,q as Nt,ja as It,cX as Et,cd as tt,e2 as Mt,y as Dt,eq as zt,h as ze,eO as Bt,O as At}from"./index-D9zAXs3-.js";import{b as n,n as o,i as xe}from"./vendor-Bs1fkIUX.js";import{d as Rt}from"./BusyIndication-_H8LL7GJ-BjR55KdD.js";import{K as Wt,X as Ot}from"./SpendManagementSection-atmLAM4T-DeXVF-9S.js";import{A as Ft,t as Pt,a as Ht,E as Ut}from"./NotificationsListConfig-CyQxEQ13-D7e4Z7fR.js";import{getDashboardFilterCategoryValues as Vt}from"./SpendManagementListViewPage-DbfQ_jzA-sW1BTRjR.js";import{R as _t,t as Kt}from"./common-CU4uS1La-DdHnWUCD.js";import{n as q,k as Be,b as pe,j as we,d as qt,e as fe,i as st,h as ot,f as nt,p as rt,s as at,c as it,l as _,t as ae,a as Ae,T as Yt,M as Zt}from"./TaskDetailPage-aleDjLBo-DJGRUSEM.js";import{c as Xt,J as Jt,C as Qt,X as es,j as X,d as ts,k as Re}from"./TaskListRow-xLyzXOYn-CLZGelcY.js";import{t as ss}from"./LabeledGroupedCheckBoxField-DLSgfRui-CIvqEp4U.js";import{d as os}from"./ZeniAvatar-Cendj_Bv-Dp3oXY0H.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./MoreMenuButton-Cj6SIPVt-CYCCFBqM.js";import"./dollar-round-D18u7nlm-CXc5TAek.js";import"./money-2cg1MuG4-BaDu1jFd.js";import"./page-summary-D7_VQHwN-DEY33DNc.js";import"./MatchingOperatorDropdown-C5zSNKmV-DBpzsPUC.js";import"./filter-cZIFUNvj-B9dfJXS9.js";import"./ZeniDatePicker-El_phkQ0-z80YcUbm.js";import"./zeniDatePicker.helpers-Bv0wGqkO-0jS7nOtw.js";import"./avatar-Dz7aEm3d-D64JGSQG.js";import"./StatusSwitcher-BTTEP3yZ-DwSqL8zG.js";import"./calculateSize-BUfcd-gF-DqmEdKsX.js";import"./LabeledSingleSelectField-nPVDbcr0-DXhzL0iF.js";import"./hyperlink-DQyCeXx2-ChMvASRu.js";import"./UserMultiSelectField-UsIy6n-8-DdaF7B7O.js";import"./ZeniDatePickerField-3DaqcxMB-QK1YG1pI.js";import"./add-C0nqJFLa-C2eApjPK.js";import"./ControlledCheckBoxField-BIqM2o6X-Ml88Uf7U.js";const ns=100,rs=100,as=3,is=.7,ls=({scrollContainerRef:e,isEnabled:u=!0,edgeThreshold:a=ns,scrollSpeed:h=rs,minScrollAmount:m=as,scrollCurveExponent:p=is})=>{n.useEffect(()=>{if(!u||typeof window>"u"||typeof document>"u")return;let r=!1,c=0,i=null;const d=Math.max(a,1),C=()=>{i!==null&&(cancelAnimationFrame(i),i=null)},S=x=>{const j=e.current;return!j||!(x.target instanceof Node)?!1:j.contains(x.target)},E=x=>S(x),M=x=>{const j=Math.max(x,0)/d,y=Math.pow(j,p)*h;return Math.max(m,y)},k=(x,j,y)=>{const L=y==="up"?-j:j;x===window?window.scrollBy({top:L,behavior:"auto"}):x instanceof HTMLElement&&typeof x.scrollTop=="number"&&(x.scrollTop+=L)},f=()=>e.current??window,w=()=>{if(!r)return;const x=f(),j=window.innerHeight,y=c;if(y<d&&y>0){const L=d-y,g=M(L);k(x,g,"up")}else if(y>j-d){const L=y-(j-d),g=M(L);k(x,g,"down")}i=requestAnimationFrame(w)},D=x=>{E(x)?r=!0:(r=!1,C())},z=()=>{r=!1,C()},B=x=>{r&&(c=x.clientY)},$=x=>{B(x),r&&i===null&&(i=requestAnimationFrame(w))};return document.addEventListener("dragstart",D),document.addEventListener("dragend",z),document.addEventListener("dragover",$),()=>{document.removeEventListener("dragstart",D),document.removeEventListener("dragend",z),document.removeEventListener("dragover",$),C()}},[a,u,m,e,p,h])},je=oe.getLocalizedStrings(),lt=({count:e})=>t.jsx(ds,{isCircular:e<10,children:t.jsx(cs,{children:e>je.common.numbers.maximumCount?`${je.common.numbers.maximumCount}${je.common.strings.plus}`:e})}),ds=o.div`
+  ${e=>e.isCircular?xe`
           height: 18px;
           width: 18px;
-        `:fe`
+        `:xe`
           height: 18px;
           min-width: 18px;
           padding: ${s.sp0} ${s.sp1};
@@ -14,9 +14,9 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   justify-content: center;
   outline: 1px solid;
   outline-color: inherit;
-`,cs=o(Dt)`
+`,cs=o(Nt)`
   color: inherit;
-`,{taskManagement:We,common:Ge}=oe.getLocalizedStrings();function ps(e){const{onChange:u,value:r,resetDisabled:h,onReset:m}=e,p=()=>{h!==!0&&m()};return t.jsxs(us,{children:[t.jsx(gs,{children:We.taskList.groupingFilters.groupBy}),t.jsx(hs,{children:t.jsx(Xt,{value:r,placeHolder:We.taskList.groupingFilters.placeholder,onChange:a=>{const c=Q.toTaskListGroupByKeyTypeStrict(a.value);if(c!=null)u(c);else throw new Error("Invalid taskListGroupByKey")},options:Q.TASK_LIST_GROUP_BY_CATEGORIES,getOptionLabel:a=>{const c=Ge.texts,i=Q.toTaskListGroupByKeyTypeStrict(a);return i!=null?c[i]:Ge.strings.empty}})}),t.jsxs(ms,{onClick:p,isDisabled:h,children:[t.jsx(ks,{}),t.jsx(K,{children:Ge.reset})]})]})}const us=o.div`
+`,{taskManagement:We,common:Ge}=oe.getLocalizedStrings();function ps(e){const{onChange:u,value:a,resetDisabled:h,onReset:m}=e,p=()=>{h!==!0&&m()};return t.jsxs(us,{children:[t.jsx(gs,{children:We.taskList.groupingFilters.groupBy}),t.jsx(hs,{children:t.jsx(Wt,{value:a,placeHolder:We.taskList.groupingFilters.placeholder,onChange:r=>{const c=Q.toTaskListGroupByKeyTypeStrict(r.value);if(c!=null)u(c);else throw new Error("Invalid taskListGroupByKey")},options:Q.TASK_LIST_GROUP_BY_CATEGORIES,getOptionLabel:r=>{const c=Ge.texts,i=Q.toTaskListGroupByKeyTypeStrict(r);return i!=null?c[i]:Ge.strings.empty}})}),t.jsxs(ms,{onClick:p,isDisabled:h,children:[t.jsx(ks,{}),t.jsx(K,{children:Ge.reset})]})]})}const us=o.div`
   display: flex;
   align-items: center;
   column-gap: ${s.sp4};
@@ -29,9 +29,9 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   display: flex;
   align-items: center;
   color: ${e=>e.theme.colors.hero};
-  ${e=>e.isDisabled?fe`
+  ${e=>e.isDisabled?xe`
           opacity: 0.3;
-        `:fe`
+        `:xe`
           cursor: pointer;
         `};
   &:hover {
@@ -39,14 +39,14 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   }
 
   column-gap: ${s.sp1};
-`,gs=o(ft)`
+`,gs=o(wt)`
   color: ${e=>e.theme.colors.primary};
 `,ks=o(Xe)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,xs=oe.getLocalizedStrings().taskManagement.taskList.footer;function ws({taskGroupsList:e,anchorEl:u,groupByKey:r,onCreateNewGroup:h,onExistingGroupSelection:m,onClose:p}){const a=()=>{p(),h()};return t.jsx(Ze,{open:!!u,anchorEl:u,onClose:p,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(fs,{children:[t.jsx(Cs,{children:e.map(c=>{const i=()=>{p(),m(c.id)};return t.jsx(Fe,{onClick:i,children:t.jsx(ie,{children:c.groupName})},c.id)})}),t.jsx(H,{controller:r==="groupName",children:t.jsxs(Fe,{onClick:a,children:[t.jsx(Ts,{}),t.jsx(ie,{children:xs.createGroup})]})})]})})}const fs=o.div`
+`,xs=oe.getLocalizedStrings().taskManagement.taskList.footer;function ws({taskGroupsList:e,anchorEl:u,groupByKey:a,onCreateNewGroup:h,onExistingGroupSelection:m,onClose:p}){const r=()=>{p(),h()};return t.jsx(Ze,{open:!!u,anchorEl:u,onClose:p,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(fs,{children:[t.jsx(Cs,{children:e.map(c=>{const i=()=>{p(),m(c.id)};return t.jsx(Oe,{onClick:i,children:t.jsx(ie,{children:c.groupName})},c.id)})}),t.jsx(U,{controller:a==="groupName",children:t.jsxs(Oe,{onClick:r,children:[t.jsx(Ts,{}),t.jsx(ie,{children:xs.createGroup})]})})]})})}const fs=o.div`
   background-color: ${e=>e.theme.colors.grey5};
-`,Fe=o.div`
+`,Oe=o.div`
   padding: ${s.sp2} ${s.sp3};
   color: ${e=>e.theme.colors.hero};
 
@@ -62,7 +62,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
 `,Ts=o(et)`
   width: ${s.sp3};
   height: ${s.sp3};
-`;function $s({placeholder:e,searchText:u,inputContainerStyles:r,onSearchTextChanged:h}){const[m,p]=n.useState(!1),a=n.useRef(null),c=le(),i=()=>{u||p(!1)};return t.jsxs(ys,{children:[m?null:t.jsx(vs,{onMouseEnter:()=>p(!0),onClick:()=>{p(!0),a.current?.focus()},children:t.jsx(Oe,{})}),m?t.jsxs(bs,{style:r,isOpen:m,children:[t.jsx(Oe,{}),t.jsx(Ss,{windowSize:c,autoFocus:c!=="small",placeholder:e,value:u,onBlur:i,onChange:d=>{const C=d.target;h(C.value)},ref:a}),u?t.jsx(js,{}):null]}):null]})}const ys=o.div`
+`;function $s({placeholder:e,searchText:u,inputContainerStyles:a,onSearchTextChanged:h}){const[m,p]=n.useState(!1),r=n.useRef(null),c=le(),i=()=>{u||p(!1)};return t.jsxs(ys,{children:[m?null:t.jsx(vs,{onMouseEnter:()=>p(!0),onClick:()=>{p(!0),r.current?.focus()},children:t.jsx(Fe,{})}),m?t.jsxs(bs,{style:a,isOpen:m,children:[t.jsx(Fe,{}),t.jsx(Ss,{windowSize:c,autoFocus:c!=="small",placeholder:e,value:u,onBlur:i,onChange:d=>{const C=d.target;h(C.value)},ref:r}),u?t.jsx(js,{}):null]}):null]})}const ys=o.div`
   position: relative;
 `,bs=o.div`
   position: absolute;
@@ -74,7 +74,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   border-bottom: 1px solid ${e=>e.theme.colors.primary};
   min-width: ${({isOpen:e})=>e?"200px":"0px"};
   transition: min-width 0.3s ease-in-out;
-`,Oe=o(It)`
+`,Fe=o(jt)`
   color: ${e=>e.theme.colors.hero};
   width: ${s.sp3};
   height: ${s.sp3};
@@ -83,7 +83,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   }
 `,vs=o.div`
   cursor: pointer;
-`,Ss=o(Et)`
+`,Ss=o(Gt)`
   display: flex;
   border-width: ${s.sp0};
   outline-width: ${s.sp0};
@@ -94,10 +94,10 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   ::placeholder {
     color: ${e=>e.theme.colors.grey1};
   }
-`,js=o(Mt)`
+`,js=o(Lt)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Gs=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"})),Ls=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"})),Ns=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"})),{taskManagement:Is,common:Es}=oe.getLocalizedStrings(),J=Is.taskList.newTaskOptions;function Ms({anchorEl:e,groupByKey:u,taskGroupTemplates:r,taskCreationFromTemplateStatus:h,isTaskTemplatesEnabled:m,expandedTemplate:p,onExpandTemplate:a,onClose:c,onNewTaskClick:i,onNewGroupClick:d,handleGroupTemplateClick:C,handleGroupTemplateTaskClick:S,onNewTaskInitialization:E}){const M=qe(),[k,f]=n.useState(null),[w,D]=n.useState(null);n.useEffect(()=>{h.fetchState==="Completed"&&(D(null),f(null),c())},[h.fetchState,c]);const B=n.useCallback(($,x)=>{f(x),S($,x)},[S]),z=n.useCallback($=>{D($),C($)},[C]);return t.jsx(Ze,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${M.colors.grey3}`}},anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Bs,{isTaskTemplatesEnabled:m,children:[t.jsxs(Rs,{children:[t.jsxs(Pe,{onClick:i,children:[t.jsx(zs,{}),t.jsx(Ie,{children:J.task})]}),t.jsx(H,{controller:u==="groupName",children:t.jsxs(Pe,{onClick:()=>d(""),children:[t.jsx(As,{}),t.jsx(Ie,{children:J.group})]})})]}),m?t.jsx(Ds,{taskGroupTemplates:r,taskIdInCreation:k,groupIdInCreation:w,expandedTemplate:p,handleGroupTemplateClick:z,handleGroupTemplateTaskClick:B,onNewGroupClick:d,onNewTaskInitialization:E,onExpandTemplate:a}):null]})})}const Ds=({taskGroupTemplates:e,taskIdInCreation:u,groupIdInCreation:r,expandedTemplate:h,onExpandTemplate:m,handleGroupTemplateClick:p,handleGroupTemplateTaskClick:a,onNewGroupClick:c,onNewTaskInitialization:i})=>{const[d,C]=n.useState(""),S=n.useMemo(()=>{const k=[];return e.forEach(f=>{if(f.name.toLowerCase().includes(d.toLowerCase()))k.push(f);else{const w=f.tasks.filter(D=>D.name.toLowerCase().includes(d.toLowerCase()));w.length>0&&k.push({...f,tasks:w})}}),k},[e,d]),E=n.useCallback(()=>{i(d)},[d,i]),M=n.useCallback(()=>{c(d)},[d,c]);return t.jsxs(Ws,{children:[t.jsx(Fs,{children:t.jsxs(Ps,{children:[t.jsxs(Os,{children:[t.jsx(Vs,{}),t.jsx(Hs,{children:J.groupTemplates})]}),t.jsx($s,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:d,onSearchTextChanged:C,placeholder:J.searchPlaceholder})]})}),t.jsx(H,{controller:S.length>0,children:t.jsx(Us,{children:S.map(k=>{const f=h===k.id;return t.jsxs(eo,{children:[t.jsxs(_s,{onClick:()=>{m(k.id)},expanded:f,children:[t.jsxs(Ks,{children:[t.jsx(H,{controller:f,children:t.jsx(Qs,{})}),t.jsx(H,{controller:!f,children:t.jsx(Js,{})}),t.jsx(K,{children:k.name}),t.jsx(lt,{count:k.tasks.length})]}),t.jsx(Zs,{expanded:f,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:J.createGroup,disabled:k.createdAt!=null,onClick:w=>{w.stopPropagation(),m(null),p(k.id)},reverseSpinnerColor:!1,loading:r===k.id})]}),t.jsx(H,{controller:f,children:t.jsx(n.Fragment,{children:k.tasks.map(w=>t.jsxs(Ys,{children:[t.jsxs(qs,{children:[t.jsx(to,{className:"styled-dot"}),t.jsx(no,{className:"task-name-text",children:w.name})]}),t.jsx(Xs,{loading:u===w.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Es.create,reverseSpinnerColor:!1,onClick:()=>a(k.id,w.name)})]},w.name))})})]},k.id)})})}),t.jsxs(H,{controller:S.length===0,children:[t.jsx(so,{children:t.jsx(oo,{children:J.noTaskGroup})}),t.jsxs(Ve,{onClick:E,children:[t.jsx(He,{}),t.jsx(K,{children:J.newTaskOptionText.replace("__searchText__",d)})]}),t.jsxs(Ve,{onClick:M,children:[t.jsx(He,{}),t.jsx(K,{children:J.newGroupOptionText.replace("__searchText__",d)})]})]})]})},Bs=o.div`
+`,Gs=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"})),Ls=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"})),Ns=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"})),{taskManagement:Is,common:Es}=oe.getLocalizedStrings(),J=Is.taskList.newTaskOptions;function Ms({anchorEl:e,groupByKey:u,taskGroupTemplates:a,taskCreationFromTemplateStatus:h,isTaskTemplatesEnabled:m,expandedTemplate:p,onExpandTemplate:r,onClose:c,onNewTaskClick:i,onNewGroupClick:d,handleGroupTemplateClick:C,handleGroupTemplateTaskClick:S,onNewTaskInitialization:E}){const M=Ye(),[k,f]=n.useState(null),[w,D]=n.useState(null);n.useEffect(()=>{h.fetchState==="Completed"&&(D(null),f(null),c())},[h.fetchState,c]);const z=n.useCallback(($,x)=>{f(x),S($,x)},[S]),B=n.useCallback($=>{D($),C($)},[C]);return t.jsx(Ze,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${M.colors.grey3}`}},anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(zs,{isTaskTemplatesEnabled:m,children:[t.jsxs(Rs,{children:[t.jsxs(Pe,{onClick:i,children:[t.jsx(Bs,{}),t.jsx(Ie,{children:J.task})]}),t.jsx(U,{controller:u==="groupName",children:t.jsxs(Pe,{onClick:()=>d(""),children:[t.jsx(As,{}),t.jsx(Ie,{children:J.group})]})})]}),m?t.jsx(Ds,{taskGroupTemplates:a,taskIdInCreation:k,groupIdInCreation:w,expandedTemplate:p,handleGroupTemplateClick:B,handleGroupTemplateTaskClick:z,onNewGroupClick:d,onNewTaskInitialization:E,onExpandTemplate:r}):null]})})}const Ds=({taskGroupTemplates:e,taskIdInCreation:u,groupIdInCreation:a,expandedTemplate:h,onExpandTemplate:m,handleGroupTemplateClick:p,handleGroupTemplateTaskClick:r,onNewGroupClick:c,onNewTaskInitialization:i})=>{const[d,C]=n.useState(""),S=n.useMemo(()=>{const k=[];return e.forEach(f=>{if(f.name.toLowerCase().includes(d.toLowerCase()))k.push(f);else{const w=f.tasks.filter(D=>D.name.toLowerCase().includes(d.toLowerCase()));w.length>0&&k.push({...f,tasks:w})}}),k},[e,d]),E=n.useCallback(()=>{i(d)},[d,i]),M=n.useCallback(()=>{c(d)},[d,c]);return t.jsxs(Ws,{children:[t.jsx(Os,{children:t.jsxs(Ps,{children:[t.jsxs(Fs,{children:[t.jsx(Hs,{}),t.jsx(Us,{children:J.groupTemplates})]}),t.jsx($s,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:d,onSearchTextChanged:C,placeholder:J.searchPlaceholder})]})}),t.jsx(U,{controller:S.length>0,children:t.jsx(Vs,{children:S.map(k=>{const f=h===k.id;return t.jsxs(eo,{children:[t.jsxs(_s,{onClick:()=>{m(k.id)},expanded:f,children:[t.jsxs(Ks,{children:[t.jsx(U,{controller:f,children:t.jsx(Qs,{})}),t.jsx(U,{controller:!f,children:t.jsx(Js,{})}),t.jsx(K,{children:k.name}),t.jsx(lt,{count:k.tasks.length})]}),t.jsx(Zs,{expanded:f,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:J.createGroup,disabled:k.createdAt!=null,onClick:w=>{w.stopPropagation(),m(null),p(k.id)},reverseSpinnerColor:!1,loading:a===k.id})]}),t.jsx(U,{controller:f,children:t.jsx(n.Fragment,{children:k.tasks.map(w=>t.jsxs(qs,{children:[t.jsxs(Ys,{children:[t.jsx(to,{className:"styled-dot"}),t.jsx(no,{className:"task-name-text",children:w.name})]}),t.jsx(Xs,{loading:u===w.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Es.create,reverseSpinnerColor:!1,onClick:()=>r(k.id,w.name)})]},w.name))})})]},k.id)})})}),t.jsxs(U,{controller:S.length===0,children:[t.jsx(so,{children:t.jsx(oo,{children:J.noTaskGroup})}),t.jsxs(He,{onClick:E,children:[t.jsx(Ue,{}),t.jsx(K,{children:J.newTaskOptionText.replace("__searchText__",d)})]}),t.jsxs(He,{onClick:M,children:[t.jsx(Ue,{}),t.jsx(K,{children:J.newGroupOptionText.replace("__searchText__",d)})]})]})]})},zs=o.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
@@ -113,7 +113,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
     color: ${e=>e.theme.colors.primary};
     background-color: ${e=>e.theme.colors.background};
   }
-`,zs=o(Ns)`
+`,Bs=o(Ns)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,As=o(Ls)`
@@ -126,12 +126,12 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
 `,Ws=o.div`
   background-color: ${e=>e.theme.colors.grey5};
   padding-bottom: ${s.sp2};
-`,Fs=o.div`
+`,Os=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: ${s.sp2} ${s.sp3};
-`,Os=o.div`
+`,Fs=o.div`
   display: flex;
   column-gap: ${s.sp2};
   align-items: center;
@@ -141,13 +141,13 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   align-items: center;
   justify-content: space-between;
   width: 100%;
-`,Vs=o(Gs)`
+`,Hs=o(Gs)`
   width: ${s.sp3};
   height: ${s.sp3};
   color: ${e=>e.theme.colors.primary};
-`,Hs=o(Ie)`
+`,Us=o(Ie)`
   color: ${e=>e.theme.colors.primary};
-`,Us=o.div`
+`,Vs=o.div`
   max-height: 320px;
   overflow: auto;
 `,_s=o.div`
@@ -170,7 +170,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   padding: ${s.sp2} ${s.sp0};
   color: inherit;
   column-gap: ${s.sp2};
-`,Ys=o.div`
+`,qs=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -188,7 +188,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
       display: block;
     }
   }
-`,qs=o.div`
+`,Ys=o.div`
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -205,7 +205,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   display: ${e=>e.expanded===!0?"block":"none"};
 `,Xs=o(De)`
   display: none;
-`,Js=o(Lt)`
+`,Js=o(St)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,Qs=o(Qe)`
@@ -223,7 +223,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   padding: ${s.sp2} ${s.sp3};
 `,oo=o(K)`
   color: ${e=>e.theme.colors.hero};
-`,Ve=o.div`
+`,He=o.div`
   display: flex;
   align-items: center;
   padding: ${s.sp2} ${s.sp3};
@@ -234,7 +234,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
     background-color: ${e=>e.theme.colors.background};
     color: ${e=>e.theme.colors.primary};
   }
-`,He=o(et)`
+`,Ue=o(et)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,no=o(K)`
@@ -243,7 +243,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 336px;
-`,{common:Le,dateFormat:ao,taskManagement:Me}=oe.getLocalizedStrings(),dt={taskNameMaxWidth:new Je(125,170,170,250,300)},ro=({taskDetail:e,tagList:u,sectionId:r,onRowClick:h,onTimeSpentUpdate:m,onShowToast:p})=>{const a=le(),c=e.assigneeUsers.length,i=e.assigneeUsers[0]?.user,d=i?.firstName||i?.lastName?`${i.firstName} ${i.lastName}`:i?.email??Le.strings.empty,{getValues:C,resetField:S,getFieldState:E}=it(),M=(k,f)=>{const w=Ae(k,f,we);E(w).invalid?S(w):m(e,{timeSpent:C(w)})};return t.jsxs(co,{children:[t.jsxs($o,{windowSize:a,onClick:h,responsiveWidth:X[0].width,children:[t.jsxs(yo,{windowSize:a,children:[t.jsx(vo,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(jo,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(bo,{windowSize:a,responsiveWidth:X[0].width,children:t.jsx(So,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ue,{windowSize:a,responsiveWidth:X[1].width,children:ze(e.status.code)}),t.jsx(Io,{windowSize:a,responsiveWidth:X[2].width,children:ze(e.priority.code)}),t.jsx(Eo,{windowSize:a,responsiveWidth:X[3].width,children:e.dueDate!=null?e.dueDate.format(ao.visual.MMMDCommaYYYYformat):t.jsx(po,{children:Le.strings.hyphen})}),t.jsx(Ue,{windowSize:a,responsiveWidth:X[4].width,children:c>0?t.jsxs(uo,{children:[t.jsx(Ut,{personBasic:i,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Go,{children:t.jsx(Lo,{children:d})}),c>1?t.jsx(ho,{children:`${Le.strings.plus}${c-1}`}):null]}):null}),t.jsx(Mo,{windowSize:a,responsiveWidth:X[5].width,children:e.tagIds.length>0?t.jsx(No,{children:_t(e.tagIds,u)}):null}),t.jsx(Bo,{windowSize:a,responsiveWidth:X[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(zo,{className:"timeSpentField",children:t.jsx(Kt,{name:Ae(r,e.id,we),placeholder:Me.common.timeSpentPlaceholder,timeSpentFormat:Me.common.timeSpentFormat,registerOptions:{validate:k=>Q.convertHHMMStrToMinutes(k)>Yt?(p({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{M(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},io=({taskGroup:e,tagList:u,sectionId:r,showGroupName:h,showRenameTextField:m,isSelectionAllowed:p,isCollapsed:a,existingTaskGroupNamesByGroupId:c,onDeleteTaskGroup:i,onExpandAll:d,onCollapseAll:C,onAddNewTaskToTaskGroup:S,onCollapseToggle:E,onTaskManagementRowClick:M,onDragStart:k,onTimeSpentUpdate:f,onShowToast:w})=>{const[D,B]=n.useState(null),z=le(),{setFocus:$}=it(),x=n.useCallback(()=>{E(e.id)},[E,e.id]),j=n.useCallback(W=>{B(W.currentTarget)},[]),y=n.useCallback(()=>{B(null)},[]),L=n.useCallback(()=>{S(e.id)},[S,e.id]),g=n.useCallback(()=>{B(null),i(e.id)},[i,e.id]),b=n.useCallback(()=>{$(`${r}.groupName`),y()},[y,r,$]);return t.jsxs(lo,{windowSize:z,children:[t.jsx(H,{controller:h,children:t.jsxs(mo,{children:[t.jsxs(go,{children:[t.jsx(ko,{isOpen:a===!1,onClick:x,children:t.jsx(xo,{})}),t.jsx(Rt,{style:{textAlign:"start",width:"100%",background:"unset",...Wt.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:Me.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:W=>Ft(W,e.id,c)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(wo,{onClick:j,children:t.jsx(fo,{})}),t.jsx(Ot,{onClose:y,onAddTask:L,onCollapseAll:C,onDelete:g,onExpandAll:d,onRename:b,isDefault:e.isDefault,anchorEl:D})]})}),t.jsx(H,{controller:a===!1,children:t.jsx(Pt,{mode:"checked_or_hover",isDisabled:p===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(W=>{const U=()=>{M(W.id)};return{label:t.jsx(ro,{taskDetail:W,onRowClick:U,tagList:u,onTimeSpentUpdate:f,onShowToast:w,sectionId:r}),prefix:z==="small"?null:t.jsx(Co,{children:t.jsx(To,{})}),value:W.id,defaultChecked:!1,groupLabel:!1}})],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:k,draggable:!0})})]})},lo=o.div`
+`,{common:Le,dateFormat:ro,taskManagement:Me}=oe.getLocalizedStrings(),dt={taskNameMaxWidth:new Je(125,170,170,250,300)},ao=({taskDetail:e,tagList:u,sectionId:a,onRowClick:h,onTimeSpentUpdate:m,onShowToast:p})=>{const r=le(),c=e.assigneeUsers.length,i=e.assigneeUsers[0]?.user,d=i?.firstName||i?.lastName?`${i.firstName} ${i.lastName}`:i?.email??Le.strings.empty,{getValues:C,resetField:S,getFieldState:E}=tt(),M=(k,f)=>{const w=Re(k,f,fe);E(w).invalid?S(w):m(e,{timeSpent:C(w)})};return t.jsxs(co,{children:[t.jsxs($o,{windowSize:r,onClick:h,responsiveWidth:X[0].width,children:[t.jsxs(yo,{windowSize:r,children:[t.jsx(vo,{isIconPresent:e.type.code==="recurring",windowSize:r,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(jo,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(bo,{windowSize:r,responsiveWidth:X[0].width,children:t.jsx(So,{windowSize:r,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ve,{windowSize:r,responsiveWidth:X[1].width,children:Ae(e.status.code)}),t.jsx(Io,{windowSize:r,responsiveWidth:X[2].width,children:Ae(e.priority.code)}),t.jsx(Eo,{windowSize:r,responsiveWidth:X[3].width,children:e.dueDate!=null?e.dueDate.format(ro.visual.MMMDCommaYYYYformat):t.jsx(po,{children:Le.strings.hyphen})}),t.jsx(Ve,{windowSize:r,responsiveWidth:X[4].width,children:c>0?t.jsxs(uo,{children:[t.jsx(os,{personBasic:i,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Go,{children:t.jsx(Lo,{children:d})}),c>1?t.jsx(ho,{children:`${Le.strings.plus}${c-1}`}):null]}):null}),t.jsx(Mo,{windowSize:r,responsiveWidth:X[5].width,children:e.tagIds.length>0?t.jsx(No,{children:ts(e.tagIds,u)}):null}),t.jsx(zo,{windowSize:r,responsiveWidth:X[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Bo,{className:"timeSpentField",children:t.jsx(Yt,{name:Re(a,e.id,fe),placeholder:Me.common.timeSpentPlaceholder,timeSpentFormat:Me.common.timeSpentFormat,registerOptions:{validate:k=>Q.convertHHMMStrToMinutes(k)>Zt?(p({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{M(a,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},io=({taskGroup:e,tagList:u,sectionId:a,showGroupName:h,showRenameTextField:m,isSelectionAllowed:p,isCollapsed:r,existingTaskGroupNamesByGroupId:c,onDeleteTaskGroup:i,onExpandAll:d,onCollapseAll:C,onAddNewTaskToTaskGroup:S,onCollapseToggle:E,onTaskManagementRowClick:M,onDragStart:k,onTimeSpentUpdate:f,onShowToast:w})=>{const[D,z]=n.useState(null),B=le(),{setFocus:$}=tt(),x=n.useCallback(()=>{E(e.id)},[E,e.id]),j=n.useCallback(W=>{z(W.currentTarget)},[]),y=n.useCallback(()=>{z(null)},[]),L=n.useCallback(()=>{S(e.id)},[S,e.id]),g=n.useCallback(()=>{z(null),i(e.id)},[i,e.id]),b=n.useCallback(()=>{$(`${a}.groupName`),y()},[y,a,$]);return t.jsxs(lo,{windowSize:B,children:[t.jsx(U,{controller:h,children:t.jsxs(mo,{children:[t.jsxs(go,{children:[t.jsx(ko,{isOpen:r===!1,onClick:x,children:t.jsx(xo,{})}),t.jsx(Mt,{style:{textAlign:"start",width:"100%",background:"unset",...Dt.largeMedium.cssObject},type:"text",name:`${a}.groupName`,placeholder:Me.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:W=>Jt(W,e.id,c)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(wo,{onClick:j,children:t.jsx(fo,{})}),t.jsx(Qt,{onClose:y,onAddTask:L,onCollapseAll:C,onDelete:g,onExpandAll:d,onRename:b,isDefault:e.isDefault,anchorEl:D})]})}),t.jsx(U,{controller:r===!1,children:t.jsx(ss,{mode:"checked_or_hover",isDisabled:p===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(W=>{const V=()=>{M(W.id)};return{label:t.jsx(ao,{taskDetail:W,onRowClick:V,tagList:u,onTimeSpentUpdate:f,onShowToast:w,sectionId:a}),prefix:B==="small"?null:t.jsx(Co,{children:t.jsx(To,{})}),value:W.id,defaultChecked:!1,groupLabel:!1}})],name:`${a}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:k,draggable:!0})})]})},lo=o.div`
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -256,7 +256,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   width: 100%;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.theme.mode==="dark"?`${Re.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${Re.dropShadowNormalLight}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${ze.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${ze.dropShadowNormalLight}`};
   border-radius: ${s.sp2};
   cursor: pointer;
   &:hover {
@@ -285,7 +285,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   flex-direction: row;
   align-items: center;
   color: ${e=>e.theme.colors.hero};
-`,ho=o(Zt)`
+`,ho=o(At)`
   border: 1px solid ${e=>e.theme.colors.hero};
   width: calc(${s.sp3} + ${s.sp1});
   height: calc(${s.sp3} + ${s.sp1});
@@ -311,13 +311,13 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   color: ${e=>e.theme.colors.primary};
 `,wo=o.div`
   cursor: pointer;
-`,fo=o(Vt)`
+`,fo=o(zt)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,Co=o.div`
   padding-left: ${s.sp3};
   cursor: grab;
-`,To=o(Ht)`
+`,To=o(es)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,$o=o.div`
@@ -351,7 +351,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`,jo=o(qt)`
+`,jo=o(Bt)`
   display: flex;
   align-items: center;
   margin-left: ${s.sp1};
@@ -375,7 +375,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   flex-direction: row;
   align-items: center;
   column-gap: ${s.sp2};
-`,Ue=o.div`
+`,Ve=o.div`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   overflow: hidden;
@@ -419,7 +419,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
 `,Do=o.div`
   width: inherit;
   position: relative;
-`,Bo=o(Do)`
+`,zo=o(Do)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
@@ -428,12 +428,12 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   align-items: center;
   justify-content: flex-end;
   column-gap: ${s.sp2};
-`,zo=o.div`
+`,Bo=o.div`
   max-width: ${s.sp11};
-`,Ao=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"})),V=oe.getLocalizedStrings(),_e=e=>`${e}_form`,Ro={rowGap:new Je(ke[0],ke[5],ke[5])},{common:{footer:Ke},taskManagement:Ne}=oe.getLocalizedStrings(),xn=({taskListView:e,tagListView:u,isTaskTemplatesEnabled:r,onCreateTagClick:h,updateTask:m,onDragNDrop:p,onDeleteTaskGroup:a,updateLocalData:c,onTaskManagementRowClick:i,onReloadTasks:d,onColumnSortConfigChanged:C,onSearchTextChanged:S,onBackClick:E,onNewTaskClick:M,onFiltersChange:k,resetLocalData:f,handleCreateGroup:w,assignGroupToTasks:D,onAddNewTaskToTaskGroup:B,onGroupByFilterChange:z,onTaskGroupRename:$,analytics:x,onTimeSpentUpdate:j,onShowToast:y,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,handleNewTaskInitialization:b})=>{const[W,U]=n.useState(!1),[ee,O]=n.useState(null),[P,ne]=n.useState(null),[q,ue]=n.useState(null),[Ce,de]=n.useState(null),[he,ae]=n.useState(!1),Te=ht(),{fetchState:te,uiState:Z,filters:$e,userList:ce,taskGroupsWithTasksList:ye}=e,{tagList:be}=u,ve=qe(),Se=R=>{ae(R)},me=n.useCallback(R=>{de(R.currentTarget)},[]),ge=n.useCallback(R=>{z(R)},[z]),l=n.useCallback(()=>{z("groupName")},[z]),G=n.useCallback(R=>{b(R)},[b]),F=ce.users.map(R=>R.user).filter(R=>R!=null),N={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:V.common.create,isSearchOpen:he,searchPlaceHolder:V.taskManagement.taskList.searchPlaceHolder,searchText:Z.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:$e,searchTextBoxStyle:{right:"108px"},onNewButtonClick:me,onSearchOpen:Se,onSearchTextChanged:S,onFiltersChange:k,analytics:x,downloadState:"Not-Started",createdByUserListLoaded:ce.fetchState==="Completed"||ce.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(ps,{value:Z.groupByKey,resetDisabled:Z.groupByKey==="groupName",onChange:ge,onReset:l}),height:90},getFilterOptions:()=>os("task_management",F,Te.loggedInUserRole??[],u.tagList)},I=n.useCallback(R=>{de(null),O(Y),c({...e.localData,newTaskGroupName:R})},[e.localData,c]),A=n.useCallback(()=>{de(null)},[]),v=n.useCallback(()=>{P!=null&&a(P)},[P,a]),T=n.useCallback(()=>{O(Y)},[]),se=n.useCallback(R=>{ue(ut=>ut===R?null:R)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&U(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&ue(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const ct=()=>te==="Error"?t.jsxs(Uo,{children:[t.jsx(_o,{onClick:d,children:t.jsx(Ko,{})}),t.jsx(Yo,{children:V.common.reloadPage.label})]}):te==="Completed"&&ye.length===0?t.jsx(xt,{message:V.taskManagement.taskList.noDataText}):te==="Not-Started"||te==="In-Progress"?t.jsx(wt,{fetchState:te}):t.jsx(Wo,{taskListView:e,tagList:be,renameActiveField:ee,updateTask:m,onDragNDrop:p,onAddNewTaskToTaskGroup:B,onColumnSortConfigChanged:C,onTaskManagementRowClick:i,assignGroupToTasks:D,handleCreateGroup:w,resetLocalData:f,setGroupCreationInProgress:T,setShowDeleteModal:U,updateLocalData:c,setActiveTaskGroupId:ne,setRenameActiveField:O,onTaskGroupRename:$,onTimeSpentUpdate:j,onShowToast:y,onCreateTagClick:h}),pt=t.jsx(Jt,{spendManagementSectionProps:N});return t.jsxs(Ho,{children:[t.jsx(mt,{title:V.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:ve.colors.grey4,style:{zIndex:3},onBackClick:E,rightSideComponent:pt,isSearchOpen:he,source:"TaskManagementPage"}),t.jsx(Ms,{anchorEl:Ce,groupByKey:Z.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:A,onNewTaskClick:M,onNewGroupClick:I,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,onNewTaskInitialization:G,onExpandTemplate:se,expandedTemplate:q}),t.jsx(Vo,{children:ct()}),t.jsx(H,{controller:W===!0,children:t.jsx(gt,{action:{onOkClick:v,onCancelClick:()=>{U(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:V.common.cancel,primaryButtonText:V.common.confirm,titleComponent:t.jsx(Qo,{children:t.jsx(kt,{children:V.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(en,{children:t.jsx(K,{children:V.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Wo=({taskListView:e,tagList:u,renameActiveField:r,updateTask:h,onTaskGroupRename:m,setRenameActiveField:p,onDragNDrop:a,updateLocalData:c,setShowDeleteModal:i,handleCreateGroup:d,resetLocalData:C,assignGroupToTasks:S,setGroupCreationInProgress:E,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,setActiveTaskGroupId:w,onTimeSpentUpdate:D,onShowToast:B,onCreateTagClick:z})=>{const $=n.useRef(null),[x,j]=n.useState(null),y=n.useRef({}),L=le(),{localData:g,taskGroupsWithTasksList:b,uiState:W}=e,[U,ee]=n.useState([]),O=n.useRef(null);ls({scrollContainerRef:O,isEnabled:L!=="small"});const P=n.useMemo(()=>e.userList.users.map(l=>l.user).filter(l=>l!=null),[e.userList.users]),ne=Tt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u]),values:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u])}),q=n.useMemo(()=>{if(r!==Y)return b;const l=[],G=b.map(F=>{const N=F.tasks.filter(I=>{const A=g.selectedTaskIds.includes(I.id)===!0;return A&&l.push(I),A===!1});return{...F,tasks:N}});return G.unshift({groupName:"",isDefault:!1,id:Y,tasks:l}),G},[r,b,g.selectedTaskIds]),ue=n.useCallback(l=>U.includes(q[l].id)||q[l].tasks.length===0?100:y.current?.[l]!=null?y.current[l]+Ro.rowGap.value(L):(Qt*1+es)*3+ts+ss,[U,q,L]),Ce=n.useCallback(l=>{j(l.currentTarget)},[]),de=n.useCallback((l,G)=>{y.current={...y.current,[l]:G},$.current?.resetAfterIndex(0,!0)},[L,$,b]),he=n.useCallback(l=>{ee(G=>G.includes(l)?G.filter(F=>l!==F):[...G,l]),$.current?.resetAfterIndex(0,!0)},[]),ae=n.useCallback(()=>{j(null)},[]),Te=n.useCallback(()=>{ee(b.map(l=>l.id)),$.current?.resetAfterIndex(0,!0)},[b]),te=n.useCallback(()=>{ee([]),$.current?.resetAfterIndex(0,!0)},[]),Z=n.useCallback(()=>{E(),$.current?.scrollTo(0),ae()},[ae,E]),$e=n.useCallback(l=>{w(l),i(!0)},[w,i]),ce=n.useCallback(()=>{g.selectedTaskIds.length>0?r!==Y?Z():d(!0):r===Y?d(!1):r!=null&&m(r,g.existingTaskGroupNamesByGroupId[r])},[g.selectedTaskIds.length,g.existingTaskGroupNamesByGroupId,r,Z,d,m]),ye=n.useCallback(()=>{p(null),C()},[C,p]),be=n.useCallback(l=>{C(),p(l)},[C,p]),ve=n.useCallback(()=>{g.defaultTaskGroupId!=null&&S(g.defaultTaskGroupId)},[S,g.defaultTaskGroupId]),Se=async(l,G)=>{if(l.includes(nt)){const N=l.split(".")[2],I=b.flatMap(v=>v.tasks).find(v=>v.id===N),A=G[_][re][N].priority.selectedOption;if(I!=null&&A!=null){const v=Q.allTaskPriority.find(T=>T.code===A);v!=null&&h(I,{priority:v})}return}if(l.includes(at)){const N=l.split(".")[2],I=b.flatMap(v=>v.tasks).find(v=>v.id===N),A=G[_][re][N].status.selectedOption;if(I!=null&&A!=null){const v=Q.allTaskStatus.find(T=>T.code===A);I!=null&&v!=null&&h(I,{status:v})}return}if(l.includes(st)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].assignees.selectedUsers.map(T=>T.userId);A!=null&&v!=null&&I!=null&&h(I,{assignees:v});return}if(l.includes(ot)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].dueDate.date;A!=null&&v!=null&&I!=null&&h(I,{dueDate:v});return}if(l.includes(tt)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].tags.selectedOptions;A!=null&&v!=null&&I!=null&&h(I,{tagIds:v});return}l.includes(we)&&ne.trigger(l);const F=Po(l,G,g);c(F)};n.useEffect(()=>{const l=ne.watch((G,{name:F})=>{F!=null&&G!=null&&$t(()=>Se(F,G))});return()=>{l.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupUpdateStatus.fetchState]);const me=b.length>1&&g.selectedTaskIds.length>0&&r!==Y,ge=g.newTaskGroupName.length>0||g.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(yt,{...ne,children:t.jsx("form",{id:_e(Be),onSubmit:ne.handleSubmit(ce),style:{width:"100%"},children:t.jsx(qo,{isFooterVisible:ge,windowSize:L,children:t.jsx(bt,{children:({height:l,width:G})=>t.jsx(vt,{ref:$,outerRef:O,height:l,itemCount:q.length,itemSize:ue,estimatedItemSize:jt,itemKey:F=>q[F].id,width:G,overscanCount:St,itemData:{tagList:u,taskGroupsWithTasksList:q,uiState:W,collapsedGroups:U,userList:e.userList,renameActiveField:r,selectedRowIds:g.selectedTaskIds,existingTaskGroupNamesByGroupId:g.existingTaskGroupNamesByGroupId,onRenameClick:be,handleOnDragNDrop:a,onCollapseToggle:he,setRowHeight:de,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,onCollapseAll:Te,onDeleteTaskGroup:$e,onExpandAll:te,onTimeSpentUpdate:D,onShowToast:B,onCreateTagClick:z},initialScrollOffset:0,children:Fo})})})})}),ge?t.jsx(Gt,{formId:_e(Be),primaryBtn:{label:b.length===1&&g.selectedTaskIds.length>0&&r!==Y?Ne.taskList.footer.createGroup:Ke.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Ke.cancel,style:{width:"135px"},onClick:ye},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(H,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsxs(Xo,{children:[t.jsx(lt,{count:g.selectedTaskIds.length}),t.jsx(Jo,{children:g.selectedTaskIds.length>1?Ne.taskList.footer.tasksSelected:Ne.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(H,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsx(sn,{children:t.jsx(Ee,{enterDelay:600,title:V.taskManagement.taskList.footer.ungroup,children:t.jsx(tn,{onClick:ve})})})}),showPrimaryButton:me===!1,customPrimaryButton:me?t.jsxs(t.Fragment,{children:[t.jsx(De,{variant:"secondary",label:V.taskManagement.taskList.footer.moveTo,onClick:Ce,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(ws,{taskGroupsList:b,anchorEl:x,groupByKey:W.groupByKey,onCreateNewGroup:Z,onExistingGroupSelection:l=>{ae(),S(l)},onClose:ae})]}):void 0}):null]})},Fo=({index:e,style:u,data:r})=>{const h=n.useRef(null),m=le(),{tagList:p,taskGroupsWithTasksList:a,uiState:c,renameActiveField:i,collapsedGroups:d,onCollapseToggle:C,onTaskManagementRowClick:S,setRowHeight:E,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,handleOnDragNDrop:B,onRenameClick:z,userList:$,selectedRowIds:x,existingTaskGroupNamesByGroupId:j,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g}=r;n.useEffect(()=>{h.current?.firstElementChild!=null&&E(e,h.current.firstElementChild.clientHeight)},[e,h,m,a[e]?.tasks]);const b=n.useCallback(O=>{const P=O.dataTransfer.getData("row");B(P,a[e].id)},[B,e,a]),W=n.useCallback(O=>{O.preventDefault()},[]),U=(O,P)=>{O.dataTransfer.setData("row",P)},ee=()=>{z(a[e].id)};return t.jsx(Zo,{style:{...u,width:"100%"},ref:h,onDrop:b,onDragOver:W,children:t.jsx(Oo,{taskGroup:a[e],showGroupName:!0,tagList:p,uiState:c,isCollapsed:d.includes(a[e].id),onCollapseToggle:C,showRenameTextField:i===a[e].id,isSelectionAllowed:i==null,onTaskManagementRowClick:S,onColumnSortConfigChanged:M,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,selectedRowIds:x,userList:$,existingTaskGroupNamesByGroupId:j,onDragStart:U,onRenameClick:ee,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g},a[e].id)})},Oo=({taskGroup:e,tagList:u,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,userList:i,existingTaskGroupNamesByGroupId:d,onRenameClick:C,onTaskManagementRowClick:S,onCollapseToggle:E,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,onDragStart:B,onTimeSpentUpdate:z,onShowToast:$,onCreateTagClick:x})=>{const j=le(),y=j==="medium-regular"||j==="medium-compact"||j==="small"?io:At;return t.jsx(y,{taskGroup:e,tagList:u,userList:i,sectionId:_,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,existingTaskGroupNamesByGroupId:d,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,onCollapseToggle:E,onTaskManagementRowClick:S,onColumnSortConfigChanged:M,onDragStart:B,onRenameClick:C,onTimeSpentUpdate:z,onShowToast:$,onCreateTagClick:x})},Ye=(e,u,r,h)=>{const m={},p={};e.forEach(c=>{p[c.id]={[xe]:[],[pe]:u.existingTaskGroupNamesByGroupId[c.id]},c.tasks.forEach(i=>{u.selectedTaskIds.includes(i.id)&&p[c.id].selectedIds.push(i.id),m[i.id]={[at]:{selectedOption:i.status.code,allOptions:Q.allTaskStatus.map(d=>({label:d.name,value:d.code}))},[nt]:{selectedOption:i.priority.code,allOptions:Q.allTaskPriority.map(d=>({label:d.name,value:d.code}))},[ot]:{date:i.dueDate,showBusinessDay:!1},[st]:{allUsers:r,selectedUsers:i.assigneeUsers.map(d=>d.user)},[tt]:{allOptions:Nt(h),selectedOptions:i.tagIds},[we]:i.timeSpent}})});const a={[rt]:{[Y]:{[pe]:u.newTaskGroupName,[xe]:[]},...p},[re]:m};return{[_]:a}},Po=(e,u,r)=>{if(e.includes(_)){const h=e.split(".")[2];if(e.includes(pe))return e.includes(Y)?{...r,newTaskGroupName:u[_].groupData[h][pe]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[h]:u[_].groupData[h][pe]}};if(e.includes(xe)){const m=Bt(zt(Object.values(u[_][rt]),xe)).filter(p=>p!==V.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:m}}}return r},Vo=o.div`
+`,Ao=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"})),H=oe.getLocalizedStrings(),_e=e=>`${e}_form`,Ro={rowGap:new Je(ke[0],ke[5],ke[5])},{common:{footer:Ke},taskManagement:Ne}=oe.getLocalizedStrings(),Wn=({taskListView:e,tagListView:u,isTaskTemplatesEnabled:a,onCreateTagClick:h,updateTask:m,onDragNDrop:p,onDeleteTaskGroup:r,updateLocalData:c,onTaskManagementRowClick:i,onReloadTasks:d,onColumnSortConfigChanged:C,onSearchTextChanged:S,onBackClick:E,onNewTaskClick:M,onFiltersChange:k,resetLocalData:f,handleCreateGroup:w,assignGroupToTasks:D,onAddNewTaskToTaskGroup:z,onGroupByFilterChange:B,onTaskGroupRename:$,analytics:x,onTimeSpentUpdate:j,onShowToast:y,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,handleNewTaskInitialization:b})=>{const[W,V]=n.useState(!1),[ee,F]=n.useState(null),[P,ne]=n.useState(null),[Y,ue]=n.useState(null),[Ce,de]=n.useState(null),[he,re]=n.useState(!1),Te=ht(),{fetchState:te,uiState:Z,filters:$e,userList:ce,taskGroupsWithTasksList:ye}=e,{tagList:be}=u,ve=Ye(),Se=R=>{re(R)},me=n.useCallback(R=>{de(R.currentTarget)},[]),ge=n.useCallback(R=>{B(R)},[B]),l=n.useCallback(()=>{B("groupName")},[B]),G=n.useCallback(R=>{b(R)},[b]),O=ce.users.map(R=>R.user).filter(R=>R!=null),N={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:H.common.create,isSearchOpen:he,searchPlaceHolder:H.taskManagement.taskList.searchPlaceHolder,searchText:Z.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:$e,searchTextBoxStyle:{right:"108px"},onNewButtonClick:me,onSearchOpen:Se,onSearchTextChanged:S,onFiltersChange:k,analytics:x,downloadState:"Not-Started",createdByUserListLoaded:ce.fetchState==="Completed"||ce.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(ps,{value:Z.groupByKey,resetDisabled:Z.groupByKey==="groupName",onChange:ge,onReset:l}),height:90},getFilterOptions:()=>Vt("task_management",O,Te.loggedInUserRole??[],u.tagList)},I=n.useCallback(R=>{de(null),F(q),c({...e.localData,newTaskGroupName:R})},[e.localData,c]),A=n.useCallback(()=>{de(null)},[]),v=n.useCallback(()=>{P!=null&&r(P)},[P,r]),T=n.useCallback(()=>{F(q)},[]),se=n.useCallback(R=>{ue(ut=>ut===R?null:R)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&V(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{a&&e.taskGroupTemplates.length>0&&ue(e.taskGroupTemplates[0].id)},[a,e.taskGroupTemplates]);const ct=()=>te==="Error"?t.jsxs(Vo,{children:[t.jsx(_o,{onClick:d,children:t.jsx(Ko,{})}),t.jsx(qo,{children:H.common.reloadPage.label})]}):te==="Completed"&&ye.length===0?t.jsx(xt,{message:H.taskManagement.taskList.noDataText}):te==="Not-Started"||te==="In-Progress"?t.jsx(Rt,{fetchState:te}):t.jsx(Wo,{taskListView:e,tagList:be,renameActiveField:ee,updateTask:m,onDragNDrop:p,onAddNewTaskToTaskGroup:z,onColumnSortConfigChanged:C,onTaskManagementRowClick:i,assignGroupToTasks:D,handleCreateGroup:w,resetLocalData:f,setGroupCreationInProgress:T,setShowDeleteModal:V,updateLocalData:c,setActiveTaskGroupId:ne,setRenameActiveField:F,onTaskGroupRename:$,onTimeSpentUpdate:j,onShowToast:y,onCreateTagClick:h}),pt=t.jsx(Ot,{spendManagementSectionProps:N});return t.jsxs(Uo,{children:[t.jsx(mt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:ve.colors.grey4,style:{zIndex:3},onBackClick:E,rightSideComponent:pt,isSearchOpen:he,source:"TaskManagementPage"}),t.jsx(Ms,{anchorEl:Ce,groupByKey:Z.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:a,onClose:A,onNewTaskClick:M,onNewGroupClick:I,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,onNewTaskInitialization:G,onExpandTemplate:se,expandedTemplate:Y}),t.jsx(Ho,{children:ct()}),t.jsx(U,{controller:W===!0,children:t.jsx(gt,{action:{onOkClick:v,onCancelClick:()=>{V(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:H.common.cancel,primaryButtonText:H.common.confirm,titleComponent:t.jsx(Qo,{children:t.jsx(kt,{children:H.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(en,{children:t.jsx(K,{children:H.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Wo=({taskListView:e,tagList:u,renameActiveField:a,updateTask:h,onTaskGroupRename:m,setRenameActiveField:p,onDragNDrop:r,updateLocalData:c,setShowDeleteModal:i,handleCreateGroup:d,resetLocalData:C,assignGroupToTasks:S,setGroupCreationInProgress:E,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,setActiveTaskGroupId:w,onTimeSpentUpdate:D,onShowToast:z,onCreateTagClick:B})=>{const $=n.useRef(null),[x,j]=n.useState(null),y=n.useRef({}),L=le(),{localData:g,taskGroupsWithTasksList:b,uiState:W}=e,[V,ee]=n.useState([]),F=n.useRef(null);ls({scrollContainerRef:F,isEnabled:L!=="small"});const P=n.useMemo(()=>e.userList.users.map(l=>l.user).filter(l=>l!=null),[e.userList.users]),ne=Ct({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>qe(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u]),values:n.useMemo(()=>qe(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u])}),Y=n.useMemo(()=>{if(a!==q)return b;const l=[],G=b.map(O=>{const N=O.tasks.filter(I=>{const A=g.selectedTaskIds.includes(I.id)===!0;return A&&l.push(I),A===!1});return{...O,tasks:N}});return G.unshift({groupName:"",isDefault:!1,id:q,tasks:l}),G},[a,b,g.selectedTaskIds]),ue=n.useCallback(l=>V.includes(Y[l].id)||Y[l].tasks.length===0?100:y.current?.[l]!=null?y.current[l]+Ro.rowGap.value(L):(Ft*1+Pt)*3+Ht+Ut,[V,Y,L]),Ce=n.useCallback(l=>{j(l.currentTarget)},[]),de=n.useCallback((l,G)=>{y.current={...y.current,[l]:G},$.current?.resetAfterIndex(0,!0)},[L,$,b]),he=n.useCallback(l=>{ee(G=>G.includes(l)?G.filter(O=>l!==O):[...G,l]),$.current?.resetAfterIndex(0,!0)},[]),re=n.useCallback(()=>{j(null)},[]),Te=n.useCallback(()=>{ee(b.map(l=>l.id)),$.current?.resetAfterIndex(0,!0)},[b]),te=n.useCallback(()=>{ee([]),$.current?.resetAfterIndex(0,!0)},[]),Z=n.useCallback(()=>{E(),$.current?.scrollTo(0),re()},[re,E]),$e=n.useCallback(l=>{w(l),i(!0)},[w,i]),ce=n.useCallback(()=>{g.selectedTaskIds.length>0?a!==q?Z():d(!0):a===q?d(!1):a!=null&&m(a,g.existingTaskGroupNamesByGroupId[a])},[g.selectedTaskIds.length,g.existingTaskGroupNamesByGroupId,a,Z,d,m]),ye=n.useCallback(()=>{p(null),C()},[C,p]),be=n.useCallback(l=>{C(),p(l)},[C,p]),ve=n.useCallback(()=>{g.defaultTaskGroupId!=null&&S(g.defaultTaskGroupId)},[S,g.defaultTaskGroupId]),Se=async(l,G)=>{if(l.includes(rt)){const N=l.split(".")[2],I=b.flatMap(v=>v.tasks).find(v=>v.id===N),A=G[_][ae][N].priority.selectedOption;if(I!=null&&A!=null){const v=Q.allTaskPriority.find(T=>T.code===A);v!=null&&h(I,{priority:v})}return}if(l.includes(at)){const N=l.split(".")[2],I=b.flatMap(v=>v.tasks).find(v=>v.id===N),A=G[_][ae][N].status.selectedOption;if(I!=null&&A!=null){const v=Q.allTaskStatus.find(T=>T.code===A);I!=null&&v!=null&&h(I,{status:v})}return}if(l.includes(ot)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][ae][N].assignees.selectedUsers.map(T=>T.userId);A!=null&&v!=null&&I!=null&&h(I,{assignees:v});return}if(l.includes(nt)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][ae][N].dueDate.date;A!=null&&v!=null&&I!=null&&h(I,{dueDate:v});return}if(l.includes(st)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][ae][N].tags.selectedOptions;A!=null&&v!=null&&I!=null&&h(I,{tagIds:v});return}l.includes(fe)&&ne.trigger(l);const O=Po(l,G,g);c(O)};n.useEffect(()=>{const l=ne.watch((G,{name:O})=>{O!=null&&G!=null&&Tt(()=>Se(O,G))});return()=>{l.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupUpdateStatus.fetchState]);const me=b.length>1&&g.selectedTaskIds.length>0&&a!==q,ge=g.newTaskGroupName.length>0||g.selectedTaskIds.length>0||a!==null;return t.jsxs(t.Fragment,{children:[t.jsx($t,{...ne,children:t.jsx("form",{id:_e(Be),onSubmit:ne.handleSubmit(ce),style:{width:"100%"},children:t.jsx(Yo,{isFooterVisible:ge,windowSize:L,children:t.jsx(yt,{children:({height:l,width:G})=>t.jsx(bt,{ref:$,outerRef:F,height:l,itemCount:Y.length,itemSize:ue,estimatedItemSize:Kt,itemKey:O=>Y[O].id,width:G,overscanCount:_t,itemData:{tagList:u,taskGroupsWithTasksList:Y,uiState:W,collapsedGroups:V,userList:e.userList,renameActiveField:a,selectedRowIds:g.selectedTaskIds,existingTaskGroupNamesByGroupId:g.existingTaskGroupNamesByGroupId,onRenameClick:be,handleOnDragNDrop:r,onCollapseToggle:he,setRowHeight:de,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,onCollapseAll:Te,onDeleteTaskGroup:$e,onExpandAll:te,onTimeSpentUpdate:D,onShowToast:z,onCreateTagClick:B},initialScrollOffset:0,children:Oo})})})})}),ge?t.jsx(vt,{formId:_e(Be),primaryBtn:{label:b.length===1&&g.selectedTaskIds.length>0&&a!==q?Ne.taskList.footer.createGroup:Ke.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Ke.cancel,style:{width:"135px"},onClick:ye},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(U,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsxs(Xo,{children:[t.jsx(lt,{count:g.selectedTaskIds.length}),t.jsx(Jo,{children:g.selectedTaskIds.length>1?Ne.taskList.footer.tasksSelected:Ne.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(U,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsx(sn,{children:t.jsx(Ee,{enterDelay:600,title:H.taskManagement.taskList.footer.ungroup,children:t.jsx(tn,{onClick:ve})})})}),showPrimaryButton:me===!1,customPrimaryButton:me?t.jsxs(t.Fragment,{children:[t.jsx(De,{variant:"secondary",label:H.taskManagement.taskList.footer.moveTo,onClick:Ce,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(ws,{taskGroupsList:b,anchorEl:x,groupByKey:W.groupByKey,onCreateNewGroup:Z,onExistingGroupSelection:l=>{re(),S(l)},onClose:re})]}):void 0}):null]})},Oo=({index:e,style:u,data:a})=>{const h=n.useRef(null),m=le(),{tagList:p,taskGroupsWithTasksList:r,uiState:c,renameActiveField:i,collapsedGroups:d,onCollapseToggle:C,onTaskManagementRowClick:S,setRowHeight:E,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,handleOnDragNDrop:z,onRenameClick:B,userList:$,selectedRowIds:x,existingTaskGroupNamesByGroupId:j,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g}=a;n.useEffect(()=>{h.current?.firstElementChild!=null&&E(e,h.current.firstElementChild.clientHeight)},[e,h,m,r[e]?.tasks]);const b=n.useCallback(F=>{const P=F.dataTransfer.getData("row");z(P,r[e].id)},[z,e,r]),W=n.useCallback(F=>{F.preventDefault()},[]),V=(F,P)=>{F.dataTransfer.setData("row",P)},ee=()=>{B(r[e].id)};return t.jsx(Zo,{style:{...u,width:"100%"},ref:h,onDrop:b,onDragOver:W,children:t.jsx(Fo,{taskGroup:r[e],showGroupName:!0,tagList:p,uiState:c,isCollapsed:d.includes(r[e].id),onCollapseToggle:C,showRenameTextField:i===r[e].id,isSelectionAllowed:i==null,onTaskManagementRowClick:S,onColumnSortConfigChanged:M,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,selectedRowIds:x,userList:$,existingTaskGroupNamesByGroupId:j,onDragStart:V,onRenameClick:ee,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g},r[e].id)})},Fo=({taskGroup:e,tagList:u,showGroupName:a,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:r,selectedRowIds:c,userList:i,existingTaskGroupNamesByGroupId:d,onRenameClick:C,onTaskManagementRowClick:S,onCollapseToggle:E,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,onDragStart:z,onTimeSpentUpdate:B,onShowToast:$,onCreateTagClick:x})=>{const j=le(),y=j==="medium-regular"||j==="medium-compact"||j==="small"?io:Xt;return t.jsx(y,{taskGroup:e,tagList:u,userList:i,sectionId:_,showGroupName:a,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:r,selectedRowIds:c,existingTaskGroupNamesByGroupId:d,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,onCollapseToggle:E,onTaskManagementRowClick:S,onColumnSortConfigChanged:M,onDragStart:z,onRenameClick:C,onTimeSpentUpdate:B,onShowToast:$,onCreateTagClick:x})},qe=(e,u,a,h)=>{const m={},p={};e.forEach(c=>{p[c.id]={[we]:[],[pe]:u.existingTaskGroupNamesByGroupId[c.id]},c.tasks.forEach(i=>{u.selectedTaskIds.includes(i.id)&&p[c.id].selectedIds.push(i.id),m[i.id]={[at]:{selectedOption:i.status.code,allOptions:Q.allTaskStatus.map(d=>({label:d.name,value:d.code}))},[rt]:{selectedOption:i.priority.code,allOptions:Q.allTaskPriority.map(d=>({label:d.name,value:d.code}))},[nt]:{date:i.dueDate,showBusinessDay:!1},[ot]:{allUsers:a,selectedUsers:i.assigneeUsers.map(d=>d.user)},[st]:{allOptions:qt(h),selectedOptions:i.tagIds},[fe]:i.timeSpent}})});const r={[it]:{[q]:{[pe]:u.newTaskGroupName,[we]:[]},...p},[ae]:m};return{[_]:r}},Po=(e,u,a)=>{if(e.includes(_)){const h=e.split(".")[2];if(e.includes(pe))return e.includes(q)?{...a,newTaskGroupName:u[_].groupData[h][pe]}:{...a,existingTaskGroupNamesByGroupId:{...a.existingTaskGroupNamesByGroupId,[h]:u[_].groupData[h][pe]}};if(e.includes(we)){const m=It(Et(Object.values(u[_][it]),we)).filter(p=>p!==H.common.all.toLocaleLowerCase());return{...a,selectedTaskIds:m}}}return a},Ho=o.div`
   display: block;
   height: 100%;
-`,Ho=o.div`
+`,Uo=o.div`
   width: 100%;
   height: 100vh;
   display: flex;
@@ -441,7 +441,7 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   row-gap: ${s.sp4};
   background-color: ${e=>e.theme.colors.grey4};
   overflow: hidden;
-`,Uo=o.div`
+`,Vo=o.div`
   display: flex;
   width: 100%;
   height: calc(100% - 60px);
@@ -464,10 +464,10 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Yo=o(Ct)`
+`,qo=o(ft)`
   margin-top: ${s.sp3};
   color: ${e=>e.theme.colors.hero};
-`,qo=o.div`
+`,Yo=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%;
@@ -505,4 +505,4 @@ import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s
   align-items: center;
   justify-content: flex-end;
   padding-right: ${s.sp6};
-`;export{xn as default,_e as uniqueFormName};
+`;export{Wn as default,_e as uniqueFormName};

package/dist/assets/TaskManagerPage-Dye8P0ua-jLCJwLcT.js

@@ -0,0 +1,176 @@
+import{B as ke,j as r,K as ne,i as fe,F as Q,o as a,cp as me,x as D,aj as Te,cH as $e,bT as Ce,cu as X,l as re,cv as ve,cw as se,cx as ie,C as Se,$ as pe,k as J,S as be,O as Ie,bX as je,n as Ae,cB as Oe,bK as Re,b_ as Ee}from"./index-D9zAXs3-.js";import{b as c,n as y,i as Y}from"./vendor-Bs1fkIUX.js";import{$ as Me}from"./EmptySearchResults-CB9-FwYT-DCczU5qh.js";import{j as ze,h as oe}from"./ReloadContainer-fx3kImdJ-D2lKf-Yd.js";import{b as Le,o as ae,n as De,r as Ne,s as Pe}from"./cockpitConstants-CT7OARAT-C430UcjZ.js";import{N as Ke}from"./NavHeader-9VET6uub-DBlTa1KF.js";import{d as de}from"./ZeniAvatar-Cendj_Bv-Dp3oXY0H.js";import{g as Be,a as Ve,S as We}from"./TaskDetailPage-aleDjLBo-DJGRUSEM.js";import{d as qe}from"./TaskListRow-xLyzXOYn-CLZGelcY.js";import{d as Fe,l as ee,T as N}from"./cockpitHelpers-CSVzBgeI-BARdDEyf.js";import"./mui-Ty75qFQF.js";import"./analytics-CBL_L82S.js";import"./routing-lj7oVq6C.js";import"./sentry-BE5FTzpq.js";import"./redux-CEhZD0hA.js";import"./liveblocks-C2xecagE.js";import"./crypto-DPjkCRYF.js";import"./MatchingOperatorDropdown-C5zSNKmV-DBpzsPUC.js";import"./filter-cZIFUNvj-B9dfJXS9.js";import"./ZeniDatePicker-El_phkQ0-z80YcUbm.js";import"./zeniDatePicker.helpers-Bv0wGqkO-0jS7nOtw.js";import"./avatar-Dz7aEm3d-D64JGSQG.js";import"./LabeledSingleSelectField-nPVDbcr0-DXhzL0iF.js";import"./MoreMenuButton-Cj6SIPVt-CYCCFBqM.js";import"./dollar-round-D18u7nlm-CXc5TAek.js";import"./money-2cg1MuG4-BaDu1jFd.js";import"./page-summary-D7_VQHwN-DEY33DNc.js";import"./hyperlink-DQyCeXx2-ChMvASRu.js";import"./UserMultiSelectField-UsIy6n-8-DdaF7B7O.js";import"./ZeniDatePickerField-3DaqcxMB-QK1YG1pI.js";import"./LabeledGroupedCheckBoxField-DLSgfRui-CIvqEp4U.js";import"./ControlledCheckBoxField-BIqM2o6X-Ml88Uf7U.js";import"./add-C0nqJFLa-C2eApjPK.js";import"./common-CU4uS1La-DdHnWUCD.js";import"./calculateSize-BUfcd-gF-DqmEdKsX.js";const le=Q.getLocalizedStrings().cockpit.taskManager.header,{common:U}=Q.getLocalizedStrings(),H=[{key:"name",value:U.texts.name,sortOrder:"ascending",width:new D(176,176),isThreadAllowed:!0},{key:"taskName",value:le.taskName,sortOrder:"ascending",width:new D(320,320),isThreadAllowed:!0},{key:"status",value:U.texts.status,sortOrder:"ascending",width:new D(100,100),isThreadAllowed:!0},{key:"priority",value:U.texts.priority,sortOrder:"ascending",width:new D(90,90),isThreadAllowed:!0},{key:"dueDate",value:U.texts.dueDate,sortOrder:"ascending",width:new D(100,100),isThreadAllowed:!0},{key:"assignee",value:U.texts.assignee,sortOrder:"ascending",width:new D(220,220),isThreadAllowed:!0},{key:"tags",value:le.tags,sortOrder:"ascending",width:new D(115,115),isThreadAllowed:!0},{key:"createdBy",value:U.texts.createdBy,sortOrder:"ascending",width:new D(140,140),isThreadAllowed:!0}];H.map(e=>e.key);function He({sortConfig:e,onColumnSortConfigChanged:n}){const o=ne(),[u,h]=c.useState(be(H));c.useEffect(()=>{const s=[...u];for(const d of s)d.key===e.sortKey?d.sortOrder=e.sortOrder:d.sortOrder="ascending";h(s)},[e.sortKey,e.sortOrder]);const g=(s,d)=>{let S=d;e.sortKey===s&&(S=d==="ascending"?"descending":"ascending"),n(s,S)};return r.jsx(Ye,{height:Pe,children:u.map(s=>r.jsxs(_e,{sortDataValue:e.sortKey,actualDataValue:s.key,wrapperWidth:s.width,windowSize:o,children:[r.jsxs(Ze,{onClick:()=>g(re.toTaskManagerSortKeyType(s.key),s.sortOrder),children:[r.jsx(Ie,{children:s.value}),r.jsx(Ue,{sortDataValue:e.sortKey,headerdata:s,children:r.jsx(je,{width:12,height:12})})]}),r.jsx(Xe,{isVisible:e.sortKey===s.key&&s.key!=="dueDate",children:r.jsx(Ge,{onClick:()=>g("dueDate","ascending")})})]},s.key))})}const Ue=y.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"?Y`
+          padding-top: 2px;
+        `:Y`
+          padding-bottom: 2px;
+        `};
+`,Ye=y(pe)`
+  top: 0;
+  left: 0;
+  width: fit-content;
+  min-width: 100%;
+  z-index: 6;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: ${e=>e.theme.colors.grey4};
+  box-sizing: border-box;
+  padding: ${a.sp3} ${a.sp4} ${a.sp3} ${a.sp4};
+  position: sticky;
+  color: ${e=>e.theme.colors.grey1};
+`,_e=y.div`
+  color: ${e=>e.sortDataValue===e.actualDataValue?e.theme.colors.primary:e.theme.colors.grey1};
+  width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
+  max-width: ${e=>e.wrapperWidth.valuePx(e.windowSize)};
+  background-color: ${e=>e.theme.colors.grey4};
+  left: ${a.sp0};
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  box-sizing: border-box;
+  position: static;
+  z-index: 0;
+  ${e=>e.actualDataValue==="companyName"?Y`
+          padding-left: ${a.sp4};
+          flex: 1 1 auto;
+        `:Y`
+          padding-left: ${a.sp0};
+        `};
+`,Ge=y(Ee)`
+  width: 12px;
+  height: 12px;
+  cursor: pointer;
+`,Xe=y.div`
+  visibility: ${e=>e.isVisible?"visible":"hidden"};
+  display: flex;
+  align-items: center;
+  padding-top: 2px;
+`,Ze=y.div`
+  display: flex;
+  cursor: pointer;
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+  }
+`,{dateFormat:Je,common:{strings:{empty:te,hyphen:Qe,plus:Z}}}=Q.getLocalizedStrings(),et=({totalHeight:e,task:n,addThreadRequestThreadId:o,setElementRef:u,setAddThreadRequestThreadId:h,onRowClick:g})=>{const s=ne(),d=n.assignees.length>0?n.assignees[0]:void 0,S=d?.firstName!=null&&d?.lastName!=null?`${d.firstName} ${d.lastName}`:d?.email??te,{companyId:l,name:K}=n.company.companyInfo,B=n.createdByUser?.firstName!==null&&n.createdByUser?.lastName!=null?`${n.createdByUser.firstName} ${n.createdByUser.lastName}`:n.createdByUser?.email??te,b=n.assignees.length,$=n.task.id,{openThread:w,threads:m,addThread:O,removeThread:C,setOpenThread:M,setRequestToOpenThread:_}=c.useContext(me),v=w!==null?m.get(w):null,R=w?.includes(l)===!0,V=w!=null&&m.get(w)==null&&R,I=o!=null&&m.get(o)?.metadata.companyId===l,x=`cockpit_${l}`,j=c.useCallback(()=>{w?.includes(X)===!0&&C(w),o!=null&&h(void 0)},[o,w,C,h]),A=t=>r.jsx(Oe,{isElementThreadOpen:t.isElementThreadOpen??!1,isElementThreadPresent:t.isElementThreadPresent??!1,itemKey:t.itemKey,elementThreadId:t.elementThreadId??"",roomId:x,addThreadRequestThreadId:o,openThreadId:w,threadStyle:t.threadStyle,openThreadMetadata:v?.metadata??null,onElementClick:k,onAddThreadClick:G}),T=c.useCallback(t=>{if(t===w)M(null);else if(m.has(t))M(t);else if(t.includes(X)){const[E,W]=t.replace(X,"").split("."),f=Fe(ve(E),re.toTaskManagerSortKeyType(W),l,K,$);O(t,{type:"thread",id:t,roomId:x,createdAt:new Date,updatedAt:new Date,comments:[],metadata:f,resolved:!1}),M(t)}},[w,m,M,l,K,$,O,x]),k=c.useCallback((t,E,W=!1)=>{const f=H.find(q=>q.key===E);if(_(null),f!=null&&(t.type==="contextmenu"||W===!0)){if(f.isThreadAllowed===!1)return;j(),t.preventDefault(),t.stopPropagation();const q=se({tab:"taskManager",key:f.key}),p=[...ie(m,{entityType:q,entityId:$,companyId:l},"both")],F=p.length>0&&p[0].length>0?p[0][0]:ee("taskManager",f.key,l+Z+$);m.has(F)?T(F):o===F?h(void 0):(h(F),M(null))}},[m,$,l,o,T,h,M,_,j]),G=c.useCallback((t,E)=>{t.stopPropagation();const W=ee("taskManager",E,l+Z+$);h(void 0),T(W)},[l,$,h,T]);return r.jsx(Se,{onClickAway:()=>{_(null),o!=null&&(h(void 0),o.includes(X)&&C(o))},children:r.jsx(tt,{onClick:()=>g(n.company.companyInfo.primaryEmailDomain,n.task.id),windowSize:s,isThreadOpen:R||I,totalHeight:e,isCreationInProgress:V,children:H.map((t,E)=>{const W=se({tab:"taskManager",key:t.key}),f=H.length-2<=E,q=[...ie(m,{entityType:W,entityId:$,companyId:l},"both")],p=q.length>0&&q[0].length>0?q[0][0]:ee("taskManager",t.key,l+Z+$),F=m.get(p),z=F!=null&&F.resolved===!1,L=p===w,we=i=>re.allTaskPriority.find(xe=>xe.code===i)?.name??te;switch(t.key){case"name":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[r.jsx(rt,{children:n.company.companyInfo.name}),A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"taskName":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[r.jsx(J,{children:n.task.name}),A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"status":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[Ve(n.task.status.code),A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"priority":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[r.jsxs(nt,{children:[r.jsx(st,{color:Be(n.task.priority.code)}),r.jsx(J,{children:we(n.task.priority.code)})]}),A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"dueDate":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[r.jsx(J,{children:n.task.dueDate!=null?n.task.dueDate.format(Je.visual.MMMDCommaYYYYformat):Qe}),A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"assignee":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[r.jsx(de,{personBasic:d,styles:{width:a.sp4,height:a.sp4}}),r.jsx(ce,{children:S}),b>1?r.jsx(at,{children:r.jsx(pe,{children:`${Z}${b-1}`})}):null,A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"tags":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[n.task.tagIds.length>0?r.jsx(r.Fragment,{children:qe(n.task.tagIds,n.tags)}):null,A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);case"createdBy":return r.jsxs(P,{ref:i=>{u(l,t.key,i)},columnWidth:t.width,windowSize:s,isThreadAllowed:t.isThreadAllowed,className:N,onContextMenu:i=>k(i,t.key),children:[r.jsx(de,{personBasic:n.createdByUser,styles:{width:a.sp4,height:a.sp4}}),r.jsx(ce,{children:B}),A({isElementThreadOpen:L,isElementThreadPresent:z,itemKey:t.key,elementThreadId:p,threadStyle:f?{right:a.sp0}:void 0})]},p);default:return null}})})})},tt=y.div`
+  display: flex;
+  min-width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: ${a.sp0} ${a.sp4} ${a.sp0} ${a.sp4};
+  width: fit-content;
+  box-sizing: border-box;
+  cursor: pointer;
+  height: ${e=>`${e.totalHeight-Ae[3]}px`};
+  position: relative;
+  /* Light Theme / Gray 05 */
+
+  background: ${e=>e.theme.colors.grey5};
+  /* Light Theme / Primary */
+
+  border: 1px solid ${e=>e.theme.colors.grey3};
+  /* Light Hover */
+
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp2} ${e.theme.colors.dropShadowNormal}`};
+  border-radius: ${a.sp2};
+  color: ${e=>e.theme.colors.hero};
+
+  ${e=>e.isThreadOpen?Y`
+          box-shadow: ${a.sp0} 2px ${a.sp2}
+            ${e.theme.colors.dropShadowHover};
+          border: 1px solid ${e.theme.colors.primary};
+        `:null};
+
+  @keyframes animate {
+    0% {
+      border-color: ${e=>e.theme.colors.primary};
+    }
+    100% {
+      border-color: ${e=>e.theme.colors.hero};
+    }
+    50% {
+      border-color: ${e=>e.theme.colors.grey2};
+    }
+    100% {
+      border-color: ${e=>e.theme.colors.primary};
+    }
+  }
+
+  ${e=>e.isCreationInProgress?Y`
+          border: 1px solid ${e.theme.colors.primary};
+          animation: animate 3s linear infinite;
+        `:null};
+
+  &:hover {
+    border-color: ${e=>e.theme.colors.primary};
+    box-shadow: ${e=>`${a.sp0} 2px ${a.sp2} ${e.theme.colors.dropShadowHover}`};
+    color: ${e=>e.theme.colors.primary};
+    div > svg {
+      visibility: visible;
+    }
+  }
+`,rt=y(Re)``,P=y.div`
+  width: ${e=>e.columnWidth.valuePx(e.windowSize)};
+  max-width: ${e=>e.columnWidth.valuePx(e.windowSize)};
+  display: flex;
+  align-items: center;
+  height: 100%;
+  justify-content: flex-start;
+  z-index: auto;
+  position: relative;
+  cursor: ${e=>e.isThreadAllowed?"pointer":"initial"};
+`,ce=y(J)`
+  margin-left: ${a.sp1};
+  margin-right: ${a.sp1};
+`,at=y.div`
+  border: 1px solid ${e=>e.theme.colors.hero};
+  height: ${a.sp4};
+  width: ${a.sp4};
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`,nt=y.div`
+  display: flex;
+  align-items: center;
+`,st=y(We)`
+  width: ${a.sp3};
+  height: ${a.sp3};
+  color: ${e=>e.color};
+  margin-right: ${a.sp2};
+`,ue=c.createContext(void 0),ge=c.forwardRef((e,n)=>{const{children:o,style:u,...h}=e,{uiState:g,onColumnSortConfigChanged:s}=c.useContext(ue);return r.jsxs(ye,{ref:n,style:{...u,width:"auto"},...h,children:[r.jsx(He,{onColumnSortConfigChanged:s,sortConfig:{sortKey:g.sortKey,sortOrder:g.sortOrder}}),r.jsx(dt,{children:o})]})});ge.displayName="Task manager list view inner element type";const it=({companyTaskManagerView:e,fetchNextItemsOnScroll:n,onColumnSortConfigChanged:o,onRowClick:u})=>{const{uiState:h,fetchState:g}=e,s=c.useRef(null),[d,S]=c.useState(null),l=c.useMemo(()=>({uiState:e.uiState,onColumnSortConfigChanged:o}),[e.uiState,o]),{setOpenThread:K,setRequestToOpenThread:B,requestToOpenThread:b}=c.useContext(me),[$,w]=c.useState(void 0),m=c.useRef([]),O=c.useCallback(v=>e.tasksList[v].company.companyInfo.name.length>De?ae+32:ae,[e.tasksList]),C=c.useCallback(v=>v<e.tasksList.length,[e.tasksList.length]),M=c.useCallback(()=>{h.pageToken!=null&&g==="Completed"&&n()},[n,g,h.pageToken]);c.useEffect(()=>{s.current&&s.current.resetAfterIndex(0)},[e]);const _=c.useCallback((v,R,V)=>{const I=e.tasksList.findIndex(j=>j.company.companyInfo.companyId===v),x=H.findIndex(j=>j.key===R);I!==-1&&x!==-1&&(m.current[I]==null?m.current[I]=[V]:m.current[I][x]=V)},[e.tasksList]);return c.useEffect(()=>{if(b!=null&&d!=null){const{companyId:v,entityType:R}=b,[V,I]=R.split("."),x=e.tasksList.findIndex(T=>T.company.companyInfo.companyId===v),j=H.findIndex(T=>T.key===I);x!==-1&&!(d.visibleStartIndex<=x&&d.visibleStopIndex>=x)&&s.current?.scrollToItem(x,"center"),setTimeout(()=>{const T=m.current[x]?.[0]?.getBoundingClientRect().bottom,k=m.current[x]?.[0]?.getBoundingClientRect().top;T!=null&&k!=null&&(window.innerHeight>=T&&window.innerHeight>=k||k<0)&&m.current[x][j]?.scrollIntoView({block:"center",behavior:"auto"})},0);const A=setInterval(()=>{const T=m.current[x]?.[j]?.getBoundingClientRect().left,k=m.current[x]?.[j]?.getBoundingClientRect().right,G=m.current[x]?.[j]?.offsetWidth;if(T!=null&&G!=null&&k!=null&&(T<window.innerWidth-G||k<window.innerWidth)){clearInterval(A);const t=b.threadId,E=b.onThreadShownCallback;t&&(B(null),K(b.threadId),E?.())}},500);setTimeout(()=>{clearInterval(A),B(null)},2e3)}},[b,d,K,B]),r.jsx(ct,{children:r.jsx(ue.Provider,{value:l,children:r.jsx(Te,{children:({height:v,width:R})=>r.jsx(ye,{style:{height:v,width:R},children:r.jsx($e,{isItemLoaded:C,itemCount:e.tasksList.length+1,loadMoreItems:M,children:({onItemsRendered:V})=>r.jsx(Ce,{height:v,innerElementType:ge,itemCount:e.tasksList.length,itemSize:O,itemData:{companyTaskManagerView:e,addThreadRequestThreadId:$,setElementRef:_,setAddThreadRequestThreadId:w,onRowClick:u},width:R,ref:s,onItemsRendered:I=>{S(I),V(I)},overscanCount:Ne,children:ot})})})})})})},ot=({index:e,style:n,data:o})=>{const u=o.companyTaskManagerView,{addThreadRequestThreadId:h,setElementRef:g,setAddThreadRequestThreadId:s,onRowClick:d}=o,S=u.tasksList[e];return r.jsx(lt,{style:{...n,width:"fit-content",minWidth:"100%"},children:r.jsx(et,{totalHeight:typeof n.height=="number"?n.height:ae,addThreadRequestThreadId:h,setElementRef:g,setAddThreadRequestThreadId:s,task:S,onRowClick:d})},S.task.id)},ye=y.div``,dt=y.div`
+  position: relative;
+  width: auto;
+  height: 100%;
+`,lt=y.div`
+  top: ${a.sp0};
+  left: ${a.sp0};
+  padding-bottom: ${a.sp3};
+  box-sizing: border-box;
+`,ct=y.div`
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  width: 100%;
+`,{cockpit:he}=Q.getLocalizedStrings(),Xt=({headerActions:e,headerData:n,taskManagerPageData:o,taskManagerPageActions:u})=>{const{companyTaskManagerView:h}=o,{uiState:g}=h,{onCockpitReloadData:s,onFetchTaskManagerView:d,onRowClick:S}=u,[l,K]=c.useState(""),B=h.fetchState==="Completed",b=()=>{d(g.pageToken,g.sortKey,g.sortOrder,!0,g.filterText)},$=(O,C)=>{d(null,O,C,!1,g.filterText)},w=c.useRef(ke(O=>d(null,"dueDate","descending",!1,O),500,{trailing:!0})).current,m=(O,C)=>{K(C),C.trim().length>=2?w(C):C.trim().length==0&&w("")};return r.jsxs(mt,{children:[r.jsx(Ke,{headerActions:{...e,filterActions:{...e.filterActions,onFilterTextChanged:m}},headerData:{...n,allTabOptions:Le,selectedTabOption:"taskManager",companiesLoaded:B,filterData:{filterText:l,disableFilters:!0}}}),r.jsx(ht,{companyTaskManagerView:h,onCockpitReloadData:s,fetchNextItemsOnScroll:b,onColumnSortConfigChanged:$,onRowClick:S})]})},ht=({companyTaskManagerView:e,onRowClick:n,onCockpitReloadData:o,fetchNextItemsOnScroll:u,onColumnSortConfigChanged:h})=>{const g=ne();return e.fetchState==="Error"&&e.tasksList.length===0?r.jsx(ze,{selectedCockpitOption:"taskManager",onCockpitReloadData:o}):e.fetchState==="Not-Started"||e.fetchState==="In-Progress"&&e.tasksList.length===0?r.jsx(pt,{children:r.jsx(fe,{size:"ExtraLarge",start:!0})}):e.fetchState==="Completed"&&e.tasksList.length===0?r.jsx(Me,{emptySearchTextFirstLine:he.emptySearchTextFirstLine,emptySearchTextSecondLine:he.emptySearchTextSecondLine,filtersApplied:!1}):r.jsx(ut,{windowSize:g,children:r.jsx(it,{companyTaskManagerView:e,fetchNextItemsOnScroll:u,onColumnSortConfigChanged:h,onRowClick:n})})},mt=y.div`
+  height: calc(100vh - 60px);
+  overflow-y: hidden;
+  background-color: ${e=>e.theme.colors.grey4};
+`,pt=y.div`
+  display: flex;
+  width: 100%;
+  height: calc(100vh - 110px);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  box-shadow: ${e=>`${a.sp0} 2px ${a.sp1} ${e.theme.colors.dropShadowNormal}`};
+  background-color: ${e=>e.theme.colors.grey4};
+`,ut=y.div`
+  height: calc(100% - 75px);
+  padding: ${e=>`${a.sp0} ${oe.cockpitRightPadding.valuePx(e.windowSize)} ${a.sp0} ${oe.cockpitLeftPadding.valuePx(e.windowSize)}`};
+`;export{Xt as default};