@zeniai/web-cockpit-ui 1.15.66-dev → 1.15.67-dev

package/dist/assets/StatementsPage-CbtnJM5y-D7odQb22.js

@@ -1,58 +0,0 @@
-import{y as S,X as I,V as t,bE as z,b5 as C,o as r,O as P,p,cC as E,x as O,u as b,an as D}from"./index-DmJDLobC.js";import{a as u}from"./sentry-L3H0lnBS.js";import{n as o}from"./mui-Bgk_7_3h.js";import{$ as T}from"./BoxItem-B06DK4G--Bupc4dyY.js";import{o as B}from"./commonDimensions-CGHIQ2To-ChTwXt2F.js";import{O as L}from"./StatementItem-Dyt5Q0eR-ge2odajX.js";import"./liveblocks-D1Gf9COF.js";import"./core-BBKQkJb7.js";import"./zeni-epic-state-B9Z2lD6g.js";import"./lottie-B-DVrXwa.js";import"./recharts-DQ94kkTy.js";import"./analytics-BSh5cBTM.js";import"./lexical-CC2d_kE2.js";import"./utils-WSIc2RtD.js";import"./downloadPdf-BI2Y41h2-CJxUrMkc.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="b547244b-5b34-4c7a-a63e-d35a158a1b38",e._sentryDebugIdIdentifier="sentry-dbid-b547244b-5b34-4c7a-a63e-d35a158a1b38")}catch{}})();const g=P.getLocalizedStrings().spendManagement.zeniAccounts.statements,f={listItemMargin:new O(b[3],b[8])},oe=({currentTenantCompanyName:e,authParams:a,downloadEndPoint:m,statementListView:n,accountLast4:w,onBackClick:y})=>{const $=S(),d=I(),k=u.createRef(),c=u.useRef(null),h=n.statements.length===0,j=()=>h===!1?B.transactionItemHeight:24,v=({index:i,style:s})=>{const l=n.statements[i];return h===!1?t.jsx(x,{windowSize:d,style:{...s,width:`calc(100% - 2*${f.listItemMargin.valuePx(d)})`},children:t.jsx(L,{currentTenantCompanyName:e,accountLast4:w,data:l,authParams:a,downloadEndPoint:m,boxType:T(i,n.statements.length)},l.id)}):t.jsx(M,{style:{...s},children:t.jsx(_,{children:t.jsx(x,{windowSize:d,children:t.jsx(R,{children:g.noStatements})})})})};return t.jsxs(N,{children:[t.jsx(z,{title:g.title,backgroundColor:$.colors.grey4,style:{zIndex:3},onBackClick:y,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsx(V,{children:t.jsx(C,{children:({height:i,width:s})=>t.jsx(H,{ref:k,height:i,width:s,outerRef:c,itemKey:l=>l,itemCount:n.statements.length,itemSize:j,initialScrollOffset:0,children:v})})})]})},M=o.div``,x=o.div`
-  margin: ${e=>`${r.sp0} ${f.listItemMargin.valuePx(e.windowSize)}`};
-  &:hover {
-    position: relative;
-    z-index: 2;
-  }
-`,_=o.div`
-  display: flex;
-  height: 100%;
-  flex: 1 1 auto;
-  flex-direction: row;
-  justify-content: center;
-  align-items: flex-end;
-`,N=o.div`
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  width: 100%;
-  padding-bottom: ${r.sp7};
-`,R=o(D)`
-  display: flex;
-  color: ${e=>e.theme.colors.grey2};
-`,V=o.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  margin-top: ${r.sp6};
-`,H=o(E)`
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  &::-webkit-scrollbar {
-    width: ${r.sp2};
-    height: ${r.sp0};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 2px ${p.scrollbarBoxShadow};
-    -webkit-box-shadow: inset 0 0 2px ${p.scrollbarBoxShadow};
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
-
-  &:hover {
-    scrollbar-color: ${e=>e.theme.colors.grey1} transparent;
-    &::-webkit-scrollbar {
-      width: ${r.sp2};
-      height: ${r.sp0};
-      background-color: transparent;
-    }
-    &::-webkit-scrollbar-thumb {
-      background-color: ${e=>e.theme.colors.grey1};
-      border-radius: 2px;
-    }
-  }
-`;export{oe as default};

package/dist/assets/SubTabSwitcher-CzGiuhk3-BJdsqPl7.js

