@zeniai/web-cockpit-ui 1.15.64-qa → 1.15.65-dev

package/dist/assets/StatementsPage-DaFrVUeK-BtS_jxBA.js

@@ -1,58 +0,0 @@
-import{d as S,J as I,V as t,bE as z,b5 as C,o as r,O as P,p,cv as E,y as D,u,am as M}from"./index-B6YQjyMc.js";import{a as b}from"./sentry-PE_t7E3E.js";import{n as o}from"./mui-BMACe6Rq.js";import{$ as T}from"./BoxItem-DRwx0M5a-5_z4KYJ3.js";import{o as B}from"./commonDimensions-BMnB1-xU-Dv2z_hsS.js";import{M as L}from"./StatementItem-g5tfNBjV-Bi-hDsRm.js";import"./liveblocks-t9znRICt.js";import"./core-0bnVVABN.js";import"./recharts-BogDwoBa.js";import"./zeni-epic-state-DBzXvQ_H.js";import"./lottie-CQ9eYGiF.js";import"./analytics-DmFOON3n.js";import"./lexical-aEmQVmum.js";import"./utils-hiWEDg_f.js";import"./downloadPdf-CUUx8PWn-DWs7sODc.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]="01e39006-023e-4a6d-b9ee-d8e9eee017a5",e._sentryDebugIdIdentifier="sentry-dbid-01e39006-023e-4a6d-b9ee-d8e9eee017a5")}catch{}})();const g=P.getLocalizedStrings().spendManagement.zeniAccounts.statements,x={listItemMargin:new D(u[3],u[8])},oe=({currentTenantCompanyName:e,authParams:n,downloadEndPoint:m,statementListView:i,accountLast4:w,onBackClick:y})=>{const k=S(),d=I(),$=b.createRef(),c=b.useRef(null),h=i.statements.length===0,j=()=>h===!1?B.transactionItemHeight:24,v=({index:a,style:s})=>{const l=i.statements[a];return h===!1?t.jsx(f,{windowSize:d,style:{...s,width:`calc(100% - 2*${x.listItemMargin.valuePx(d)})`},children:t.jsx(L,{currentTenantCompanyName:e,accountLast4:w,data:l,authParams:n,downloadEndPoint:m,boxType:T(a,i.statements.length)},l.id)}):t.jsx(O,{style:{...s},children:t.jsx(_,{children:t.jsx(f,{windowSize:d,children:t.jsx(R,{children:g.noStatements})})})})};return t.jsxs(N,{children:[t.jsx(z,{title:g.title,backgroundColor:k.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:a,width:s})=>t.jsx(H,{ref:$,height:a,width:s,outerRef:c,itemKey:l=>l,itemCount:i.statements.length,itemSize:j,initialScrollOffset:0,children:v})})})]})},O=o.div``,f=o.div`
-  margin: ${e=>`${r.sp0} ${x.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(M)`
-  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-zrkVj1aP-CypqPMQM.js

@@ -1,58 +0,0 @@
-import{V as i,T as u,o as s,aj as g,a$ as b}from"./index-B6YQjyMc.js";import{n as r,c}from"./mui-BMACe6Rq.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]="4c695577-b7b5-4a4d-ad16-ac36ad62c65f",e._sentryDebugIdIdentifier="sentry-dbid-4c695577-b7b5-4a4d-ad16-ac36ad62c65f")}catch{}})();function C({allTabs:e,selectedTab:n,containerStyle:o,rightComponent:l,onTabChange:p}){const h=l!=null;return i.jsxs(f,{style:o,hasRightComponent:h,children:[i.jsx(y,{children:e.map(t=>{const a=t.id===n,d=t.isDisabled!=null;return i.jsxs($,{onClick:()=>{a===!1&&!d&&p(t)},isSelected:a,isDisabled:d,children:[i.jsx(m,{children:t.label}),t.countDetails?.count!=null?i.jsx(D,{children:i.jsx(x,{isCircular:t.countDetails.count==null||t.countDetails.count<10,children:i.jsx(j,{children:t.countDetails.isFetching?i.jsx(u,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):t.countDetails.count})})}):null]},t.id)})}),l]})}const f=r.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: ${e=>e.hasRightComponent?"space-between":"flex-start"};
-  align-items: center;
-  padding: ${s.sp3} ${s.sp0};
-  gap: ${s.sp3};
-`,y=r.div`
-  display: flex;
-  position: relative;
-  gap: ${s.sp3};
-  overflow: auto;
-`,m=r.div``,$=r(g)`
-  height: ${s.sp5};
-  padding: ${s.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: ${s.sp1};
-
-  cursor: ${e=>e.isSelected||e.isDisabled?"default":"pointer"};
-
-  margin: ${s.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};
-  }
-`,x=r.div`
-  ${e=>e.isCircular?c`
-          height: ${s.sp3};
-          width: ${s.sp3};
-          padding: ${s.sp0};
-        `:c`
-          height: 18px;
-          min-width: ${s.sp3};
-          padding: ${s.sp0} ${s.sp1};
-        `}
-  background-color: transparent;
-  border-radius: inherit;
-`,D=r.div`
-  border: 1px solid;
-  border-color: inherit;
-  border-radius: ${s.sp12};
-  padding: 2px;
-`,j=r(b)`
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: inherit;
-`;export{C as k};

package/dist/assets/TaskManagementPage-dAK9tl2b-DQNorVRE.js

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