@zeniai/web-cockpit-ui 1.15.52-dev → 1.15.53-dev

package/dist/assets/TaskManagementPage-CmEmxJHm-I1qb7uu5.js

@@ -1,508 +0,0 @@
-import{ay as kt,y as Ze,V as t,jE as Y,bE as xt,ab as U,cs as wt,an as V,as as ft,b as ne,o as s,jF as Qe,ck as De,co as Ct,gb as $t,bb as Tt,bQ as et,aV as jt,cf as yt,K as de,aa as bt,x as tt,cI as vt,ae as St,b5 as Gt,cw as Lt,i$ as It,j0 as Nt,jG as Be,aT as Et,a as Ae,bV as Me,eR as st,jH as Dt,d2 as ot,jI as he,jJ as we,jK as fe,jL as nt,jM as Mt,jN as at,jO as rt,jP as it,jQ as lt,jR as dt,jS as _,u as xe,jT as oe,ak as le,jU as zt,jV as At,d as Bt,ap as Rt,jW as Wt,dd as Ot,jX as Pt,cM as ct,et as Ft,w as Ht,jY as _t,jZ as Ut,gc as Vt,gE as Kt,j_ as Yt,j$ as Z,k0 as Re,cy as qt,k1 as Jt,k2 as Xt,k3 as Zt,k4 as We,p as Oe,gB as Qt,ao as es}from"./index-D0RCZvbR.js";import{a as n}from"./sentry-D6_R-0PO.js";import{n as o,c as Ce}from"./mui-CWpKo4a_.js";import{G$ as ts,H0 as Pe,cd as pt,ce as ut,cf as ss}from"./zeni-epic-state-CQm7BABf.js";import{J as os,t as ns}from"./SpendManagementSection-fQq7rBRb-B6t2uSf8.js";import{A as as,t as rs,a as is,E as ls}from"./NotificationsListConfig-k8axPWyo-CLFHQwy0.js";import{a as ds}from"./SpendManagementListViewPage-DxZ5ZwoM-Dngtiu4y.js";import"./liveblocks-CKHUw5rb.js";import"./core-BzTCCyMo.js";import"./recharts-DgmMLsfg.js";import"./lottie-DGC6TFh6.js";import"./analytics-CFLF9sCc.js";import"./lexical-BFSfLoHw.js";import"./utils-B8cH97sz.js";import"./StatusSwitcher-fb1FvNod-CKz_fWO7.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]="1d93fe09-c1b2-4387-8f47-06f5160d8229",e._sentryDebugIdIdentifier="sentry-dbid-1d93fe09-c1b2-4387-8f47-06f5160d8229")}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,b=Math.pow(G,p)*u;return Math.max(k,b)},x=(m,G,b)=>{const S=b==="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,b=h;if(b<l&&b>0){const S=l-b,L=D(S);x(m,L,"up")}else if(b>G-l){const S=b-(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};
-`,js=ne.getLocalizedStrings().taskManagement.taskList.footer;function ys({taskGroupsList:e,anchorEl:d,groupByKey:r,onCreateNewGroup:u,onExistingGroupSelection:k,onClose:p}){const a=()=>{p(),u()};return t.jsx(Qe,{open:!!d,anchorEl:d,onClose:p,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(bs,{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:js.createGroup})]})})]})})}const bs=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(),Q=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(Qe,{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:Q.task})]}),t.jsx(U,{controller:d==="groupName",children:t.jsxs(Ue,{onClick:()=>l(""),children:[t.jsx(Hs,{}),t.jsx(De,{children:Q.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(Js,{children:Q.groupTemplates})]}),t.jsx(Gs,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:l,onSearchTextChanged:g,placeholder:Q.searchPlaceholder})]})}),t.jsx(U,{controller:T.length>0,children:t.jsx(Xs,{children:T.map(x=>{const $=u===x.id;return t.jsxs(ro,{children:[t.jsxs(Zs,{onClick:()=>{k(x.id)},expanded:$,children:[t.jsxs(Qs,{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:Q.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:Q.noTaskGroup})}),t.jsxs(Ve,{onClick:N,children:[t.jsx(Ke,{}),t.jsx(V,{children:Q.newTaskOptionText.replace("__searchText__",l)})]}),t.jsxs(Ve,{onClick:D,children:[t.jsx(Ke,{}),t.jsx(V,{children:Q.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};
-`,Js=o(De)`
-  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};
-`,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:Jt(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(Xt,{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)},[]),b=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`),b()},[b,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(jo,{})}),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(yo,{onClick:G,children:t.jsx(bo,{})}),t.jsx(Ut,{onClose:b,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 X=()=>{D(C.id)};return{label:t.jsx(ho,{taskDetail:C,onRowClick:X,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)"};
-`,jo=o(st)`
-  width: ${s.sp3};
-  height: ${s.sp3};
-  color: ${e=>e.theme.colors.primary};
-`,yo=o.div`
-  cursor: pointer;
-`,bo=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(Qt)`
-  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:Je},taskManagement:Ee}=ne.getLocalizedStrings(),bn=({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:b,handleGroupTemplateClick:S,handleGroupTemplateTaskClick:L,handleNewTaskInitialization:w,onTaskGroupNameClick:C})=>{const[X,ee]=n.useState(!1),[te,q]=n.useState(null),[F,K]=n.useState(null),[ae,J]=n.useState(null),[$e,ce]=n.useState(null),[me,Te]=n.useState(!1),re=kt(),{fetchState:se,uiState:ie,filters:pe,userList:ue,taskGroupsWithTasksList:je}=e,{tagList:ye}=d,be=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]),y=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",y,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]),j=n.useCallback(()=>{q(Y)},[]),E=n.useCallback(W=>{J(gt=>gt===W?null:W)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&ee(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&J(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const O=()=>se==="Error"?t.jsxs(Xo,{children:[t.jsx(Zo,{onClick:l,children:t.jsx(Qo,{})}),t.jsx(en,{children:H.common.reloadPage.label})]}):se==="Completed"&&je.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:ye,renameActiveField:te,updateTask:k,onDragNDrop:p,onAddNewTaskToTaskGroup:A,onColumnSortConfigChanged:g,onTaskManagementRowClick:c,assignGroupToTasks:z,handleCreateGroup:f,resetLocalData:$,setGroupCreationInProgress:j,setShowDeleteModal:ee,updateLocalData:h,setActiveTaskGroupId:K,setRenameActiveField:q,onTaskGroupRename:M,onTimeSpentUpdate:G,onShowToast:b,onCreateTagClick:u,onTaskGroupNameClick:C}),Ge=t.jsx(ns,{spendManagementSectionProps:P});return t.jsxs(Jo,{children:[t.jsx(xt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:be.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:X===!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);yt({componentName:"task.management.list"});const[G,b]=n.useState(null),S=n.useRef({}),L=de(),{localData:w,taskGroupsWithTasksList:C,uiState:X,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=bt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Xe(e.taskGroupsWithTasksList,w,K,d,e.userGroupList.userGroups),[e.taskGroupsWithTasksList,e.userGroupList.userGroups,w,K,d]),values:n.useMemo(()=>Xe(e.taskGroupsWithTasksList,w,K,d,e.userGroupList.userGroups),[e.taskGroupsWithTasksList,e.userGroupList.userGroups,w,K,d])}),J=n.useMemo(()=>{if(r!==Y)return C;const i=[],y=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 y.unshift({groupName:"",isDefault:!1,id:Y,tasks:i}),y},[r,C,w.selectedTaskIds]),$e=n.useCallback(i=>te.includes(J[i].id)||J[i].tasks.length===0?100:S.current?.[i]!=null?S.current[i]+_o.rowGap.value(L):(as*1+rs)*3+is+ls,[te,J,L]),ce=n.useCallback(i=>{b(i.currentTarget)},[]),me=n.useCallback((i,y)=>{S.current={...S.current,[i]:y},m.current?.resetAfterIndex(0,!0)},[L,m,C]),Te=n.useCallback(i=>{q(y=>y.includes(i)?y.filter(P=>i!==P):[...y,i]),m.current?.resetAfterIndex(0,!0)},[]),re=n.useCallback(()=>{b(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]),je=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]),ye=n.useCallback(()=>{p(null),g()},[g,p]),be=n.useCallback(i=>{g(),p(i)},[g,p]),ve=n.useCallback(()=>{w.defaultTaskGroupId!=null&&T(w.defaultTaskGroupId)},[T,w.defaultTaskGroupId]),Se=async(i,y)=>{if(i.includes(it)){const v=i.split(".")[2],I=C.flatMap(j=>j.tasks).find(j=>j.id===v),R=y[_][oe][v].priority.selectedOption;if(I!=null&&R!=null){const j=pt.find(E=>E.code===R);j!=null&&u(I,{priority:j})}return}if(i.includes(lt)){const v=i.split(".")[2],I=C.flatMap(j=>j.tasks).find(j=>j.id===v),R=y[_][oe][v].status.selectedOption;if(I!=null&&R!=null){const j=ut.find(E=>E.code===R);I!=null&&j!=null&&u(I,{status:j})}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,j=y[_][oe][v].assignees.selectedUsers.map(O=>O.userId),E=y[_][oe][v].assignees.selectedUserGroups?.map(O=>O.userGroupId);R!=null&&j!=null&&I!=null&&u(I,{assignees:j,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,j=y[_][oe][v].dueDate.date;R!=null&&j!=null&&I!=null&&u(I,{dueDate:j});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,j=y[_][oe][v].tags.selectedOptions;R!=null&&j!=null&&I!=null&&u(I,{tagIds:j});return}i.includes(fe)&&ae.trigger(i);const P=Yo(i,y,w);h(P)};n.useEffect(()=>{const i=ae.watch((y,{name:P})=>{P!=null&&y!=null&&vt(()=>Se(P,y))});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(je),style:{width:"100%"},children:t.jsx(tn,{isFooterVisible:ke,windowSize:L,children:t.jsx(Gt,{children:({height:i,width:y})=>t.jsx(Lt,{ref:m,outerRef:F,height:i,itemCount:J.length,itemSize:$e,estimatedItemSize:Nt,itemKey:P=>J[P].id,width:y,overscanCount:It,itemData:{tagList:d,taskGroupsWithTasksList:J,uiState:X,collapsedGroups:te,userList:e.userList,userGroupList:ee.userGroups,renameActiveField:r,selectedRowIds:w.selectedTaskIds,existingTaskGroupNamesByGroupId:w.existingTaskGroupNamesByGroupId,onRenameClick:be,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:Je.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Je.cancel,style:{width:"135px"},onClick:ye},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(ys,{taskGroupsList:C,anchorEl:G,groupByKey:X.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:b,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 X=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:X,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:b,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:b})=>{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:b})},Xe=(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%;
-`,Jo=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(et)`
-  height: ${s.sp5};
-  width: ${s.sp5};
-  color: ${e=>e.theme.colors.grey1};
-  &:hover {
-    color: ${e=>e.theme.colors.primary};
-  }
-`,en=o(jt)`
-  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{bn as default,qe as uniqueFormName};

package/dist/assets/TimeframeSwitcher-B-NCBgZo-Bzw6DaTx.js

@@ -1,31 +0,0 @@
-import{V as r,o as t,ak as p,b as u}from"./index-D0RCZvbR.js";import{n as d}from"./mui-CWpKo4a_.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="0afee43a-e9d7-49ba-8b48-4209251f2444",e._sentryDebugIdIdentifier="sentry-dbid-0afee43a-e9d7-49ba-8b48-4209251f2444")}catch{}})();const g=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  background-color: ${e=>e.theme.colors.background};
-  padding: ${t.sp1};
-  border-radius: 10px;
-  max-width: 100%;
-  overflow-x: auto;
-  overflow-y: hidden;
-  white-space: nowrap;
-`,b=d.div`
-  color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
-  &:hover {
-    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
-  }
-  cursor: ${e=>e.isSelected?"default":"pointer"};
-  border-radius: ${t.sp2};
-  background-color: ${e=>e.isSelected?e.theme.colors.grey5:e.theme.colors.background};
-  box-shadow: ${e=>e.isSelected?`${t.sp0} 2px ${t.sp1} ${e.theme.colors.dropShadowNormal}`:null};
-`,_=d(p)`
-  padding: ${t.sp2} ${t.sp3} ${t.sp2} ${t.sp3};
-`,w=d.div`
-  width: 1px;
-  height: ${t.sp3};
-  background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey2};
-`,y=d.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-`;function x({timeframe:e,isSelected:s,onClick:i}){const o=c=>{switch(c){case"month":case"quarter":case"year":case"this_week_to_date":case"last_week":case"this_month_to_date":case"last_month":case"last_3_months":case"last_6_months":case"last_12_months":case"this_year_to_date":case"last_year":return u.getLocalizedStrings().timeframeSwitcherLabels[c];default:return console.warn("Unsupported timeframe"),""}};return r.jsx(b,{onClick:()=>{s===!1&&i(e)},isSelected:s,children:r.jsx(_,{children:o(e)})})}function k({containerDataTestId:e,onTimeframeSelectionChanged:s,selectedTimeframe:i,timeframes:o}){const c=a=>{s?.(a)},l=o.findIndex(a=>a===i);return r.jsx(g,{"data-testid":e,children:o.map((a,n)=>{const m=o.length>1&&n<o.length-1,h=n===l,f=n===l-1;return r.jsxs(y,{children:[r.jsx(x,{timeframe:a,isSelected:h,onClick:c},n),m?r.jsx(w,{isSelected:h||f}):null]},n)})})}export{k as j};