@@ -1,58 +0,0 @@
-import{V as i,L as u,ac as g,o as t,ak as b,a$ as f}from"./index-DmJDLobC.js";import{n as r,c}from"./mui-Bgk_7_3h.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="0832f864-405e-4282-bb0e-a5ed2e068426",e._sentryDebugIdIdentifier="sentry-dbid-0832f864-405e-4282-bb0e-a5ed2e068426")}catch{}})();function v({allTabs:e,selectedTab:n,containerStyle:o,rightComponent:l,onTabChange:p}){const h=l!=null;return i.jsxs(y,{style:o,hasRightComponent:h,children:[i.jsx(m,{children:e.map(s=>{const a=s.id===n,d=s.isDisabled!=null;return i.jsxs(x,{onClick:()=>{a===!1&&!d&&p(s)},isSelected:a,isDisabled:d,"data-testid":g("sub-tab-switcher",String(s.id)),children:[i.jsx($,{children:s.label}),s.countDetails?.count!=null?i.jsx(w,{children:i.jsx(D,{isCircular:s.countDetails.count==null||s.countDetails.count<10,children:i.jsx(j,{children:s.countDetails.isFetching?i.jsx(u,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):s.countDetails.count})})}):null]},s.id)})}),l]})}const y=r.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: ${e=>e.hasRightComponent?"space-between":"flex-start"};
-  align-items: center;
-  padding: ${t.sp3} ${t.sp0};
-  gap: ${t.sp3};
-`,m=r.div`
-  display: flex;
-  position: relative;
-  gap: ${t.sp3};
-  overflow: auto;
-`,$=r.div``,x=r(b)`
-  height: ${t.sp5};
-  padding: ${t.sp0} 12px;
-  color: ${e=>e.isDisabled?e.theme.colors.grey2:e.isSelected?e.theme.colors.primary:e.theme.colors.grey1};
-  background-color: ${e=>e.isSelected?e.theme.colors.grey3:"transparent"};
-  border-radius: ${t.sp1};
-
-  cursor: ${e=>e.isSelected||e.isDisabled?"default":"pointer"};
-
-  margin: ${t.sp0};
-
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-
-  gap: 6px;
-
-  &:hover {
-    color: ${e=>e.isDisabled?e.theme.colors.grey2:e.theme.colors.primary};
-    background-color: ${e=>e.isDisabled?e.isSelected?e.theme.colors.grey3:"transparent":e.theme.colors.grey3};
-  }
-`,D=r.div`
-  ${e=>e.isCircular?c`
-          height: ${t.sp3};
-          width: ${t.sp3};
-          padding: ${t.sp0};
-        `:c`
-          height: 18px;
-          min-width: ${t.sp3};
-          padding: ${t.sp0} ${t.sp1};
-        `}
-  background-color: transparent;
-  border-radius: inherit;
-`,w=r.div`
-  border: 1px solid;
-  border-color: inherit;
-  border-radius: ${t.sp12};
-  padding: 2px;
-`,j=r(f)`
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: inherit;
-`;export{v as R};

package/dist/assets/TaskManagementPage-ucVAdv7x-DzPLVMfi.js

@@ -1,508 +0,0 @@
-import{ay as kt,y as Ze,V as t,jN as Y,bE as xt,ab as U,cy as wt,an as V,as as ft,O as ne,o as s,jO as Je,cq as De,cu as Ct,gu as $t,bb as Tt,bT as et,aV as yt,cl as bt,X as de,aa as jt,x as tt,cQ as vt,ae as St,b5 as Gt,cC as Lt,j8 as It,j9 as Nt,jP as Be,aT as Et,b as Ae,c1 as Me,fa as st,jQ as Dt,da as ot,jR as he,jS as we,jT as fe,jU as nt,jV as Mt,jW as at,jX as rt,jY as it,jZ as lt,j_ as dt,j$ as _,u as xe,k0 as oe,ak as le,k1 as zt,k2 as At,c as Bt,ap as Rt,k3 as Wt,dl as Ot,k4 as Pt,cU as ct,eM as Ft,w as Ht,k5 as _t,k6 as Ut,gv as Vt,gQ as Kt,k7 as Yt,k8 as Z,k9 as Re,cE as qt,ka as Xt,kb as Qt,kc as Zt,kd as We,p as Oe,gN as Jt,ao as es}from"./index-DmJDLobC.js";import{a as n}from"./sentry-L3H0lnBS.js";import{n as o,c as Ce}from"./mui-Bgk_7_3h.js";import{H8 as ts,H9 as Pe,ce as pt,cf as ut,cg as ss}from"./zeni-epic-state-B9Z2lD6g.js";import{J as os,t as ns}from"./SpendManagementSection-DKZNTYXT-Y5i2WptS.js";import{A as as,t as rs,a as is,E as ls}from"./NotificationsListConfig-CylnViXd-BsFR_NcM.js";import{a as ds}from"./SpendManagementListViewPage-BieufnDb-DsSgx26K.js";import"./liveblocks-D1Gf9COF.js";import"./core-BBKQkJb7.js";import"./lottie-B-DVrXwa.js";import"./recharts-DQ94kkTy.js";import"./analytics-BSh5cBTM.js";import"./lexical-CC2d_kE2.js";import"./utils-WSIc2RtD.js";import"./StatusSwitcher-BfQ9VbBH-B-KO1Buq.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="709ed04e-b49b-46d0-a664-d6209734f4a1",e._sentryDebugIdIdentifier="sentry-dbid-709ed04e-b49b-46d0-a664-d6209734f4a1")}catch{}})();const cs=100,ps=100,us=3,hs=.7,ms=({scrollContainerRef:e,isEnabled:d=!0,edgeThreshold:r=cs,scrollSpeed:u=ps,minScrollAmount:k=us,scrollCurveExponent:p=hs})=>{n.useEffect(()=>{if(!d||typeof window>"u"||typeof document>"u")return;let a=!1,h=0,c=null;const l=Math.max(r,1),g=()=>{c!==null&&(cancelAnimationFrame(c),c=null)},T=m=>{const G=e.current;return!G||!(m.target instanceof Node)?!1:G.contains(m.target)},N=m=>T(m),D=m=>{const G=Math.max(m,0)/l,j=Math.pow(G,p)*u;return Math.max(k,j)},x=(m,G,j)=>{const S=j==="up"?-G:G;m===window?window.scrollBy({top:S,behavior:"auto"}):m instanceof HTMLElement&&typeof m.scrollTop=="number"&&(m.scrollTop+=S)},$=()=>e.current??window,f=()=>{if(!a)return;const m=$(),G=window.innerHeight,j=h;if(j<l&&j>0){const S=l-j,L=D(S);x(m,L,"up")}else if(j>G-l){const S=j-(G-l),L=D(S);x(m,L,"down")}c=requestAnimationFrame(f)},z=m=>{N(m)?a=!0:(a=!1,g())},A=()=>{a=!1,g()},B=m=>{a&&(h=m.clientY)},M=m=>{B(m),a&&c===null&&(c=requestAnimationFrame(f))};return document.addEventListener("dragstart",z),document.addEventListener("dragend",A),document.addEventListener("dragover",M),()=>{document.removeEventListener("dragstart",z),document.removeEventListener("dragend",A),document.removeEventListener("dragover",M),g()}},[r,d,k,e,p,u])},Le=ne.getLocalizedStrings(),ht=({count:e})=>t.jsx(gs,{isCircular:e<10,children:t.jsx(ks,{children:e>Le.common.numbers.maximumCount?`${Le.common.numbers.maximumCount}${Le.common.strings.plus}`:e})}),gs=o.div`
-  ${e=>e.isCircular?Ce`
-          height: 18px;
-          width: 18px;
-        `:Ce`
-          height: 18px;
-          min-width: 18px;
-          padding: ${s.sp0} ${s.sp1};
-        `}
-  background-color: transparent;
-  border-radius: ${s.sp12};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  outline: 1px solid;
-  outline-color: inherit;
-`,ks=o(Rt)`
-  color: inherit;
-`,{taskManagement:Fe,common:Ie}=ne.getLocalizedStrings();function xs(e){const{onChange:d,value:r,resetDisabled:u,onReset:k}=e,p=()=>{u!==!0&&k()};return t.jsxs(ws,{children:[t.jsx($s,{children:Fe.taskList.groupingFilters.groupBy}),t.jsx(fs,{children:t.jsx(os,{value:r,placeHolder:Fe.taskList.groupingFilters.placeholder,onChange:a=>{const h=Pe(a.value);if(h!=null)d(h);else throw new Error("Invalid taskListGroupByKey")},options:ts,getOptionLabel:a=>{const h=Ie.texts,c=Pe(a);return c!=null?h[c]:Ie.strings.empty}})}),t.jsxs(Cs,{onClick:p,isDisabled:u,children:[t.jsx(Ts,{}),t.jsx(V,{children:Ie.reset})]})]})}const ws=o.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp4};
-  justify-content: space-between;
-  padding-bottom: ${s.sp4};
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,fs=o.div`
-  flex: 1;
-`,Cs=o.div`
-  display: flex;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-  ${e=>e.isDisabled?Ce`
-          opacity: 0.3;
-        `:Ce`
-          cursor: pointer;
-        `};
-  &:hover {
-    color: ${e=>e.isDisabled?e.theme.colors.hero:e.theme.colors.primary};
-  }
-
-  column-gap: ${s.sp1};
-`,$s=o(Tt)`
-  color: ${e=>e.theme.colors.primary};
-`,Ts=o(et)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,ys=ne.getLocalizedStrings().taskManagement.taskList.footer;function bs({taskGroupsList:e,anchorEl:d,groupByKey:r,onCreateNewGroup:u,onExistingGroupSelection:k,onClose:p}){const a=()=>{p(),u()};return t.jsx(Je,{open:!!d,anchorEl:d,onClose:p,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(js,{children:[t.jsx(vs,{children:e.map(h=>{const c=()=>{p(),k(h.id)};return t.jsx(He,{onClick:c,children:t.jsx(le,{children:h.groupName})},h.id)})}),t.jsx(U,{controller:r==="groupName",children:t.jsxs(He,{onClick:a,children:[t.jsx(Ss,{}),t.jsx(le,{children:ys.createGroup})]})})]})})}const js=o.div`
-  background-color: ${e=>e.theme.colors.grey5};
-`,He=o.div`
-  padding: ${s.sp2} ${s.sp3};
-  color: ${e=>e.theme.colors.hero};
-
-  cursor: pointer;
-  display: flex;
-  column-gap: ${s.sp1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    background-color: ${e=>e.theme.colors.background};
-  }
-`,vs=o.div`
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,Ss=o(ot)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`;function Gs({placeholder:e,searchText:d,inputContainerStyles:r,onSearchTextChanged:u}){const[k,p]=n.useState(!1),a=n.useRef(null),h=de(),c=()=>{d||p(!1)};return t.jsxs(Ls,{children:[k?null:t.jsx(Ns,{onMouseEnter:()=>p(!0),onClick:()=>{p(!0),a.current?.focus()},children:t.jsx(_e,{})}),k?t.jsxs(Is,{style:r,isOpen:k,children:[t.jsx(_e,{}),t.jsx(Es,{windowSize:h,autoFocus:h!=="small",placeholder:e,value:d,onBlur:c,onChange:l=>{const g=l.target;u(g.value)},ref:a}),d?t.jsx(Ds,{}):null]}):null]})}const Ls=o.div`
-  position: relative;
-`,Is=o.div`
-  position: absolute;
-  right: 0;
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp1};
-  padding-bottom: ${s.sp1};
-  border-bottom: 1px solid ${e=>e.theme.colors.primary};
-  min-width: ${({isOpen:e})=>e?"200px":"0px"};
-  transition: min-width 0.3s ease-in-out;
-`,_e=o(zt)`
-  color: ${e=>e.theme.colors.hero};
-  width: ${s.sp3};
-  height: ${s.sp3};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ns=o.div`
-  cursor: pointer;
-`,Es=o(At)`
-  display: flex;
-  border-width: ${s.sp0};
-  outline-width: ${s.sp0};
-  color: ${e=>e.theme.colors.primary};
-  border-radius: ${s.sp1};
-  flex: 1;
-  background-color: inherit;
-  ::placeholder {
-    color: ${e=>e.theme.colors.grey1};
-  }
-`,Ds=o(Bt)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,Ms=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"})),zs=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"})),As=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:Bs,common:Rs}=ne.getLocalizedStrings(),J=Bs.taskList.newTaskOptions;function Ws({anchorEl:e,groupByKey:d,taskGroupTemplates:r,taskCreationFromTemplateStatus:u,isTaskTemplatesEnabled:k,expandedTemplate:p,onExpandTemplate:a,onClose:h,onNewTaskClick:c,onNewGroupClick:l,handleGroupTemplateClick:g,handleGroupTemplateTaskClick:T,onNewTaskInitialization:N}){const D=Ze(),[x,$]=n.useState(null),[f,z]=n.useState(null);n.useEffect(()=>{u.fetchState==="Completed"&&(z(null),$(null),h())},[u.fetchState,h]);const A=n.useCallback((M,m)=>{$(m),T(M,m)},[T]),B=n.useCallback(M=>{z(M),g(M)},[g]);return t.jsx(Je,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${D.colors.grey3}`}},anchorEl:e,onClose:h,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Ps,{isTaskTemplatesEnabled:k,children:[t.jsxs(_s,{children:[t.jsxs(Ue,{onClick:c,children:[t.jsx(Fs,{}),t.jsx(De,{children:J.task})]}),t.jsx(U,{controller:d==="groupName",children:t.jsxs(Ue,{onClick:()=>l(""),children:[t.jsx(Hs,{}),t.jsx(De,{children:J.group})]})})]}),k?t.jsx(Os,{taskGroupTemplates:r,taskIdInCreation:x,groupIdInCreation:f,expandedTemplate:p,handleGroupTemplateClick:B,handleGroupTemplateTaskClick:A,onNewGroupClick:l,onNewTaskInitialization:N,onExpandTemplate:a}):null]})})}const Os=({taskGroupTemplates:e,taskIdInCreation:d,groupIdInCreation:r,expandedTemplate:u,onExpandTemplate:k,handleGroupTemplateClick:p,handleGroupTemplateTaskClick:a,onNewGroupClick:h,onNewTaskInitialization:c})=>{const[l,g]=n.useState(""),T=n.useMemo(()=>{const x=[];return e.forEach($=>{if($.name.toLowerCase().includes(l.toLowerCase()))x.push($);else{const f=$.tasks.filter(z=>z.name.toLowerCase().includes(l.toLowerCase()));f.length>0&&x.push({...$,tasks:f})}}),x},[e,l]),N=n.useCallback(()=>{c(l)},[l,c]),D=n.useCallback(()=>{h(l)},[l,h]);return t.jsxs(Us,{children:[t.jsx(Vs,{children:t.jsxs(Ys,{children:[t.jsxs(Ks,{children:[t.jsx(qs,{}),t.jsx(Xs,{children:J.groupTemplates})]}),t.jsx(Gs,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:l,onSearchTextChanged:g,placeholder:J.searchPlaceholder})]})}),t.jsx(U,{controller:T.length>0,children:t.jsx(Qs,{children:T.map(x=>{const $=u===x.id;return t.jsxs(ro,{children:[t.jsxs(Zs,{onClick:()=>{k(x.id)},expanded:$,children:[t.jsxs(Js,{children:[t.jsx(U,{controller:$,children:t.jsx(ao,{})}),t.jsx(U,{controller:!$,children:t.jsx(no,{})}),t.jsx(V,{children:x.name}),t.jsx(ht,{count:x.tasks.length})]}),t.jsx(so,{expanded:$,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:J.createGroup,disabled:x.createdAt!=null,onClick:f=>{f.stopPropagation(),k(null),p(x.id)},reverseSpinnerColor:!1,loading:r===x.id})]}),t.jsx(U,{controller:$,children:t.jsx(n.Fragment,{children:x.tasks.map(f=>t.jsxs(eo,{children:[t.jsxs(to,{children:[t.jsx(io,{className:"styled-dot"}),t.jsx(po,{className:"task-name-text",children:f.name})]}),t.jsx(oo,{loading:d===f.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Rs.create,reverseSpinnerColor:!1,onClick:()=>a(x.id,f.name)})]},f.name))})})]},x.id)})})}),t.jsxs(U,{controller:T.length===0,children:[t.jsx(lo,{children:t.jsx(co,{children:J.noTaskGroup})}),t.jsxs(Ve,{onClick:N,children:[t.jsx(Ke,{}),t.jsx(V,{children:J.newTaskOptionText.replace("__searchText__",l)})]}),t.jsxs(Ve,{onClick:D,children:[t.jsx(Ke,{}),t.jsx(V,{children:J.newGroupOptionText.replace("__searchText__",l)})]})]})]})},Ps=o.div`
-  display: flex;
-  flex-direction: column;
-  width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
-`,Ue=o.div`
-  display: flex;
-  column-gap: ${s.sp2};
-  align-items: center;
-  padding: ${s.sp2} ${s.sp3};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-  background-color: ${e=>e.theme.colors.grey5};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    background-color: ${e=>e.theme.colors.background};
-  }
-`,Fs=o(As)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,Hs=o(zs)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,_s=o.div`
-  display: flex;
-  flex-direction: column;
-  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,Us=o.div`
-  background-color: ${e=>e.theme.colors.grey5};
-  padding-bottom: ${s.sp2};
-`,Vs=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: ${s.sp2} ${s.sp3};
-`,Ks=o.div`
-  display: flex;
-  column-gap: ${s.sp2};
-  align-items: center;
-  justify-content: space-between;
-`,Ys=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-`,qs=o(Ms)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,Xs=o(De)`
-  color: ${e=>e.theme.colors.primary};
-`,Qs=o.div`
-  max-height: 320px;
-  overflow: auto;
-`,Zs=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-  padding-left: ${s.sp6};
-  padding-right: ${s.sp4};
-  color: ${e=>e.expanded?e.theme.colors.primary:e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    .hidden-create-group-button {
-      display: block;
-    }
-  }
-`,Js=o.div`
-  display: flex;
-  align-items: center;
-  padding: ${s.sp2} ${s.sp0};
-  color: inherit;
-  column-gap: ${s.sp2};
-`,eo=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-  padding-left: ${s.sp6};
-  padding-right: ${s.sp4};
-
-  &:hover {
-    column-gap: ${s.sp2};
-    background-color: ${e=>e.theme.colors.background};
-    .task-name-text {
-      max-width: 244px;
-    }
-    .hidden-create-task-button {
-      display: block;
-    }
-  }
-`,to=o.div`
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  padding: ${s.sp2} ${s.sp0};
-  color: ${e=>e.theme.colors.hero};
-  flex-grow: 1;
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-    .styled-dot {
-      background-color: ${e=>e.theme.colors.primary};
-    }
-  }
-`,so=o(Ae)`
-  display: ${e=>e.expanded===!0?"block":"none"};
-`,oo=o(Ae)`
-  display: none;
-`,no=o(Dt)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,ao=o(st)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,ro=o.div``,io=o.div`
-  display: inline-block;
-  border-radius: ${s.sp2};
-  width: ${s.sp1};
-  height: ${s.sp1};
-  margin: ${s.sp0} 12px ${s.sp0} 6px;
-  cursor: inherit;
-  background-color: ${e=>e.theme.colors.grey1};
-`,lo=o.div`
-  padding: ${s.sp2} ${s.sp3};
-`,co=o(V)`
-  color: ${e=>e.theme.colors.hero};
-`,Ve=o.div`
-  display: flex;
-  align-items: center;
-  padding: ${s.sp2} ${s.sp3};
-  color: ${e=>e.theme.colors.hero};
-  cursor: pointer;
-  column-gap: ${s.sp2};
-  &:hover {
-    background-color: ${e=>e.theme.colors.background};
-    color: ${e=>e.theme.colors.primary};
-  }
-`,Ke=o(ot)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,po=o(V)`
-  color: inherit;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: 336px;
-`,{common:Ne,dateFormat:uo,taskManagement:ze}=ne.getLocalizedStrings(),mt={taskNameMaxWidth:new tt(125,170,170,250,300)},ho=({taskDetail:e,tagList:d,sectionId:r,onRowClick:u,onTimeSpentUpdate:k,onShowToast:p})=>{const a=de(),h=e.assigneeUsers.length,c=e.assigneeUsers[0]?.user,l=c?.firstName||c?.lastName?`${c.firstName} ${c.lastName}`:c?.email??Ne.strings.empty,{getValues:g,resetField:T,getFieldState:N}=ct(),D=(x,$)=>{const f=We(x,$,fe);N(f).invalid?T(f):k(e,{timeSpent:g(f)})};return t.jsxs(ko,{children:[t.jsxs(Go,{windowSize:a,onClick:u,responsiveWidth:Z[0].width,children:[t.jsxs(Lo,{windowSize:a,children:[t.jsx(No,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Me,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(Do,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Me,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(Io,{windowSize:a,responsiveWidth:Z[0].width,children:t.jsx(Eo,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ye,{windowSize:a,responsiveWidth:Z[1].width,children:Re(e.status.code)}),t.jsx(Bo,{windowSize:a,responsiveWidth:Z[2].width,children:Re(e.priority.code)}),t.jsx(Ro,{windowSize:a,responsiveWidth:Z[3].width,children:e.dueDate!=null?e.dueDate.format(uo.visual.MMMDCommaYYYYformat):t.jsx(xo,{children:Ne.strings.hyphen})}),t.jsx(Ye,{windowSize:a,responsiveWidth:Z[4].width,children:h>0?t.jsxs(wo,{children:[t.jsx(qt,{personBasic:c,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Mo,{children:t.jsx(zo,{children:l})}),h>1?t.jsx(fo,{children:`${Ne.strings.plus}${h-1}`}):null]}):null}),t.jsx(Wo,{windowSize:a,responsiveWidth:Z[5].width,children:e.tagIds.length>0?t.jsx(Ao,{children:Xt(e.tagIds,d)}):null}),t.jsx(Po,{windowSize:a,responsiveWidth:Z[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Fo,{className:"timeSpentField",children:t.jsx(Qt,{name:We(r,e.id,fe),placeholder:ze.common.timeSpentPlaceholder,timeSpentFormat:ze.common.timeSpentFormat,registerOptions:{validate:x=>ss(x)>Zt?(p({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{D(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},mo=({taskGroup:e,tagList:d,sectionId:r,showGroupName:u,showRenameTextField:k,isSelectionAllowed:p,isCollapsed:a,existingTaskGroupNamesByGroupId:h,onDeleteTaskGroup:c,onExpandAll:l,onCollapseAll:g,onAddNewTaskToTaskGroup:T,onCollapseToggle:N,onTaskManagementRowClick:D,onDragStart:x,onTimeSpentUpdate:$,onShowToast:f})=>{const[z,A]=n.useState(null),B=de(),{setFocus:M}=ct(),m=n.useCallback(()=>{N(e.id)},[N,e.id]),G=n.useCallback(C=>{A(C.currentTarget)},[]),j=n.useCallback(()=>{A(null)},[]),S=n.useCallback(()=>{T(e.id)},[T,e.id]),L=n.useCallback(()=>{A(null),c(e.id)},[c,e.id]),w=n.useCallback(()=>{M(`${r}.groupName`),j()},[j,r,M]);return t.jsxs(go,{windowSize:B,children:[t.jsx(U,{controller:u,children:t.jsxs(Co,{children:[t.jsxs($o,{children:[t.jsx(To,{isOpen:a===!1,onClick:m,children:t.jsx(yo,{})}),t.jsx(Ft,{style:{textAlign:"start",width:"100%",background:"unset",...Ht.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:ze.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:C=>_t(C,e.id,h)===!1},isDisabled:k&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(bo,{onClick:G,children:t.jsx(jo,{})}),t.jsx(Ut,{onClose:j,onAddTask:S,onCollapseAll:g,onDelete:L,onExpandAll:l,onRename:w,isDefault:e.isDefault,anchorEl:z})]})}),t.jsx(U,{controller:a===!1,children:t.jsx(Vt,{mode:"checked_or_hover",isDisabled:p===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(C=>{const Q=()=>{D(C.id)};return{label:t.jsx(ho,{taskDetail:C,onRowClick:Q,tagList:d,onTimeSpentUpdate:$,onShowToast:f,sectionId:r}),prefix:B==="small"?null:t.jsx(vo,{children:t.jsx(So,{})}),value:C.id,defaultChecked:!1,groupLabel:!1}})],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:x,draggable:!0})})]})},go=o.div`
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  padding-right: ${s.sp3};
-  row-gap: ${s.sp3};
-`,ko=o.div`
-  display: flex;
-  align-items: center;
-  height: ${s.sp10};
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.theme.mode==="dark"?`${Oe.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${Oe.dropShadowNormalLight}`};
-  border-radius: ${s.sp2};
-  cursor: pointer;
-  &:hover {
-    z-index: 1;
-    border-color: ${e=>e.theme.colors.primary};
-    color: ${e=>e.theme.colors.primary};
-    .taskDescriptionText,
-    .taskNameText {
-      color: ${e=>e.theme.colors.primary};
-    }
-    .selected-options label {
-      color: ${e=>e.theme.colors.primary};
-      border-color: ${e=>e.theme.colors.primary};
-    }
-  }
-  &:not(:hover) {
-    .timeSpentField input:not(:focus-within) {
-      color: ${e=>e.theme.colors.hero};
-    }
-  }
-  padding-left: ${s.sp4};
-  padding-right: ${s.sp4};
-  justify-content: space-between;
-`,xo=o(V)``,wo=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: ${e=>e.theme.colors.hero};
-`,fo=o(es)`
-  border: 1px solid ${e=>e.theme.colors.hero};
-  width: calc(${s.sp3} + ${s.sp1});
-  height: calc(${s.sp3} + ${s.sp1});
-  border-radius: 30%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`,Co=o.div`
-  padding-left: ${s.sp7};
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,$o=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`,To=o.div`
-  cursor: pointer;
-  transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
-`,yo=o(st)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,bo=o.div`
-  cursor: pointer;
-`,jo=o(Kt)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,vo=o.div`
-  padding-left: ${s.sp3};
-  cursor: grab;
-`,So=o(Yt)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-`,Go=o.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: top;
-  column-gap: ${s.sp2};
-  align-items: flex-start;
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-`,Lo=o(V)`
-  display: flex;
-  flex-direction: row;
-  column-gap: ${s.sp2};
-  align-items: flex-start;
-`,Io=o(V)`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  max-height: ${s.sp4};
-  width: 100%;
-`,No=o.div`
-  max-width: ${e=>`${mt.taskNameMaxWidth.value(e.windowSize)-xe[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;
-`,Eo=o(le)`
-  color: ${e=>e.theme.colors.grey1};
-  max-width: ${e=>mt.taskNameMaxWidth.valuePx(e.windowSize)};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Do=o(Jt)`
-  display: flex;
-  align-items: center;
-  margin-left: ${s.sp1};
-  color: ${e=>e.theme.colors.hero};
-  margin-top: ${s.sp1};
-`,Mo=o.div`
-  margin-right: ${s.sp1};
-  margin-left: ${s.sp1};
-  overflow: hidden;
-  display: flex;
-  flex-direction: row;
-  column-gap: ${s.sp2};
-`,zo=o(le)`
-  color: ${e=>e.theme.colors.hero};
-  text-overflow: ellipsis;
-  overflow: hidden;
-  max-width: ${s.sp8};
-  white-space: nowrap;
-`,Ao=o.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  column-gap: ${s.sp2};
-`,Ye=o.div`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  overflow: hidden;
-  color: ${e=>e.theme.colors.hero};
-  box-sizing: border-box;
-  margin-right: ${s.sp1};
-`,Bo=o(le)`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  overflow: hidden;
-  color: ${e=>e.theme.colors.hero};
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
-  padding-right: ${s.sp1};
-  column-gap: ${s.sp2};
-`,Ro=o(le)`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  color: ${e=>e.theme.colors.hero};
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
-  padding-right: ${e=>e.isLastColumn===!0?s.sp2:s.sp0};
-  column-gap: ${s.sp2};
-`,Wo=o.div`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  overflow: hidden;
-  color: ${e=>e.theme.colors.hero};
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
-  padding-right: ${s.sp1};
-  column-gap: ${s.sp2};
-`,Oo=o.div`
-  width: inherit;
-  position: relative;
-`,Po=o(Oo)`
-  width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
-  color: ${e=>e.theme.colors.hero};
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  column-gap: ${s.sp2};
-`,Fo=o.div`
-  max-width: ${s.sp11};
-`,Ho=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=ne.getLocalizedStrings(),qe=e=>`${e}_form`,_o={rowGap:new tt(xe[0],xe[5],xe[5])},{common:{footer:Xe},taskManagement:Ee}=ne.getLocalizedStrings(),jn=({taskListView:e,tagListView:d,isTaskTemplatesEnabled:r,onCreateTagClick:u,updateTask:k,onDragNDrop:p,onDeleteTaskGroup:a,updateLocalData:h,onTaskManagementRowClick:c,onReloadTasks:l,onColumnSortConfigChanged:g,onSearchTextChanged:T,onBackClick:N,onNewTaskClick:D,onFiltersChange:x,resetLocalData:$,handleCreateGroup:f,assignGroupToTasks:z,onAddNewTaskToTaskGroup:A,onGroupByFilterChange:B,onTaskGroupRename:M,analytics:m,onTimeSpentUpdate:G,onShowToast:j,handleGroupTemplateClick:S,handleGroupTemplateTaskClick:L,handleNewTaskInitialization:w,onTaskGroupNameClick:C})=>{const[Q,ee]=n.useState(!1),[te,q]=n.useState(null),[F,K]=n.useState(null),[ae,X]=n.useState(null),[$e,ce]=n.useState(null),[me,Te]=n.useState(!1),re=kt(),{fetchState:se,uiState:ie,filters:pe,userList:ue,taskGroupsWithTasksList:ye}=e,{tagList:be}=d,je=Ze(),ve=W=>{Te(W)},Se=n.useCallback(W=>{ce(W.currentTarget)},[]),ge=n.useCallback(W=>{B(W)},[B]),ke=n.useCallback(()=>{B("groupName")},[B]),i=n.useCallback(W=>{w(W)},[w]),b=ue.users.map(W=>W.user).filter(W=>W!=null),P={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:H.common.create,isSearchOpen:me,searchPlaceHolder:H.taskManagement.taskList.searchPlaceHolder,searchText:ie.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:pe,searchTextBoxStyle:{right:"108px"},onNewButtonClick:Se,onSearchOpen:ve,onSearchTextChanged:T,onFiltersChange:x,analytics:m,downloadState:"Not-Started",createdByUserListLoaded:ue.fetchState==="Completed"||ue.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(xs,{value:ie.groupByKey,resetDisabled:ie.groupByKey==="groupName",onChange:ge,onReset:ke}),height:90},getFilterOptions:()=>ds("task_management",b,re.loggedInUserRole??[],d.tagList)},v=n.useCallback(W=>{ce(null),q(Y),h({...e.localData,newTaskGroupName:W})},[e.localData,h]),I=n.useCallback(()=>{ce(null)},[]),R=n.useCallback(()=>{F!=null&&a(F)},[F,a]),y=n.useCallback(()=>{q(Y)},[]),E=n.useCallback(W=>{X(gt=>gt===W?null:W)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&ee(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&X(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const O=()=>se==="Error"?t.jsxs(Qo,{children:[t.jsx(Zo,{onClick:l,children:t.jsx(Jo,{})}),t.jsx(en,{children:H.common.reloadPage.label})]}):se==="Completed"&&ye.length===0?t.jsx(Ct,{message:H.taskManagement.taskList.noDataText}):se==="Not-Started"||se==="In-Progress"?t.jsx($t,{fetchState:se}):t.jsx(Uo,{taskListView:e,tagList:be,renameActiveField:te,updateTask:k,onDragNDrop:p,onAddNewTaskToTaskGroup:A,onColumnSortConfigChanged:g,onTaskManagementRowClick:c,assignGroupToTasks:z,handleCreateGroup:f,resetLocalData:$,setGroupCreationInProgress:y,setShowDeleteModal:ee,updateLocalData:h,setActiveTaskGroupId:K,setRenameActiveField:q,onTaskGroupRename:M,onTimeSpentUpdate:G,onShowToast:j,onCreateTagClick:u,onTaskGroupNameClick:C}),Ge=t.jsx(ns,{spendManagementSectionProps:P});return t.jsxs(Xo,{children:[t.jsx(xt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:je.colors.grey4,style:{zIndex:3},onBackClick:N,rightSideComponent:Ge,isSearchOpen:me,source:"TaskManagementPage"}),t.jsx(Ws,{anchorEl:$e,groupByKey:ie.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:I,onNewTaskClick:D,onNewGroupClick:v,handleGroupTemplateClick:S,handleGroupTemplateTaskClick:L,onNewTaskInitialization:i,onExpandTemplate:E,expandedTemplate:ae}),t.jsx(qo,{children:O()}),t.jsx(U,{controller:Q===!0,children:t.jsx(wt,{action:{onOkClick:R,onCancelClick:()=>{ee(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:H.common.cancel,primaryButtonText:H.common.confirm,titleComponent:t.jsx(an,{children:t.jsx(ft,{children:H.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(rn,{children:t.jsx(V,{children:H.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Uo=({taskListView:e,tagList:d,renameActiveField:r,updateTask:u,onTaskGroupRename:k,setRenameActiveField:p,onDragNDrop:a,updateLocalData:h,setShowDeleteModal:c,handleCreateGroup:l,resetLocalData:g,assignGroupToTasks:T,setGroupCreationInProgress:N,onTaskManagementRowClick:D,onColumnSortConfigChanged:x,onAddNewTaskToTaskGroup:$,setActiveTaskGroupId:f,onTimeSpentUpdate:z,onShowToast:A,onCreateTagClick:B,onTaskGroupNameClick:M})=>{const m=n.useRef(null);bt({componentName:"task.management.list"});const[G,j]=n.useState(null),S=n.useRef({}),L=de(),{localData:w,taskGroupsWithTasksList:C,uiState:Q,userGroupList:ee}=e,[te,q]=n.useState([]),F=n.useRef(null);ms({scrollContainerRef:F,isEnabled:L!=="small"});const K=n.useMemo(()=>e.userList.users.map(i=>i.user).filter(i=>i!=null),[e.userList.users]),ae=jt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Qe(e.taskGroupsWithTasksList,w,K,d,e.userGroupList.userGroups),[e.taskGroupsWithTasksList,e.userGroupList.userGroups,w,K,d]),values:n.useMemo(()=>Qe(e.taskGroupsWithTasksList,w,K,d,e.userGroupList.userGroups),[e.taskGroupsWithTasksList,e.userGroupList.userGroups,w,K,d])}),X=n.useMemo(()=>{if(r!==Y)return C;const i=[],b=C.map(P=>{const v=P.tasks.filter(I=>{const R=w.selectedTaskIds.includes(I.id)===!0;return R&&i.push(I),R===!1});return{...P,tasks:v}});return b.unshift({groupName:"",isDefault:!1,id:Y,tasks:i}),b},[r,C,w.selectedTaskIds]),$e=n.useCallback(i=>te.includes(X[i].id)||X[i].tasks.length===0?100:S.current?.[i]!=null?S.current[i]+_o.rowGap.value(L):(as*1+rs)*3+is+ls,[te,X,L]),ce=n.useCallback(i=>{j(i.currentTarget)},[]),me=n.useCallback((i,b)=>{S.current={...S.current,[i]:b},m.current?.resetAfterIndex(0,!0)},[L,m,C]),Te=n.useCallback(i=>{q(b=>b.includes(i)?b.filter(P=>i!==P):[...b,i]),m.current?.resetAfterIndex(0,!0)},[]),re=n.useCallback(()=>{j(null)},[]),se=n.useCallback(()=>{q(C.map(i=>i.id)),m.current?.resetAfterIndex(0,!0)},[C]),ie=n.useCallback(()=>{q([]),m.current?.resetAfterIndex(0,!0)},[]),pe=n.useCallback(()=>{N(),m.current?.scrollTo(0),re()},[re,N]),ue=n.useCallback(i=>{f(i),c(!0)},[f,c]),ye=n.useCallback(()=>{w.selectedTaskIds.length>0?r!==Y?pe():l(!0):r===Y?l(!1):r!=null&&k(r,w.existingTaskGroupNamesByGroupId[r])},[w.selectedTaskIds.length,w.existingTaskGroupNamesByGroupId,r,pe,l,k]),be=n.useCallback(()=>{p(null),g()},[g,p]),je=n.useCallback(i=>{g(),p(i)},[g,p]),ve=n.useCallback(()=>{w.defaultTaskGroupId!=null&&T(w.defaultTaskGroupId)},[T,w.defaultTaskGroupId]),Se=async(i,b)=>{if(i.includes(it)){const v=i.split(".")[2],I=C.flatMap(y=>y.tasks).find(y=>y.id===v),R=b[_][oe][v].priority.selectedOption;if(I!=null&&R!=null){const y=pt.find(E=>E.code===R);y!=null&&u(I,{priority:y})}return}if(i.includes(lt)){const v=i.split(".")[2],I=C.flatMap(y=>y.tasks).find(y=>y.id===v),R=b[_][oe][v].status.selectedOption;if(I!=null&&R!=null){const y=ut.find(E=>E.code===R);I!=null&&y!=null&&u(I,{status:y})}return}if(i.includes(at)){const v=i.split(".")[2],I=C.flatMap(O=>O.tasks).find(O=>O.id===v),R=C.find(O=>O.tasks.find(Ge=>Ge.id===v))?.id,y=b[_][oe][v].assignees.selectedUsers.map(O=>O.userId),E=b[_][oe][v].assignees.selectedUserGroups?.map(O=>O.userGroupId);R!=null&&y!=null&&I!=null&&u(I,{assignees:y,groupAssignees:E});return}if(i.includes(rt)){const v=i.split(".")[2],I=C.flatMap(E=>E.tasks).find(E=>E.id===v),R=C.find(E=>E.tasks.find(O=>O.id===v))?.id,y=b[_][oe][v].dueDate.date;R!=null&&y!=null&&I!=null&&u(I,{dueDate:y});return}if(i.includes(nt)){const v=i.split(".")[2],I=C.flatMap(E=>E.tasks).find(E=>E.id===v),R=C.find(E=>E.tasks.find(O=>O.id===v))?.id,y=b[_][oe][v].tags.selectedOptions;R!=null&&y!=null&&I!=null&&u(I,{tagIds:y});return}i.includes(fe)&&ae.trigger(i);const P=Yo(i,b,w);h(P)};n.useEffect(()=>{const i=ae.watch((b,{name:P})=>{P!=null&&b!=null&&vt(()=>Se(P,b))});return()=>{i.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 ge=C.length>1&&w.selectedTaskIds.length>0&&r!==Y,ke=w.newTaskGroupName.length>0||w.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(St,{...ae,children:t.jsx("form",{id:qe(Be),onSubmit:ae.handleSubmit(ye),style:{width:"100%"},children:t.jsx(tn,{isFooterVisible:ke,windowSize:L,children:t.jsx(Gt,{children:({height:i,width:b})=>t.jsx(Lt,{ref:m,outerRef:F,height:i,itemCount:X.length,itemSize:$e,estimatedItemSize:Nt,itemKey:P=>X[P].id,width:b,overscanCount:It,itemData:{tagList:d,taskGroupsWithTasksList:X,uiState:Q,collapsedGroups:te,userList:e.userList,userGroupList:ee.userGroups,renameActiveField:r,selectedRowIds:w.selectedTaskIds,existingTaskGroupNamesByGroupId:w.existingTaskGroupNamesByGroupId,onRenameClick:je,handleOnDragNDrop:a,onCollapseToggle:Te,setRowHeight:me,onTaskManagementRowClick:D,onColumnSortConfigChanged:x,onAddNewTaskToTaskGroup:$,onCollapseAll:se,onDeleteTaskGroup:ue,onExpandAll:ie,onTimeSpentUpdate:z,onShowToast:A,onCreateTagClick:B,onTaskGroupNameClick:M},initialScrollOffset:0,children:Vo})})})})}),ke?t.jsx(Et,{formId:qe(Be),primaryBtn:{label:C.length===1&&w.selectedTaskIds.length>0&&r!==Y?Ee.taskList.footer.createGroup:Xe.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Xe.cancel,style:{width:"135px"},onClick:be},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(U,{controller:L!=="small"&&w.selectedTaskIds.length>0,children:t.jsxs(on,{children:[t.jsx(ht,{count:w.selectedTaskIds.length}),t.jsx(nn,{children:w.selectedTaskIds.length>1?Ee.taskList.footer.tasksSelected:Ee.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(U,{controller:L!=="small"&&w.selectedTaskIds.length>0,children:t.jsx(dn,{children:t.jsx(Me,{enterDelay:600,title:H.taskManagement.taskList.footer.ungroup,children:t.jsx(ln,{onClick:ve})})})}),showPrimaryButton:ge===!1,customPrimaryButton:ge?t.jsxs(t.Fragment,{children:[t.jsx(Ae,{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(bs,{taskGroupsList:C,anchorEl:G,groupByKey:Q.groupByKey,onCreateNewGroup:pe,onExistingGroupSelection:i=>{re(),T(i)},onClose:re})]}):void 0}):null]})},Vo=({index:e,style:d,data:r})=>{const u=n.useRef(null),k=de(),{tagList:p,taskGroupsWithTasksList:a,uiState:h,renameActiveField:c,collapsedGroups:l,onCollapseToggle:g,onTaskManagementRowClick:T,setRowHeight:N,onColumnSortConfigChanged:D,onCollapseAll:x,onExpandAll:$,onAddNewTaskToTaskGroup:f,onDeleteTaskGroup:z,handleOnDragNDrop:A,onRenameClick:B,userList:M,selectedRowIds:m,existingTaskGroupNamesByGroupId:G,onTimeSpentUpdate:j,onShowToast:S,onCreateTagClick:L,onTaskGroupNameClick:w,userGroupList:C}=r;n.useEffect(()=>{u.current?.firstElementChild!=null&&N(e,u.current.firstElementChild.clientHeight)},[e,u,k,a[e]?.tasks]);const Q=n.useCallback(F=>{const K=F.dataTransfer.getData("row");A(K,a[e].id)},[A,e,a]),ee=n.useCallback(F=>{F.preventDefault()},[]),te=(F,K)=>{F.dataTransfer.setData("row",K)},q=()=>{B(a[e].id)};return t.jsx(sn,{style:{...d,width:"100%"},ref:u,onDrop:Q,onDragOver:ee,children:t.jsx(Ko,{taskGroup:a[e],showGroupName:!0,tagList:p,uiState:h,isCollapsed:l.includes(a[e].id),onCollapseToggle:g,showRenameTextField:c===a[e].id,userGroupList:C,isSelectionAllowed:c==null,onTaskManagementRowClick:T,onColumnSortConfigChanged:D,onAddNewTaskToTaskGroup:f,onCollapseAll:x,onDeleteTaskGroup:z,onExpandAll:$,selectedRowIds:m,userList:M,existingTaskGroupNamesByGroupId:G,onDragStart:te,onRenameClick:q,onTimeSpentUpdate:j,onShowToast:S,onCreateTagClick:L,onTaskGroupNameClick:w},a[e].id)})},Ko=({taskGroup:e,userGroupList:d,tagList:r,showGroupName:u,uiState:k,showRenameTextField:p,isCollapsed:a,isSelectionAllowed:h,selectedRowIds:c,userList:l,existingTaskGroupNamesByGroupId:g,onRenameClick:T,onTaskManagementRowClick:N,onCollapseToggle:D,onColumnSortConfigChanged:x,onCollapseAll:$,onExpandAll:f,onAddNewTaskToTaskGroup:z,onDeleteTaskGroup:A,onDragStart:B,onTimeSpentUpdate:M,onShowToast:m,onCreateTagClick:G,onTaskGroupNameClick:j})=>{const S=de(),L=S==="medium-regular"||S==="medium-compact"||S==="small"?mo:Pt;return t.jsx(L,{taskGroup:e,tagList:r,userList:l,sectionId:_,showGroupName:u,uiState:k,showRenameTextField:p,isCollapsed:a,isSelectionAllowed:h,selectedRowIds:c,existingTaskGroupNamesByGroupId:g,userGroupList:d,onAddNewTaskToTaskGroup:z,onCollapseAll:$,onDeleteTaskGroup:A,onExpandAll:f,onCollapseToggle:D,onTaskManagementRowClick:N,onColumnSortConfigChanged:x,onDragStart:B,onRenameClick:T,onTimeSpentUpdate:M,onShowToast:m,onCreateTagClick:G,onTaskGroupNameClick:j})},Qe=(e,d,r,u,k)=>{const p={},a={};e.forEach(c=>{a[c.id]={[we]:[],[he]:d.existingTaskGroupNamesByGroupId[c.id]},c.tasks.forEach(l=>{d.selectedTaskIds.includes(l.id)&&a[c.id].selectedIds.push(l.id),p[l.id]={[lt]:{selectedOption:l.status.code,allOptions:ut.map(g=>({label:g.name,value:g.code}))},[it]:{selectedOption:l.priority.code,allOptions:pt.map(g=>({label:g.name,value:g.code}))},[rt]:{date:l.dueDate,showBusinessDay:!1},[at]:{allUsers:r,selectedUsers:l.assigneeUsers.map(g=>g.user),allUserGroups:k,selectedUserGroups:l.groupAssignees.map(g=>k.find(T=>T.userGroupId===g)).filter(g=>g!=null)},[nt]:{allOptions:Mt(u),selectedOptions:l.tagIds},[fe]:l.timeSpent}})});const h={[dt]:{[Y]:{[he]:d.newTaskGroupName,[we]:[]},...a},[oe]:p};return{[_]:h}},Yo=(e,d,r)=>{if(e.includes(_)){const u=e.split(".")[2];if(e.includes(he))return e.includes(Y)?{...r,newTaskGroupName:d[_].groupData[u][he]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[u]:d[_].groupData[u][he]}};if(e.includes(we)){const k=Wt(Ot(Object.values(d[_][dt]),we)).filter(p=>p!==H.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:k}}}return r},qo=o.div`
-  display: block;
-  height: 100%;
-`,Xo=o.div`
-  width: 100%;
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  row-gap: ${s.sp4};
-  background-color: ${e=>e.theme.colors.grey4};
-  overflow: hidden;
-`,Qo=o.div`
-  display: flex;
-  width: 100%;
-  height: calc(100% - 60px);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-`,Zo=o.div`
-  height: 96px;
-  width: 96px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: ${e=>e.theme.colors.background};
-  border-radius: 50%;
-  cursor: pointer;
-`,Jo=o(et)`
-  height: ${s.sp5};
-  width: ${s.sp5};
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,en=o(yt)`
-  margin-top: ${s.sp3};
-  color: ${e=>e.theme.colors.hero};
-`,tn=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%;
-`,sn=o.div`
-  top: ${s.sp0};
-  left: ${s.sp0};
-  box-sizing: border-box;
-`,on=o.div`
-  display: flex;
-  align-items: center;
-  column-gap: ${s.sp2};
-  padding-left: ${s.sp9};
-`,nn=o(V)`
-  color: ${e=>e.theme.colors.primary};
-`,an=o.div`
-  padding-top: ${s.sp7};
-  padding-bottom: ${s.sp4};
-  color: ${e=>e.theme.colors.primary};
-`,rn=o.div`
-  padding-left: ${s.sp8};
-  padding-right: ${s.sp8};
-  padding-bottom: ${s.sp5};
-  color: ${e=>e.theme.colors.hero};
-`,ln=o(Ho)`
-  width: ${s.sp4};
-  height: ${s.sp4};
-  cursor: pointer;
-  color: ${e=>e.theme.colors.hero};
-
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,dn=o.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding-right: ${s.sp6};
-`;export{jn as default,qe as uniqueFormName};