@zeniai/web-cockpit-ui 1.14.89-qa → 1.14.90-dev

package/dist/assets/{SpendManagementSection-BqWbsmBW-C71zMSb0.js → SpendManagementSection-LzT-Bnhy-DcyEJGSm.js}

@@ -1,4 +1,4 @@
-import{Q as B,d as _,F as L,V as o,ck as V,o as r,gU as se,u as R,n as ie,b as q,bF as Z,y as J,gV as ce,gW as de,cY as ee,bG as I,b8 as pe,ag as te,gX as ue,bE as oe,av as he,gY as ge,gZ as me,ak as D,b7 as fe,g_ as xe,ax as ye,g$ as Ce,h0 as be,p as ve,cV as we,bL as $e,fX as Se,A as je,M as H,_ as ke,fY as Le,aQ as Oe}from"./index-BzfDeuOT.js";import{a}from"./core-3dlyNYRL.js";import{n as l,k as Ee}from"./mui-bYXq4XMS.js";import{Fu as Ae,Fs as Ie,Ft as Fe,Fq as Me,Fr as Te}from"./zeni-epic-state-BwKvATgd.js";const Re=l.div`
+import{q as B,e as _,F as L,V as o,ck as D,o as r,gU as se,d as R,n as ie,b as Q,bF as Z,y as J,gV as ce,gW as de,cY as ee,bG as A,b8 as pe,ag as te,gX as ue,bE as oe,av as he,gY as ge,gZ as me,ak as V,b7 as fe,g_ as xe,ax as ye,g$ as Ce,h0 as be,p as ve,cV as we,bL as $e,fX as Se,m as je,B as H,L as ke,fY as Le,aQ as Oe}from"./index-BhteR_e0.js";import{a}from"./core-B-FNbYlu.js";import{n as l,k as Ee}from"./mui-DLNyBjYF.js";import{Fu as Ie,Fs as Ae,Ft as Fe,Fq as Me,Fr as Te}from"./zeni-epic-state-HWtMOH-U.js";const Re=l.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -6,7 +6,7 @@ import{Q as B,d as _,F as L,V as o,ck as V,o as r,gU as se,u as R,n as ie,b as q
   color: ${e=>e.theme.colors.primary};
   width: ${r.sp3};
   height: ${r.sp3};
-`,N=({value:e,defaultMenuIsOpen:t=!1,options:n,placeHolder:i,onChange:p,getOptionLabel:s})=>{const C=_(),y=a.useRef(null),h=Pe(C),b=n.find(f=>f.value===e);return a.useEffect(()=>{const f=setTimeout(()=>{y.current!=null&&t&&y.current.focus()},300);return()=>{clearTimeout(f)}},[t]),o.jsx(Z,{ref:y,isMulti:!1,value:b,onChange:f=>{p(f)},placeholder:i,options:n,styles:h,openMenuOnFocus:!0,components:{Option:f=>ze(f,s),SingleValue:f=>_e(f,s)}})},_e=(e,t)=>{const n=t?.(e.data.value)??e.data.label;return o.jsx(I.SingleValue,{...e,children:o.jsx(pe,{children:n})})},ze=(e,t)=>{const{isSelected:n}=e,i=t?.(e.data.value)??e.data.label;return o.jsx(I.Option,{...e,children:o.jsxs(Re,{children:[o.jsx(te,{children:i}),n?o.jsx(Be,{}):null]})})},Pe=e=>({placeholder:t=>({...t,color:e.colors.grey1,...q.standardRegular.cssObject}),input:t=>({...t,color:e.colors.primary,margin:0,padding:0}),control:t=>({...t,backgroundColor:e.colors.background,border:"none",boxShadow:"none",height:r.sp6,cursor:"pointer"}),valueContainer:t=>({...t,height:"100%",padding:`${r.sp2} ${r.sp3}`}),indicatorSeparator:t=>({...t,display:"none"}),indicatorsContainer:t=>({...t,display:"none"}),option:(t,n)=>({...t,padding:`${r.sp2} ${r.sp3}`,cursor:"pointer",color:n.isSelected||n.isFocused?e.colors.primary:e.colors.hero,background:n.isSelected||n.isFocused?e.colors.background:e.colors.grey5,":hover":{color:e.colors.primary,backgroundColor:e.colors.background}}),singleValue:t=>({...t,color:e.colors.primary,margin:0}),menuList:t=>({...t,backgroundColor:e.colors.grey5,maxHeight:"320px"}),menu:t=>({...t,boxShadow:`${r.sp0} 2px ${r.sp2} ${e.colors.dropShadowHover}`})}),Ve="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.8999%205.04416L9.65575%2017.6653C9.48897%2017.8247%209.29152%2017.9484%209.07541%2018.0291C8.85929%2018.1097%208.62902%2018.1456%208.39862%2018.1345C8.17133%2018.1236%207.94853%2018.0673%207.7434%2017.9689C7.53827%2017.8704%207.35499%2017.7318%207.20439%2017.5612L1.17558%2010.7125'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",De=l.div`
+`,N=({value:e,defaultMenuIsOpen:t=!1,options:n,placeHolder:i,onChange:p,getOptionLabel:s})=>{const C=_(),y=a.useRef(null),h=Pe(C),b=n.find(f=>f.value===e);return a.useEffect(()=>{const f=setTimeout(()=>{y.current!=null&&t&&y.current.focus()},300);return()=>{clearTimeout(f)}},[t]),o.jsx(Z,{ref:y,isMulti:!1,value:b,onChange:f=>{p(f)},placeholder:i,options:n,styles:h,openMenuOnFocus:!0,components:{Option:f=>ze(f,s),SingleValue:f=>_e(f,s)}})},_e=(e,t)=>{const n=t?.(e.data.value)??e.data.label;return o.jsx(A.SingleValue,{...e,children:o.jsx(pe,{children:n})})},ze=(e,t)=>{const{isSelected:n}=e,i=t?.(e.data.value)??e.data.label;return o.jsx(A.Option,{...e,children:o.jsxs(Re,{children:[o.jsx(te,{children:i}),n?o.jsx(Be,{}):null]})})},Pe=e=>({placeholder:t=>({...t,color:e.colors.grey1,...Q.standardRegular.cssObject}),input:t=>({...t,color:e.colors.primary,margin:0,padding:0}),control:t=>({...t,backgroundColor:e.colors.background,border:"none",boxShadow:"none",height:r.sp6,cursor:"pointer"}),valueContainer:t=>({...t,height:"100%",padding:`${r.sp2} ${r.sp3}`}),indicatorSeparator:t=>({...t,display:"none"}),indicatorsContainer:t=>({...t,display:"none"}),option:(t,n)=>({...t,padding:`${r.sp2} ${r.sp3}`,cursor:"pointer",color:n.isSelected||n.isFocused?e.colors.primary:e.colors.hero,background:n.isSelected||n.isFocused?e.colors.background:e.colors.grey5,":hover":{color:e.colors.primary,backgroundColor:e.colors.background}}),singleValue:t=>({...t,color:e.colors.primary,margin:0}),menuList:t=>({...t,backgroundColor:e.colors.grey5,maxHeight:"320px"}),menu:t=>({...t,boxShadow:`${r.sp0} 2px ${r.sp2} ${e.colors.dropShadowHover}`})}),De="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.8999%205.04416L9.65575%2017.6653C9.48897%2017.8247%209.29152%2017.9484%209.07541%2018.0291C8.85929%2018.1097%208.62902%2018.1456%208.39862%2018.1345C8.17133%2018.1236%207.94853%2018.0673%207.7434%2017.9689C7.53827%2017.8704%207.35499%2017.7318%207.20439%2017.5612L1.17558%2010.7125'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",Ve=l.div`
   display: flex;
   align-items: flex-start;
   padding: ${r.sp2} ${r.sp3};
@@ -31,17 +31,17 @@ import{Q as B,d as _,F as L,V as o,ck as V,o as r,gU as se,u as R,n as ie,b as q
   align-items: center;
   column-gap: ${r.sp3};
   justify-content: space-between;
-`,Ge=l.img`
+`,Ye=l.img`
   height: ${r.sp3};
   width: ${r.sp3};
   border-radius: 50%;
   justify-content: center;
   color: ${e=>e.theme.colors.hero};
-`,Qe=l(Se)`
+`,Ge=l(Se)`
   color: ${e=>e.theme.colors.hero};
   height: ${r.sp4};
   width: ${r.sp4};
-`,Ye=l(oe)`
+`,Xe=l(oe)`
   color: ${e=>e.theme.colors.primary};
   height: ${r.sp3};
   min-width: ${r.sp3};
@@ -49,10 +49,10 @@ import{Q as B,d as _,F as L,V as o,ck as V,o as r,gU as se,u as R,n as ie,b as q
   color: ${e=>e.theme.colors.primary};
   height: 10px;
   width: 10px;
-`,Xe=l(Oe)`
+`,qe=l(Oe)`
   overflow: hidden;
   text-overflow: ellipsis;
-`,qe=({options:e,value:t,placeHolder:n,filterCategoryType:i,searchAutoCompleteData:p,searchAutoCompleteActions:s,onChange:C})=>{const y=_(),h=be(y),[b,f]=a.useState(e);a.useEffect(()=>{i==="searchAutocomplete"&&p?.entityAutoCompleteView.fetchState==="Completed"&&f(d=>xe([...d,...p?.entityAutoCompleteView!=null?Ze(p?.entityAutoCompleteView):[]],"value"))},[p?.entityAutoCompleteView.fetchState]);const S=i==="searchAutocomplete"?t.map(d=>({label:d,value:d})):t.map(d=>b.find(x=>x.value===d)),v=a.useRef(ye(d=>s?.onAutoCompleteInputChange?.(d),500,{trailing:!0})).current,j=p?.entityAutoCompleteView.fetchState,O={options:e,filterCategoryType:i,searchAutoCompleteStatus:j},$=L.getLocalizedStrings().common.filters;return o.jsx(De,{children:i==="dateRange"?o.jsx(Ce,{onDateRangeChange:d=>{C([{label:$.startDate,value:d.startDate??""},{label:$.endDate,value:d.endDate??""}])},selectedDates:t}):o.jsxs(He,{children:[S.length===0&&i==="user"&&o.jsx(Qe,{}),o.jsx(Z,{...O,isMulti:!0,hideSelectedOptions:!1,value:S,onInputChange:d=>{i==="searchAutocomplete"&&v(d)},onChange:d=>{C(d)},placeholder:n,options:b,styles:h,menuPosition:"fixed",components:{Option:et,MultiValueLabel:Je,MultiValueRemove:tt},filterOption:(d,x)=>rt(d,x,i),noOptionsMessage:()=>ot(i,j)})]})})},Ze=e=>(e?.vendor.map(t=>({label:t.name,value:t.name}))??[]).sort((t,n)=>(t.label??"").localeCompare(n.label??"")),Je=e=>{const{selectProps:t}=e,{options:n,filterCategoryType:i}=t,p=n.findIndex(s=>s.value===e.data.value);return o.jsx(I.MultiValueLabel,{...e,children:o.jsxs(Ne,{children:[re(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",p,i),o.jsx(Xe,{children:e.children})]})})},et=e=>{const{onMouseMove:t,onMouseOver:n,isSelected:i,...p}=e.innerProps,{options:s,filterCategoryType:C}=e.selectProps,y=s.findIndex(b=>b.value===e.data.value),h={...e,innerProps:p};return o.jsx(I.Option,{...h,children:o.jsxs(Ue,{children:[o.jsxs(We,{children:[re(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",y,C),o.jsx(te,{children:e.label})]}),e.isSelected&&o.jsx(Ye,{})]})})},tt=e=>o.jsx(I.MultiValueRemove,{...e,children:o.jsx(Ke,{})}),ot=(e,t)=>{const n=L.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(t==="In-Progress")return o.jsx(je,{size:"Small-Compact",start:!0});if(t==="Not-Started")return null;if(t==="Completed")return o.jsx(H,{children:n.noMatchesFound})}return o.jsx(H,{children:n.noOptions})},re=(e,t,n,i,p)=>p!=="user"?null:e==null?o.jsx(Le,{firstName:t,lastName:n,size:`${r.sp3}`,index:i,fontSize:"9px"}):o.jsx(Ge,{src:e.href,alt:L.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:s})=>{s.onerror=null,s.src=Ve},loading:"lazy"}),rt=(e,t,n)=>n==="user"&&e.data.email!=null?e.data.label.toLowerCase().includes(t.toLowerCase())||e.data.email.toLowerCase().includes(t.toLowerCase()):e.data.label.toLowerCase().includes(t.toLowerCase()),F={categoryCombinationOperator:"AND",categories:[]},ne={valuesCombinationOperator:"ANY",values:[],matchingOperator:"equal"},M=(e,t)=>{switch(e){case"bill_pay":return Te;case"reimbursement":return Me(t)?Ie:Fe;case"task_management":return Ae}},T=(e,t)=>{if(e==="bill_pay"){const n=t;return L.getLocalizedStrings().spendManagement.filters.filterCategories.bills[n]}if(e==="reimbursement"){const n=t;return L.getLocalizedStrings().spendManagement.filters.filterCategories.reimbursements[n]}if(e==="task_management"){const n=t;return L.getLocalizedStrings().spendManagement.filters.filterCategories.taskManagement[n]}return""},nt=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?{categoryCombinationOperator:"AND",categories:[{...ne,field:t.value}]}:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,field:t.value,values:[]})},lt=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,matchingOperator:t.value})},at=({currentFilters:e,selectedOptions:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,values:t.map(s=>s.value)})},st={width:new J(215,315)},W=l.div`
+`,Qe=({options:e,value:t,placeHolder:n,filterCategoryType:i,searchAutoCompleteData:p,searchAutoCompleteActions:s,onChange:C})=>{const y=_(),h=be(y),[b,f]=a.useState(e);a.useEffect(()=>{i==="searchAutocomplete"&&p?.entityAutoCompleteView.fetchState==="Completed"&&f(d=>xe([...d,...p?.entityAutoCompleteView!=null?Ze(p?.entityAutoCompleteView):[]],"value"))},[p?.entityAutoCompleteView.fetchState]);const S=i==="searchAutocomplete"?t.map(d=>({label:d,value:d})):t.map(d=>b.find(x=>x.value===d)),v=a.useRef(ye(d=>s?.onAutoCompleteInputChange?.(d),500,{trailing:!0})).current,j=p?.entityAutoCompleteView.fetchState,O={options:e,filterCategoryType:i,searchAutoCompleteStatus:j},$=L.getLocalizedStrings().common.filters;return o.jsx(Ve,{children:i==="dateRange"?o.jsx(Ce,{onDateRangeChange:d=>{C([{label:$.startDate,value:d.startDate??""},{label:$.endDate,value:d.endDate??""}])},selectedDates:t}):o.jsxs(He,{children:[S.length===0&&i==="user"&&o.jsx(Ge,{}),o.jsx(Z,{...O,isMulti:!0,hideSelectedOptions:!1,value:S,onInputChange:d=>{i==="searchAutocomplete"&&v(d)},onChange:d=>{C(d)},placeholder:n,options:b,styles:h,menuPosition:"fixed",components:{Option:et,MultiValueLabel:Je,MultiValueRemove:tt},filterOption:(d,x)=>rt(d,x,i),noOptionsMessage:()=>ot(i,j)})]})})},Ze=e=>(e?.vendor.map(t=>({label:t.name,value:t.name}))??[]).sort((t,n)=>(t.label??"").localeCompare(n.label??"")),Je=e=>{const{selectProps:t}=e,{options:n,filterCategoryType:i}=t,p=n.findIndex(s=>s.value===e.data.value);return o.jsx(A.MultiValueLabel,{...e,children:o.jsxs(Ne,{children:[re(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",p,i),o.jsx(qe,{children:e.children})]})})},et=e=>{const{onMouseMove:t,onMouseOver:n,isSelected:i,...p}=e.innerProps,{options:s,filterCategoryType:C}=e.selectProps,y=s.findIndex(b=>b.value===e.data.value),h={...e,innerProps:p};return o.jsx(A.Option,{...h,children:o.jsxs(Ue,{children:[o.jsxs(We,{children:[re(e.data.photo,e.data.label.split(" ")[0],e.data.label.split(" ")[1]!=null?e.data.label.split(" ")[1]:"",y,C),o.jsx(te,{children:e.label})]}),e.isSelected&&o.jsx(Xe,{})]})})},tt=e=>o.jsx(A.MultiValueRemove,{...e,children:o.jsx(Ke,{})}),ot=(e,t)=>{const n=L.getLocalizedStrings().common.filters;if(e==="searchAutocomplete"){if(t==="In-Progress")return o.jsx(je,{size:"Small-Compact",start:!0});if(t==="Not-Started")return null;if(t==="Completed")return o.jsx(H,{children:n.noMatchesFound})}return o.jsx(H,{children:n.noOptions})},re=(e,t,n,i,p)=>p!=="user"?null:e==null?o.jsx(Le,{firstName:t,lastName:n,size:`${r.sp3}`,index:i,fontSize:"9px"}):o.jsx(Ye,{src:e.href,alt:L.getLocalizedStrings().common.filters.userProfileAltText,onError:({currentTarget:s})=>{s.onerror=null,s.src=De},loading:"lazy"}),rt=(e,t,n)=>n==="user"&&e.data.email!=null?e.data.label.toLowerCase().includes(t.toLowerCase())||e.data.email.toLowerCase().includes(t.toLowerCase()):e.data.label.toLowerCase().includes(t.toLowerCase()),F={categoryCombinationOperator:"AND",categories:[]},ne={valuesCombinationOperator:"ANY",values:[],matchingOperator:"equal"},M=(e,t)=>{switch(e){case"bill_pay":return Te;case"reimbursement":return Me(t)?Ae:Fe;case"task_management":return Ie}},T=(e,t)=>{if(e==="bill_pay"){const n=t;return L.getLocalizedStrings().spendManagement.filters.filterCategories.bills[n]}if(e==="reimbursement"){const n=t;return L.getLocalizedStrings().spendManagement.filters.filterCategories.reimbursements[n]}if(e==="task_management"){const n=t;return L.getLocalizedStrings().spendManagement.filters.filterCategories.taskManagement[n]}return""},nt=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?{categoryCombinationOperator:"AND",categories:[{...ne,field:t.value}]}:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,field:t.value,values:[]})},lt=({currentFilters:e,selectedOption:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,matchingOperator:t.value})},at=({currentFilters:e,selectedOptions:t,categoryIndex:n})=>e.categories==null||e.categories.length===0?e:{...e,categories:e.categories.map((i,p)=>p!==n?i:{...i,values:t.map(s=>s.value)})},st={width:new J(215,315)},W=l.div`
   display: flex;
   flex-direction: column;
   row-gap: ${r.sp4};
@@ -62,12 +62,12 @@ import{Q as B,d as _,F as L,V as o,ck as V,o as r,gU as se,u as R,n as ie,b as q
   align-items: flex-start;
   flex-wrap: ${e=>e.windowSize==="small"?"wrap":"nowrap"};
   row-gap: ${e=>e.windowSize==="small"?r.sp3:r.sp0};
-`,G=l.div`
+`,Y=l.div`
   width: 90px;
   color: ${e=>e.theme.colors.primary};
-`,Q=l.div`
+`,G=l.div`
   width: 194px;
-`,Y=l.button`
+`,X=l.button`
   display: flex;
   align-items: center;
   column-gap: ${r.sp1};
@@ -123,7 +123,7 @@ import{Q as B,d as _,F as L,V as o,ck as V,o as r,gU as se,u as R,n as ie,b as q
   width: ${e=>st.width.valuePx(e.windowSize)};
   background: ${e=>e.theme.colors.background};
   border-radius: ${r.sp1};
-`,X=l.div`
+`,q=l.div`
   display: flex;
   align-items: center;
   column-gap: ${r.sp3};
@@ -139,7 +139,7 @@ import{Q as B,d as _,F as L,V as o,ck as V,o as r,gU as se,u as R,n as ie,b as q
   align-items: flex-start;
   column-gap: ${r.sp3};
   animation: ${ft} 0.4s;
-`,le=a.forwardRef(({filters:e,filterValues:t,selectedEntity:n,vendorSearchAutoCompleteData:i,vendorSearchAutoCompleteActions:p,onFiltersChange:s},C)=>{const y=he(),h=B(),b=a.useCallback((c,u)=>{const g=nt({currentFilters:e,selectedOption:c,categoryIndex:u});s(g)},[e,s]),f=a.useCallback((c,u)=>{const g=lt({currentFilters:e,selectedOption:c,categoryIndex:u});s(g)},[e,s]),S=a.useCallback(c=>{if(e!=null){const u={...e,categoryCombinationOperator:c};s(u)}},[e,s]),v=a.useCallback(c=>{if(c===0&&e.categories!=null&&e.categories.length===1){s(F);return}if(e.categories!=null&&e.categories.length!==0){if([...e.categories.slice(0,c),...e.categories.slice(c+1)].filter(u=>u.field!=null).length){const u={...e,categories:[...e.categories.slice(0,c),...e.categories.slice(c+1)]};s(u);return}s(F)}},[s,e]),j=()=>{e.categories!=null&&e.categories.length&&s({...e,categories:[...e.categories,{...ne}]})},O=()=>{s(F)},$=a.useCallback((c,u)=>{const g=at({currentFilters:e,selectedOptions:c,categoryIndex:u});s(g)},[e,s]),d=L.getLocalizedStrings().spendManagement.filters,x=()=>e.categories!=null&&e.categories.length!==0?o.jsxs(pt,{children:[o.jsxs(Y,{onClick:j,children:[o.jsx(it,{}),o.jsx(D,{children:d.addFilterBtnText})]}),o.jsxs(Y,{onClick:O,children:[o.jsx(ct,{}),o.jsx(D,{children:d.clearAllBtnText})]})]}):null,E=()=>e.categories==null||e.categories.length===0?o.jsx(W,{children:o.jsx(U,{children:o.jsxs(X,{children:[o.jsx(G,{children:o.jsx(K,{children:d.filterByLabel})}),o.jsx(Q,{children:o.jsx(N,{defaultMenuIsOpen:!0,onChange:b,placeHolder:d.categoryPlaceholder,getOptionLabel:c=>T(n,c),options:M(n,y.loggedInUserRole)})})]})})}):o.jsx(a.Fragment,{children:e.categories.map((c,u)=>{const g=M(n,y.loggedInUserRole??[]).find(w=>w.value===c.field),k=g?.type,m=g!=null?T(n,g?.value):"";return o.jsxs(U,{windowSize:h,children:[o.jsxs(X,{children:[o.jsxs(G,{children:[u===0&&o.jsx(K,{children:d.filterByLabel}),u!==0?o.jsx(ge,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:S,buttonsDisabled:u>1}):null]}),o.jsx(Q,{children:o.jsx(N,{value:c.field,placeHolder:d.categoryPlaceholder,onChange:w=>b(w,u),getOptionLabel:w=>T(n,w),options:M(n,y.loggedInUserRole??[])})})]}),c.field?o.jsxs(xt,{children:[o.jsx(dt,{children:o.jsx(me,{categoryIndex:u,value:c.matchingOperator,onChange:f})}),o.jsxs(gt,{children:[o.jsx(mt,{windowSize:h,children:o.jsx(qe,{options:t[c.field]!=null?t[c.field]:[],placeHolder:k==="searchAutocomplete"?d.searchPlaceholder:`${d.select} ${m}`,value:c.values,filterCategoryType:k??"dropdown",onChange:w=>$(w,u),valuesCombinationOperator:c.valuesCombinationOperator,searchAutoCompleteData:i,searchAutoCompleteActions:p})}),o.jsx(ut,{onClick:()=>v(u),windowSize:h,children:o.jsx(ht,{})})]})]}):null]},c.field?c.field+u:u)})});return o.jsxs(W,{ref:C,children:[E(),x()]})});le.displayName="FiltersSelection";const yt=l.div`
+`,le=a.forwardRef(({filters:e,filterValues:t,selectedEntity:n,vendorSearchAutoCompleteData:i,vendorSearchAutoCompleteActions:p,onFiltersChange:s},C)=>{const y=he(),h=B(),b=a.useCallback((c,u)=>{const g=nt({currentFilters:e,selectedOption:c,categoryIndex:u});s(g)},[e,s]),f=a.useCallback((c,u)=>{const g=lt({currentFilters:e,selectedOption:c,categoryIndex:u});s(g)},[e,s]),S=a.useCallback(c=>{if(e!=null){const u={...e,categoryCombinationOperator:c};s(u)}},[e,s]),v=a.useCallback(c=>{if(c===0&&e.categories!=null&&e.categories.length===1){s(F);return}if(e.categories!=null&&e.categories.length!==0){if([...e.categories.slice(0,c),...e.categories.slice(c+1)].filter(u=>u.field!=null).length){const u={...e,categories:[...e.categories.slice(0,c),...e.categories.slice(c+1)]};s(u);return}s(F)}},[s,e]),j=()=>{e.categories!=null&&e.categories.length&&s({...e,categories:[...e.categories,{...ne}]})},O=()=>{s(F)},$=a.useCallback((c,u)=>{const g=at({currentFilters:e,selectedOptions:c,categoryIndex:u});s(g)},[e,s]),d=L.getLocalizedStrings().spendManagement.filters,x=()=>e.categories!=null&&e.categories.length!==0?o.jsxs(pt,{children:[o.jsxs(X,{onClick:j,children:[o.jsx(it,{}),o.jsx(V,{children:d.addFilterBtnText})]}),o.jsxs(X,{onClick:O,children:[o.jsx(ct,{}),o.jsx(V,{children:d.clearAllBtnText})]})]}):null,E=()=>e.categories==null||e.categories.length===0?o.jsx(W,{children:o.jsx(U,{children:o.jsxs(q,{children:[o.jsx(Y,{children:o.jsx(K,{children:d.filterByLabel})}),o.jsx(G,{children:o.jsx(N,{defaultMenuIsOpen:!0,onChange:b,placeHolder:d.categoryPlaceholder,getOptionLabel:c=>T(n,c),options:M(n,y.loggedInUserRole)})})]})})}):o.jsx(a.Fragment,{children:e.categories.map((c,u)=>{const g=M(n,y.loggedInUserRole??[]).find(w=>w.value===c.field),k=g?.type,m=g!=null?T(n,g?.value):"";return o.jsxs(U,{windowSize:h,children:[o.jsxs(q,{children:[o.jsxs(Y,{children:[u===0&&o.jsx(K,{children:d.filterByLabel}),u!==0?o.jsx(ge,{categoryCombinationOperator:e.categoryCombinationOperator,onChange:S,buttonsDisabled:u>1}):null]}),o.jsx(G,{children:o.jsx(N,{value:c.field,placeHolder:d.categoryPlaceholder,onChange:w=>b(w,u),getOptionLabel:w=>T(n,w),options:M(n,y.loggedInUserRole??[])})})]}),c.field?o.jsxs(xt,{children:[o.jsx(dt,{children:o.jsx(me,{categoryIndex:u,value:c.matchingOperator,onChange:f})}),o.jsxs(gt,{children:[o.jsx(mt,{windowSize:h,children:o.jsx(Qe,{options:t[c.field]!=null?t[c.field]:[],placeHolder:k==="searchAutocomplete"?d.searchPlaceholder:`${d.select} ${m}`,value:c.values,filterCategoryType:k??"dropdown",onChange:w=>$(w,u),valuesCombinationOperator:c.valuesCombinationOperator,searchAutoCompleteData:i,searchAutoCompleteActions:p})}),o.jsx(ut,{onClick:()=>v(u),windowSize:h,children:o.jsx(ht,{})})]})]}):null]},c.field?c.field+u:u)})});return o.jsxs(W,{ref:C,children:[E(),x()]})});le.displayName="FiltersSelection";const yt=l.div`
   padding-top: ${r.sp4};
   padding-bottom: ${r.sp4};
   box-sizing: border-box;
@@ -157,7 +157,7 @@ import{Q as B,d as _,F as L,V as o,ck as V,o as r,gU as se,u as R,n as ie,b as q
 `,bt=l.div`
   padding-left: ${r.sp4};
   padding-right: ${r.sp4};
-`,vt=({entity:e,filters:t,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:i,disableFilters:p=!1,transactionsLoaded:s=!0,createdByUserListLoaded:C=!0,analytics:y,groupByFiltersComponent:h,onFiltersChange:b,getCategoryWiseOptions:f})=>{const S=a.useRef(null),[v,j]=a.useState(!1),O=a.useRef(!1),[$,d]=a.useState({bill_pay:{},reimbursement:{},task_management:{}}),[x,E]=a.useState("auto"),c=a.useRef(null),u=B(),g=a.useCallback(()=>{j(!1)},[]),k=L.getLocalizedStrings().common.strings.empty,m=a.useCallback(()=>{e!=="task_management"&&y?.trackSpendManagmentFilterClick(e),p===!1&&j(!0)},[p,y,e]);a.useEffect(()=>{f&&Object.keys($[e]).length===0&&C&&s&&d(A=>({...A,[e]:f()}))},[e,$,s,C]);const w=a.useCallback(()=>{if(t?.categories==null||t.categories.length===0)return h!=null?88+h.height:88;const A=c.current,P=A!=null?A.clientHeight:0;return u==="small"?"auto":R[7]+(P>0?P:88)+(h!=null?h.height:0)},[t,u,h]);a.useEffect(()=>{if(v!==O.current){E("auto");return}E(w())},[w,v]),a.useEffect(()=>{O.current=v},[v]),a.useEffect(()=>{x==="auto"&&E(w())},[x,w]);const ae=()=>o.jsx(ue,{anchorEl:S.current,open:v,onClose:g,paperStyle:{overflow:"visible"},children:o.jsxs(yt,{height:x,windowSize:u,children:[h!=null?o.jsx(Ct,{children:h?.component}):null,o.jsx(bt,{children:o.jsx(le,{filters:t,onFiltersChange:b,filterValues:$[e],selectedEntity:e,ref:c,vendorSearchAutoCompleteActions:i,vendorSearchAutoCompleteData:n})})]})},t?.categories==null||t.categories.length===0?"smallBox":"largeBox"),z=t?.categories==null||t?.categories.length===0?0:t.categories.filter(A=>A.field!=null&&A.values.length>0).length;return o.jsxs(a.Fragment,{children:[o.jsx(ce,{searchPlaceholder:k,isFilterBtnActive:v||z>0,ref:S,isFilterDisabled:p,onFilterButtonClick:m,filtersCount:z,includeSearch:!1,filterText:k}),p!=!0&&ae()]})},wt=e=>a.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{d:"M18.8447 9.03137L22.4962 11.5418V21.127C22.4962 21.4902 22.3519 21.8385 22.0951 22.0953C21.8383 22.3521 21.4901 22.4963 21.1269 22.4963H2.86932C2.50615 22.4963 2.15786 22.3521 1.90106 22.0953C1.64427 21.8385 1.5 21.4902 1.5 21.127V11.5418L5.15151 9.03137",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M4.24207 19.7577L8.80646 16.1062H15.1966L19.761 19.7577",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M22.5 11.5416L17.0227 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M1.50378 11.5416L6.98105 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M18.8446 13.9754V2.41288C18.8446 2.17077 18.7484 1.93857 18.5772 1.76738C18.406 1.59618 18.1738 1.5 17.9317 1.5H6.06431C5.8222 1.5 5.59 1.59618 5.4188 1.76738C5.24761 1.93857 5.15143 2.17077 5.15143 2.41288V13.9754",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 5.55005H14.7654",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 8.83069H13.3818",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 12.0398H10.9606",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{spendManagement:$t}=L.getLocalizedStrings(),St={filterIconContainerPaddingRight:new J(18,10)};function zt({spendManagementSectionProps:e}){const{entity:t,moreIconContainerStyle:n,searchTextBoxStyle:i,disableDownloadButton:p,filters:s,searchText:C,downloadParams:y,downloadState:h,showSettingsIcon:b=!0,showSettingsIconOnNavbar:f,showDownloadButtonOnNavbar:S,showStatementButtonOnNavbar:v,showPayEarlyButtonOnNavbar:j,groupByFiltersComponent:O,updateDownloadStateHandler:$,onMenuOpen:d}=e,x=B(),E=_(),[c,u]=a.useState(void 0);a.useEffect(()=>{h!=="Error"&&u(!1)},[h]);let g=$t.moreMenuOptions;f||(g=g.filter(m=>m.value!=="settings")),v||(g=g.filter(m=>m.value!=="statements")),j||(g=g.filter(m=>m.value!=="payEarly")),S||(g=g.filter(m=>m.value!=="download"));const k={};return e.entity==="charge_cards"?k.width="275px":e.entity==="reimbursement"&&(k.width="208px"),o.jsxs(Lt,{children:[o.jsxs(kt,{isSearchOpen:e.isSearchOpen&&x==="small",windowsize:x,children:[x!=="small"&&!e.hideSearchBtn?o.jsx(V,{style:{position:"absolute",left:"unset",...i},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:m=>{e.onSearchTextChanged?.(m)},onSearchOpen:e.onSearchOpen,inputWrapperStyle:k,searchIconMarginRight:e.entity==="charge_cards"?r.sp4:"10px"}):null,(e.entity==="bill_pay"||e.entity==="reimbursement"||e.entity==="task_management")&&e.onFiltersChange!=null?o.jsx(At,{size:x,children:o.jsx(vt,{entity:e.entity,groupByFiltersComponent:O,onFiltersChange:e.onFiltersChange,filters:e.filters,getCategoryWiseOptions:e.getFilterOptions,vendorSearchAutoCompleteData:e.vendorSearchAutoCompleteData,vendorSearchAutoCompleteActions:e.vendorSearchAutoCompleteActions,createdByUserListLoaded:e.createdByUserListLoaded,analytics:e.analytics})}):null,e.showEntityEmailInfoIconOnNavbar===!0?o.jsx(Et,{onClick:e.onClickEmailInfoIcon,children:o.jsx(jt,{})}):null,b?o.jsx(Ot,{onClick:()=>u(void 0),style:n,children:t==="bill_pay"||t==="reimbursement"||t==="charge_cards"?o.jsx(se,{entity:t,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:x!=="small"?c:void 0,options:g,onMenuOpen:d,customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),menu:m=>({...m,left:"23px",top:"29px",transform:"translateX(-100%)",width:"auto",backgroundColor:E.colors.grey5,borderRadius:r.sp1,boxShadow:`${r.sp0} 2px ${r.sp2} ${E.colors.dropShadowHover}`,whiteSpace:"nowrap"}),container:()=>({marginLeft:R[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:R[0],marginLeft:-1}})},onOptionSelection:m=>{m==="settings"?e.onClickSetupIcon?.():m==="statements"?e.onClickStatementsIcon?.():m==="payEarly"&&e.onClickPayEarlyIcon?.()},downloadProps:(t==="bill_pay"||t==="reimbursement")&&y!=null?{entity:t,isDisabled:p,filter:{filters:s,searchText:C},downloadParams:y,downloadState:h,updateDownloadStateHandler:$}:void 0}):o.jsx(Ft,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?o.jsx(o.Fragment,{children:x==="small"?o.jsx(It,{onClick:e.onNewButtonClick,children:o.jsx(Mt,{})}):o.jsx(ie,{variant:"primary",onClick:e.onNewButtonClick,label:e.newButtonLabel??"",size:"small",style:{height:"29px",paddingLeft:"12px",paddingRight:"12px",...q.extraSmallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})}):null]}),x==="small"&&!e.hideSearchBtn?o.jsx(V,{style:{position:"absolute",left:"5px",right:x!=="small"?"120px":"unset",top:r.sp6,width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:m=>{e.onSearchTextChanged?.(m)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0,inputWrapperStyle:e.entity==="charge_cards"?{width:270}:{}}):null]})}const jt=l(wt)`
+`,vt=({entity:e,filters:t,vendorSearchAutoCompleteData:n,vendorSearchAutoCompleteActions:i,disableFilters:p=!1,transactionsLoaded:s=!0,createdByUserListLoaded:C=!0,analytics:y,groupByFiltersComponent:h,onFiltersChange:b,getCategoryWiseOptions:f})=>{const S=a.useRef(null),[v,j]=a.useState(!1),O=a.useRef(!1),[$,d]=a.useState({bill_pay:{},reimbursement:{},task_management:{}}),[x,E]=a.useState("auto"),c=a.useRef(null),u=B(),g=a.useCallback(()=>{j(!1)},[]),k=L.getLocalizedStrings().common.strings.empty,m=a.useCallback(()=>{e!=="task_management"&&y?.trackSpendManagmentFilterClick(e),p===!1&&j(!0)},[p,y,e]);a.useEffect(()=>{f&&Object.keys($[e]).length===0&&C&&s&&d(I=>({...I,[e]:f()}))},[e,$,s,C]);const w=a.useCallback(()=>{if(t?.categories==null||t.categories.length===0)return h!=null?88+h.height:88;const I=c.current,P=I!=null?I.clientHeight:0;return u==="small"?"auto":R[7]+(P>0?P:88)+(h!=null?h.height:0)},[t,u,h]);a.useEffect(()=>{if(v!==O.current){E("auto");return}E(w())},[w,v]),a.useEffect(()=>{O.current=v},[v]),a.useEffect(()=>{x==="auto"&&E(w())},[x,w]);const ae=()=>o.jsx(ue,{anchorEl:S.current,open:v,onClose:g,paperStyle:{overflow:"visible"},children:o.jsxs(yt,{height:x,windowSize:u,children:[h!=null?o.jsx(Ct,{children:h?.component}):null,o.jsx(bt,{children:o.jsx(le,{filters:t,onFiltersChange:b,filterValues:$[e],selectedEntity:e,ref:c,vendorSearchAutoCompleteActions:i,vendorSearchAutoCompleteData:n})})]})},t?.categories==null||t.categories.length===0?"smallBox":"largeBox"),z=t?.categories==null||t?.categories.length===0?0:t.categories.filter(I=>I.field!=null&&I.values.length>0).length;return o.jsxs(a.Fragment,{children:[o.jsx(ce,{searchPlaceholder:k,isFilterBtnActive:v||z>0,ref:S,isFilterDisabled:p,onFilterButtonClick:m,filtersCount:z,includeSearch:!1,filterText:k}),p!=!0&&ae()]})},wt=e=>a.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{d:"M18.8447 9.03137L22.4962 11.5418V21.127C22.4962 21.4902 22.3519 21.8385 22.0951 22.0953C21.8383 22.3521 21.4901 22.4963 21.1269 22.4963H2.86932C2.50615 22.4963 2.15786 22.3521 1.90106 22.0953C1.64427 21.8385 1.5 21.4902 1.5 21.127V11.5418L5.15151 9.03137",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M4.24207 19.7577L8.80646 16.1062H15.1966L19.761 19.7577",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M22.5 11.5416L17.0227 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M1.50378 11.5416L6.98105 15.1931",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M18.8446 13.9754V2.41288C18.8446 2.17077 18.7484 1.93857 18.5772 1.76738C18.406 1.59618 18.1738 1.5 17.9317 1.5H6.06431C5.8222 1.5 5.59 1.59618 5.4188 1.76738C5.24761 1.93857 5.15143 2.17077 5.15143 2.41288V13.9754",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 5.55005H14.7654",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 8.83069H13.3818",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),a.createElement("path",{d:"M9.23108 12.0398H10.9606",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{spendManagement:$t}=L.getLocalizedStrings(),St={filterIconContainerPaddingRight:new J(18,10)};function zt({spendManagementSectionProps:e}){const{entity:t,moreIconContainerStyle:n,searchTextBoxStyle:i,disableDownloadButton:p,filters:s,searchText:C,downloadParams:y,downloadState:h,showSettingsIcon:b=!0,showSettingsIconOnNavbar:f,showDownloadButtonOnNavbar:S,showStatementButtonOnNavbar:v,showPayEarlyButtonOnNavbar:j,groupByFiltersComponent:O,updateDownloadStateHandler:$,onMenuOpen:d}=e,x=B(),E=_(),[c,u]=a.useState(void 0);a.useEffect(()=>{h!=="Error"&&u(!1)},[h]);let g=$t.moreMenuOptions;f||(g=g.filter(m=>m.value!=="settings")),v||(g=g.filter(m=>m.value!=="statements")),j||(g=g.filter(m=>m.value!=="payEarly")),S||(g=g.filter(m=>m.value!=="download"));const k={};return e.entity==="charge_cards"?k.width="275px":e.entity==="reimbursement"&&(k.width="208px"),o.jsxs(Lt,{children:[o.jsxs(kt,{isSearchOpen:e.isSearchOpen&&x==="small",windowsize:x,children:[x!=="small"&&!e.hideSearchBtn?o.jsx(D,{style:{position:"absolute",left:"unset",...i},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:m=>{e.onSearchTextChanged?.(m)},onSearchOpen:e.onSearchOpen,inputWrapperStyle:k,searchIconMarginRight:e.entity==="charge_cards"?r.sp4:"10px"}):null,(e.entity==="bill_pay"||e.entity==="reimbursement"||e.entity==="task_management")&&e.onFiltersChange!=null?o.jsx(It,{size:x,children:o.jsx(vt,{entity:e.entity,groupByFiltersComponent:O,onFiltersChange:e.onFiltersChange,filters:e.filters,getCategoryWiseOptions:e.getFilterOptions,vendorSearchAutoCompleteData:e.vendorSearchAutoCompleteData,vendorSearchAutoCompleteActions:e.vendorSearchAutoCompleteActions,createdByUserListLoaded:e.createdByUserListLoaded,analytics:e.analytics})}):null,e.showEntityEmailInfoIconOnNavbar===!0?o.jsx(Et,{onClick:e.onClickEmailInfoIcon,children:o.jsx(jt,{})}):null,b?o.jsx(Ot,{onClick:()=>u(void 0),style:n,children:t==="bill_pay"||t==="reimbursement"||t==="charge_cards"?o.jsx(se,{entity:t,isMoreOption:!0,closeMenuOnSelect:!1,isMenuOpen:x!=="small"?c:void 0,options:g,onMenuOpen:d,customStyleConfig:{control:()=>({backgroundColor:"inherit",cursor:"pointer",border:"none",":hover":{backgroundColor:"inherit"}}),menu:m=>({...m,left:"23px",top:"29px",transform:"translateX(-100%)",width:"auto",backgroundColor:E.colors.grey5,borderRadius:r.sp1,boxShadow:`${r.sp0} 2px ${r.sp2} ${E.colors.dropShadowHover}`,whiteSpace:"nowrap"}),container:()=>({marginLeft:R[0]}),valueContainer:()=>({display:"flex","#react-select-2-placeholder":{marginRight:R[0],marginLeft:-1}})},onOptionSelection:m=>{m==="settings"?e.onClickSetupIcon?.():m==="statements"?e.onClickStatementsIcon?.():m==="payEarly"&&e.onClickPayEarlyIcon?.()},downloadProps:(t==="bill_pay"||t==="reimbursement")&&y!=null?{entity:t,isDisabled:p,filter:{filters:s,searchText:C},downloadParams:y,downloadState:h,updateDownloadStateHandler:$}:void 0}):o.jsx(Ft,{onClick:e.onClickSetupIcon})}):null,e.showNewButtonOnNavbar===!0?o.jsx(o.Fragment,{children:x==="small"?o.jsx(At,{onClick:e.onNewButtonClick,children:o.jsx(Mt,{})}):o.jsx(ie,{variant:"primary",onClick:e.onNewButtonClick,label:e.newButtonLabel??"",size:"small",style:{height:"29px",paddingLeft:"12px",paddingRight:"12px",...Q.extraSmallRegular.cssObject,whiteSpace:"nowrap",display:"flex",alignItems:"center"}})}):null]}),x==="small"&&!e.hideSearchBtn?o.jsx(D,{style:{position:"absolute",left:"5px",right:x!=="small"?"120px":"unset",top:r.sp6,width:"98%"},placeholder:e.searchPlaceHolder,searchText:e.searchText,onSearchTextChanged:m=>{e.onSearchTextChanged?.(m)},onSearchOpen:e.onSearchOpen,keepSearchBoxOpen:!0,inputWrapperStyle:e.entity==="charge_cards"?{width:270}:{}}):null]})}const jt=l(wt)`
   height: ${r.sp4};
   width: ${r.sp4};
 `,kt=l.div`
@@ -190,7 +190,7 @@ import{Q as B,d as _,F as L,V as o,ck as V,o as r,gU as se,u as R,n as ie,b as q
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,At=l.div`
+`,It=l.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -205,7 +205,7 @@ import{Q as B,d as _,F as L,V as o,ck as V,o as r,gU as se,u as R,n as ie,b as q
   top: ${r.sp5};
   right: -${r.sp4};
   z-index: 3;
-`,It=l.div`
+`,At=l.div`
   display: flex;
   align-items: center;
   justify-content: center;

package/dist/assets/StatementItem-BnxTFgdM-ncI51LoG.js

@@ -0,0 +1,31 @@
+import{q as y,F as S,hD as b,V as o,m as g,o as r,ak as v,y as z,c0 as j,d as k}from"./index-BhteR_e0.js";import{a as P}from"./core-B-FNbYlu.js";import{n as i}from"./mui-DLNyBjYF.js";import{g as L}from"./BoxItem-usHxaONy-BSYmkNdH.js";import{w as q}from"./downloadPdf-BhQlJMh0-BaxCiwAc.js";const d=S.getLocalizedStrings().months,n={downloadButtonSize:new z(k[4],20)},B=i.div`
+  display: flex;
+  padding: ${r.sp3} ${r.sp4};
+  flex-direction: row;
+  width: 100%;
+`,C=i.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+`,D=i(v)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  margin-left: ${r.sp2};
+  max-height: ${r.sp11};
+  text-overflow: ellipsis;
+  word-break: break-word;
+  text-align: left;
+  overflow: hidden;
+`,N=i.div`
+  cursor: pointer;
+`,T=i(j)`
+  width: ${t=>n.downloadButtonSize.valuePx(t.windowSize)};
+  height: ${t=>n.downloadButtonSize.valuePx(t.windowSize)};
+  min-height: ${t=>n.downloadButtonSize.valuePx(t.windowSize)};
+  color: ${t=>t.theme.colors.hero};
+  &:hover {
+    color: ${t=>t.theme.colors.primary};
+  }
+`;function F({accountLast4:t,currentTenantCompanyName:s,data:e,authParams:m,downloadEndPoint:l,documentType:a="statement",boxType:p}){const[c,w]=P.useState(!1),x=y(),$=a==="taxLetter"?`${e.title.year}`:`${d[e.title.month-1]} ${e.title.year}`,h=a==="taxLetter"?`${s}-treasury-tax-letter-${e.title.year}.pdf`:`${s}-${t}-monthly-statement-${d[e.title.month-1]}-${e.title.year}.pdf`,f={period:`${e.title.year}-${b(e.title.month)}`,format:"pdf"},u=o.jsx(B,{children:o.jsxs(C,{children:[o.jsx(D,{children:$}),o.jsx(N,{onClick:()=>q(a==="treasuryStatement"||a==="taxLetter"?`${l}/statements/${e.id}`:`${l}/statements?query=${encodeURIComponent(JSON.stringify(f))}`,h,m,w),children:c?o.jsx(g,{size:"Small",start:!0}):o.jsx(T,{windowSize:x})})]})});return o.jsx(L,{content:u,boxType:p,isDisabled:!1,isNotClickable:!0})}export{F as O};

package/dist/assets/{StatementsPage-BG_pNQzc-FNk9HF4E.js → StatementsPage-B8X2un5p-CiIvEzAF.js}

@@ -1,4 +1,4 @@
-import{d as S,Q as z,V as t,bz as C,F as P,b1 as I,o as r,p as m,cq as B,y as E,u as h,ak as L}from"./index-BzfDeuOT.js";import{a as p}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import{$ as M}from"./BoxItem-8PfNfaHq-CoDiwyqr.js";import{o as O}from"./commonDimensions-B1u_MhON-B6mWoroN.js";import{O as N}from"./StatementItem-Aal79YaO-rV9Mr1N9.js";import"./sentry-cYFeB6Pw.js";import"./zeni-epic-state-BwKvATgd.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";import"./downloadPdf-yGlKpV2--Y8lOVYTP.js";const x=P.getLocalizedStrings().spendManagement.zeniAccounts.statements,b={listItemMargin:new E(h[3],h[8])},ot=({currentTenantCompanyName:e,authParams:g,downloadEndPoint:w,statementListView:a,accountLast4:f,onBackClick:y})=>{const k=S(),l=z(),$=p.createRef(),c=p.useRef(null),d=a.statements.length===0,j=()=>d===!1?O.transactionItemHeight:24,v=({index:i,style:n})=>{const s=a.statements[i];return d===!1?t.jsx(u,{windowSize:l,style:{...n,width:`calc(100% - 2*${b.listItemMargin.valuePx(l)})`},children:t.jsx(N,{currentTenantCompanyName:e,accountLast4:f,data:s,authParams:g,downloadEndPoint:w,boxType:M(i,a.statements.length)},s.id)}):t.jsx(R,{style:{...n},children:t.jsx(T,{children:t.jsx(u,{windowSize:l,children:t.jsx(H,{children:x.noStatements})})})})};return t.jsxs(V,{children:[t.jsx(C,{title:x.title,backgroundColor:k.colors.grey4,style:{zIndex:3},onBackClick:y,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsx(K,{children:t.jsx(I,{children:({height:i,width:n})=>t.jsx(q,{ref:$,height:i,width:n,outerRef:c,itemKey:s=>s,itemCount:a.statements.length,itemSize:j,initialScrollOffset:0,children:v})})})]})},R=o.div``,u=o.div`
+import{e as S,q as z,V as t,bz as C,F as P,b1 as I,o as r,p as m,cq as L,y as B,d as h,ak as E}from"./index-BhteR_e0.js";import{a as p}from"./core-B-FNbYlu.js";import{n as o}from"./mui-DLNyBjYF.js";import{$ as M}from"./BoxItem-usHxaONy-BSYmkNdH.js";import{o as O}from"./commonDimensions-B-aZt-hB-CyMsSMR_.js";import{O as N}from"./StatementItem-BnxTFgdM-ncI51LoG.js";import"./sentry-EYLV4XmG.js";import"./zeni-epic-state-HWtMOH-U.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";import"./downloadPdf-BhQlJMh0-BaxCiwAc.js";const x=P.getLocalizedStrings().spendManagement.zeniAccounts.statements,b={listItemMargin:new B(h[3],h[8])},ot=({currentTenantCompanyName:e,authParams:g,downloadEndPoint:w,statementListView:i,accountLast4:f,onBackClick:y})=>{const k=S(),l=z(),$=p.createRef(),c=p.useRef(null),d=i.statements.length===0,j=()=>d===!1?O.transactionItemHeight:24,v=({index:a,style:n})=>{const s=i.statements[a];return d===!1?t.jsx(u,{windowSize:l,style:{...n,width:`calc(100% - 2*${b.listItemMargin.valuePx(l)})`},children:t.jsx(N,{currentTenantCompanyName:e,accountLast4:f,data:s,authParams:g,downloadEndPoint:w,boxType:M(a,i.statements.length)},s.id)}):t.jsx(R,{style:{...n},children:t.jsx(T,{children:t.jsx(u,{windowSize:l,children:t.jsx(q,{children:x.noStatements})})})})};return t.jsxs(V,{children:[t.jsx(C,{title:x.title,backgroundColor:k.colors.grey4,style:{zIndex:3},onBackClick:y,scrollableContent:c.current!=null?c:void 0,source:"StatementsPage"}),t.jsx(H,{children:t.jsx(I,{children:({height:a,width:n})=>t.jsx(K,{ref:$,height:a,width:n,outerRef:c,itemKey:s=>s,itemCount:i.statements.length,itemSize:j,initialScrollOffset:0,children:v})})})]})},R=o.div``,u=o.div`
   margin: ${e=>`${r.sp0} ${b.listItemMargin.valuePx(e.windowSize)}`};
   &:hover {
     position: relative;
@@ -17,16 +17,16 @@ import{d as S,Q as z,V as t,bz as C,F as P,b1 as I,o as r,p as m,cq as B,y as E,
   flex-direction: column;
   width: 100%;
   padding-bottom: ${r.sp7};
-`,H=o(L)`
+`,q=o(E)`
   display: flex;
   color: ${e=>e.theme.colors.grey2};
-`,K=o.div`
+`,H=o.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
   margin-top: ${r.sp6};
-`,q=o(B)`
+`,K=o(L)`
   scrollbar-width: thin;
   scrollbar-color: transparent transparent;
   &::-webkit-scrollbar {

package/dist/assets/{StatusSwitcher-DYRXaLvx-erQqAcc2.js → StatusSwitcher-BPKr5BUW-lb0m6Cbr.js}

@@ -1,4 +1,4 @@
-import{Q as $,V as d,ca as T,F as v,y as f,o as s,u as c,ag as z}from"./index-BzfDeuOT.js";import{n as u,b as g}from"./mui-bYXq4XMS.js";function w(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().split(" ").filter(Boolean).map(a=>a.charAt(0).toUpperCase()+a.slice(1)).join(" ")}const _=e=>{switch(e){case"bill_pay":return"bills";case"reimbursement":return"reimbursements";case"charge_cards":return"cards";default:return e}};function A(e,a){if(typeof e=="string")return e;if(e!=null&&typeof e=="object"){const r=Object.values(e)[0];return typeof r=="string"?r:w(a)}return w(a)}function p(e,a,r){const n=e[a];return n!=null?A(n,r):null}const L=(e,a)=>{const{spendManagement:{billPay:{billsByTabs:{tabsById:r}},reimbursement:{reimbursementByTabs:{tabsById:n}},zeniAccounts:{zeniAccountList:{tabsById:l}}}}=v.getLocalizedStrings(),t=String(e);if(a)switch(a){case"bill_pay":{const i=p(r,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"reimbursement":{const i=p(n,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"zeni_accounts":{const i=p(l,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}}return(p(r,t,t)??p(n,t,t)??p(l,t,t)??w(t)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:x}},reimbursement:{reimbursementByTabs:{tabsById:y}},zeniAccounts:{zeniAccountList:{tabsById:M}}}}=v.getLocalizedStrings(),m={containerMarginLeft:new f(c[4],c[8]),containerMarginRight:new f(c[4],c[8]),segmentContainerMarginLeft:new f(c[4],c[8])},j=u.div`
+import{q as $,V as d,ca as T,F as v,y as f,o as s,d as c,ag as z}from"./index-BhteR_e0.js";import{n as u,b as g}from"./mui-DLNyBjYF.js";function w(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").trim().split(" ").filter(Boolean).map(a=>a.charAt(0).toUpperCase()+a.slice(1)).join(" ")}const _=e=>{switch(e){case"bill_pay":return"bills";case"reimbursement":return"reimbursements";case"charge_cards":return"cards";default:return e}};function A(e,a){if(typeof e=="string")return e;if(e!=null&&typeof e=="object"){const r=Object.values(e)[0];return typeof r=="string"?r:w(a)}return w(a)}function p(e,a,r){const n=e[a];return n!=null?A(n,r):null}const L=(e,a)=>{const{spendManagement:{billPay:{billsByTabs:{tabsById:r}},reimbursement:{reimbursementByTabs:{tabsById:n}},zeniAccounts:{zeniAccountList:{tabsById:l}}}}=v.getLocalizedStrings(),t=String(e);if(a)switch(a){case"bill_pay":{const i=p(r,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"reimbursement":{const i=p(n,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}case"zeni_accounts":{const i=p(l,t,t);if(i!=null)return i.replace(/\s+/g,"_").toLowerCase();break}}return(p(r,t,t)??p(n,t,t)??p(l,t,t)??w(t)).replace(/\s+/g,"_").toLowerCase()},{spendManagement:{billPay:{billsByTabs:{tabsById:x}},reimbursement:{reimbursementByTabs:{tabsById:y}},zeniAccounts:{zeniAccountList:{tabsById:M}}}}=v.getLocalizedStrings(),m={containerMarginLeft:new f(c[4],c[8]),containerMarginRight:new f(c[4],c[8]),segmentContainerMarginLeft:new f(c[4],c[8])},j=u.div`
   display: flex;
   flex-direction: row;
   width: 100%;

package/dist/assets/{SubTabSwitcher-C75XU1EG-khmziXpM.js → SubTabSwitcher-4dvyyQSv-BdqA6ZlC.js}

@@ -1,4 +1,4 @@
-import{V as r,A as g,o as s,ag as u,aY as m}from"./index-BzfDeuOT.js";import{n as i,b as a}from"./mui-bYXq4XMS.js";function v({allTabs:e,selectedTab:c,containerStyle:d,rightComponent:o,onTabChange:p}){const h=o!=null;return r.jsxs($,{style:d,hasRightComponent:h,children:[r.jsx(x,{children:e.map(t=>{const l=t.id===c,n=t.isDisabled!=null;return r.jsxs(y,{onClick:()=>{l===!1&&!n&&p(t)},isSelected:l,isDisabled:n,children:[r.jsx(b,{children:t.label}),t.countDetails?.count!=null?r.jsx(j,{children:r.jsx(f,{isCircular:t.countDetails.count==null||t.countDetails.count<10,children:r.jsx(D,{children:t.countDetails.isFetching?r.jsx(g,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):t.countDetails.count})})}):null]},t.id)})}),o]})}const $=i.div`
+import{V as r,m as g,o as s,ag as u,aY as m}from"./index-BhteR_e0.js";import{n as i,b as a}from"./mui-DLNyBjYF.js";function v({allTabs:e,selectedTab:c,containerStyle:d,rightComponent:o,onTabChange:p}){const h=o!=null;return r.jsxs($,{style:d,hasRightComponent:h,children:[r.jsx(x,{children:e.map(t=>{const l=t.id===c,n=t.isDisabled!=null;return r.jsxs(y,{onClick:()=>{l===!1&&!n&&p(t)},isSelected:l,isDisabled:n,children:[r.jsx(b,{children:t.label}),t.countDetails?.count!=null?r.jsx(j,{children:r.jsx(f,{isCircular:t.countDetails.count==null||t.countDetails.count<10,children:r.jsx(D,{children:t.countDetails.isFetching?r.jsx(g,{size:"Small-Compact",style:{color:"inherit",display:"flex",alignItems:"center",justifyContent:"center"},start:!0}):t.countDetails.count})})}):null]},t.id)})}),o]})}const $=i.div`
   display: flex;
   flex-direction: row;
   justify-content: ${e=>e.hasRightComponent?"space-between":"flex-start"};

package/dist/assets/{SummaryCard-DEnzgi31-BCFloXQE.js → SummaryCard-CiNkV7uy-BHimAYKo.js}

@@ -1 +1 @@
-import{V as d}from"./index-BzfDeuOT.js";import{E as n,T as t}from"./ReloadCard-B2sJR97f-BG30B7lD.js";const o=r=>{function e(){return r.card.fetchState==="In-Progress"||r.card.fetchState==="Not-Started"?d.jsx(n,{dimension:r.card.dimension,animated:!r.card.disableAnimations}):r.card.fetchState==="Error"?d.jsx(t,{dimension:r.card.dimension,cardType:r.card.cardType,cardIndex:r.card.cardIndex,onReloadData:r.actions.onReloadData}):d.jsx("div",{children:r.children})}return d.jsx("div",{children:e()})};export{o as c};
+import{V as d}from"./index-BhteR_e0.js";import{E as n,T as t}from"./ReloadCard-DMWwNZ1z-CIbg2f6Q.js";const o=r=>{function e(){return r.card.fetchState==="In-Progress"||r.card.fetchState==="Not-Started"?d.jsx(n,{dimension:r.card.dimension,animated:!r.card.disableAnimations}):r.card.fetchState==="Error"?d.jsx(t,{dimension:r.card.dimension,cardType:r.card.cardType,cardIndex:r.card.cardIndex,onReloadData:r.actions.onReloadData}):d.jsx("div",{children:r.children})}return d.jsx("div",{children:e()})};export{o as c};

package/dist/assets/{TaskManagementPage-BacWm0wS-C9oPqJX0.js → TaskManagementPage-BiyyDIWi-DCcTniX2.js}

@@ -1,4 +1,4 @@
-import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K,ap as wt,o as s,eK as Ze,cf as Ne,cj as ft,g1 as Ct,b7 as Tt,bL as Xe,aQ as $t,Q as ie,a8 as jt,y as Je,cB as yt,ab as bt,b1 as vt,cq as St,iK as Gt,iL as Lt,jn as De,aO as Nt,n as Me,bQ as Ee,eG as Qe,jo as Et,cY as et,jp as ce,jq as ke,jr as It,js as xe,jt as tt,ju as st,jv as ot,jw as nt,jx as at,jy as rt,jz as _,u as ge,jA as ae,ag as re,jB as Mt,jC as Dt,_ as zt,am as Bt,jD as At,d7 as Rt,jE as Wt,cO as it,ek as Ot,b as Ft,jF as Pt,jG as Ht,g2 as Vt,eJ as Ut,jH as _t,jI as X,jJ as ze,cs as Kt,jK as Yt,jL as qt,jM as Be,jN as Zt,p as Ae,gq as Xt,al as Jt}from"./index-BzfDeuOT.js";import{a as n}from"./core-3dlyNYRL.js";import{n as o,b as we}from"./mui-bYXq4XMS.js";import{FL as Qt,FM as Re,ce as lt,cf as dt,cg as es}from"./zeni-epic-state-BwKvATgd.js";import{J as ts,K as ss}from"./SpendManagementSection-BqWbsmBW-C71zMSb0.js";import{A as os,t as ns,a as as,E as rs}from"./NotificationsListConfig-BJm7A9Mz-DNN8xXMd.js";import{getDashboardFilterCategoryValues as is}from"./SpendManagementListViewPage-AI676Urw-Dg56Cd43.js";import"./sentry-cYFeB6Pw.js";import"./lottie-22bRan8M.js";import"./liveblocks-CNYVvsag.js";import"./utils-fBOyu0sO.js";import"./analytics-XaDXTZcq.js";import"./recharts-h5iNQbFd.js";import"./lexical-DPEnH3HH.js";import"./StatusSwitcher-DYRXaLvx-erQqAcc2.js";const ls=100,ds=100,cs=3,ps=.7,us=({scrollContainerRef:e,isEnabled:u=!0,edgeThreshold:r=ls,scrollSpeed:h=ds,minScrollAmount:m=cs,scrollCurveExponent:p=ps})=>{n.useEffect(()=>{if(!u||typeof window>"u"||typeof document>"u")return;let a=!1,c=0,i=null;const d=Math.max(r,1),C=()=>{i!==null&&(cancelAnimationFrame(i),i=null)},v=x=>{const S=e.current;return!S||!(x.target instanceof Node)?!1:S.contains(x.target)},I=x=>v(x),M=x=>{const S=Math.max(x,0)/d,j=Math.pow(S,p)*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)},f=()=>e.current??window,w=()=>{if(!a)return;const x=f(),S=window.innerHeight,j=c;if(j<d&&j>0){const L=d-j,g=M(L);k(x,g,"up")}else if(j>S-d){const L=j-(S-d),g=M(L);k(x,g,"down")}i=requestAnimationFrame(w)},D=x=>{I(x)?a=!0:(a=!1,C())},z=()=>{a=!1,C()},B=x=>{a&&(c=x.clientY)},$=x=>{B(x),a&&i===null&&(i=requestAnimationFrame(w))};return document.addEventListener("dragstart",D),document.addEventListener("dragend",z),document.addEventListener("dragover",$),()=>{document.removeEventListener("dragstart",D),document.removeEventListener("dragend",z),document.removeEventListener("dragover",$),C()}},[r,u,m,e,p,h])},ve=se.getLocalizedStrings(),ct=({count:e})=>t.jsx(hs,{isCircular:e<10,children:t.jsx(ms,{children:e>ve.common.numbers.maximumCount?`${ve.common.numbers.maximumCount}${ve.common.strings.plus}`:e})}),hs=o.div`
+import{av as gt,e as qe,V as t,F as se,jm as Y,bz as kt,a9 as U,cm as xt,ak as K,ap as wt,o as s,eK as Ze,cf as Ne,cj as ft,g1 as Ct,b7 as Tt,bL as Xe,aQ as $t,q as ie,a8 as jt,y as Je,cB as yt,ab as bt,b1 as vt,cq as St,iK as Gt,iL as Lt,jn as De,aO as Nt,n as Me,bQ as Ee,eG as Qe,jo as Et,cY as et,jp as ce,jq as ke,jr as It,js as xe,jt as tt,ju as st,jv as ot,jw as nt,jx as at,jy as rt,jz as _,d as ge,jA as ae,ag as re,jB as Mt,jC as Dt,L as zt,am as Bt,jD as Rt,d7 as At,jE as Wt,cO as it,ek as Ot,b as Ft,jF as Pt,jG as Ht,g2 as Ut,eJ as Vt,jH as _t,jI as X,jJ as ze,cs as Kt,jK as Yt,jL as qt,jM as Be,jN as Zt,p as Re,gq as Xt,al as Jt}from"./index-BhteR_e0.js";import{a as n}from"./core-B-FNbYlu.js";import{n as o,b as we}from"./mui-DLNyBjYF.js";import{FL as Qt,FM as Ae,ce as lt,cf as dt,cg as es}from"./zeni-epic-state-HWtMOH-U.js";import{J as ts,K as ss}from"./SpendManagementSection-LzT-Bnhy-DcyEJGSm.js";import{A as os,t as ns,a as as,E as rs}from"./NotificationsListConfig-BQCb9x9X-C3jJIn48.js";import{getDashboardFilterCategoryValues as is}from"./SpendManagementListViewPage-BAdSW-49-C0b0e4ib.js";import"./sentry-EYLV4XmG.js";import"./lottie-gmZDfwf4.js";import"./liveblocks-BBTLClA6.js";import"./utils-D1zwltK3.js";import"./analytics-DGBWhVbe.js";import"./recharts-Cnl2EvUV.js";import"./lexical-DPEnH3HH.js";import"./StatusSwitcher-BPKr5BUW-lb0m6Cbr.js";const ls=100,ds=100,cs=3,ps=.7,us=({scrollContainerRef:e,isEnabled:u=!0,edgeThreshold:r=ls,scrollSpeed:h=ds,minScrollAmount:m=cs,scrollCurveExponent:p=ps})=>{n.useEffect(()=>{if(!u||typeof window>"u"||typeof document>"u")return;let a=!1,c=0,i=null;const d=Math.max(r,1),C=()=>{i!==null&&(cancelAnimationFrame(i),i=null)},v=x=>{const S=e.current;return!S||!(x.target instanceof Node)?!1:S.contains(x.target)},I=x=>v(x),M=x=>{const S=Math.max(x,0)/d,j=Math.pow(S,p)*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)},f=()=>e.current??window,w=()=>{if(!a)return;const x=f(),S=window.innerHeight,j=c;if(j<d&&j>0){const L=d-j,g=M(L);k(x,g,"up")}else if(j>S-d){const L=j-(S-d),g=M(L);k(x,g,"down")}i=requestAnimationFrame(w)},D=x=>{I(x)?a=!0:(a=!1,C())},z=()=>{a=!1,C()},B=x=>{a&&(c=x.clientY)},$=x=>{B(x),a&&i===null&&(i=requestAnimationFrame(w))};return document.addEventListener("dragstart",D),document.addEventListener("dragend",z),document.addEventListener("dragover",$),()=>{document.removeEventListener("dragstart",D),document.removeEventListener("dragend",z),document.removeEventListener("dragover",$),C()}},[r,u,m,e,p,h])},ve=se.getLocalizedStrings(),ct=({count:e})=>t.jsx(hs,{isCircular:e<10,children:t.jsx(ms,{children:e>ve.common.numbers.maximumCount?`${ve.common.numbers.maximumCount}${ve.common.strings.plus}`:e})}),hs=o.div`
   ${e=>e.isCircular?we`
           height: 18px;
           width: 18px;
@@ -16,7 +16,7 @@ import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K
   outline-color: inherit;
 `,ms=o(Bt)`
   color: inherit;
-`,{taskManagement:We,common:Se}=se.getLocalizedStrings();function gs(e){const{onChange:u,value:r,resetDisabled:h,onReset:m}=e,p=()=>{h!==!0&&m()};return t.jsxs(ks,{children:[t.jsx(fs,{children:We.taskList.groupingFilters.groupBy}),t.jsx(xs,{children:t.jsx(ts,{value:r,placeHolder:We.taskList.groupingFilters.placeholder,onChange:a=>{const c=Re(a.value);if(c!=null)u(c);else throw new Error("Invalid taskListGroupByKey")},options:Qt,getOptionLabel:a=>{const c=Se.texts,i=Re(a);return i!=null?c[i]:Se.strings.empty}})}),t.jsxs(ws,{onClick:p,isDisabled:h,children:[t.jsx(Cs,{}),t.jsx(K,{children:Se.reset})]})]})}const ks=o.div`
+`,{taskManagement:We,common:Se}=se.getLocalizedStrings();function gs(e){const{onChange:u,value:r,resetDisabled:h,onReset:m}=e,p=()=>{h!==!0&&m()};return t.jsxs(ks,{children:[t.jsx(fs,{children:We.taskList.groupingFilters.groupBy}),t.jsx(xs,{children:t.jsx(ts,{value:r,placeHolder:We.taskList.groupingFilters.placeholder,onChange:a=>{const c=Ae(a.value);if(c!=null)u(c);else throw new Error("Invalid taskListGroupByKey")},options:Qt,getOptionLabel:a=>{const c=Se.texts,i=Ae(a);return i!=null?c[i]:Se.strings.empty}})}),t.jsxs(ws,{onClick:p,isDisabled:h,children:[t.jsx(Cs,{}),t.jsx(K,{children:Se.reset})]})]})}const ks=o.div`
   display: flex;
   align-items: center;
   column-gap: ${s.sp4};
@@ -44,7 +44,7 @@ import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K
 `,Cs=o(Xe)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Ts=se.getLocalizedStrings().taskManagement.taskList.footer;function $s({taskGroupsList:e,anchorEl:u,groupByKey:r,onCreateNewGroup:h,onExistingGroupSelection:m,onClose:p}){const a=()=>{p(),h()};return t.jsx(Ze,{open:!!u,anchorEl:u,onClose:p,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(js,{children:[t.jsx(ys,{children:e.map(c=>{const i=()=>{p(),m(c.id)};return t.jsx(Oe,{onClick:i,children:t.jsx(re,{children:c.groupName})},c.id)})}),t.jsx(V,{controller:r==="groupName",children:t.jsxs(Oe,{onClick:a,children:[t.jsx(bs,{}),t.jsx(re,{children:Ts.createGroup})]})})]})})}const js=o.div`
+`,Ts=se.getLocalizedStrings().taskManagement.taskList.footer;function $s({taskGroupsList:e,anchorEl:u,groupByKey:r,onCreateNewGroup:h,onExistingGroupSelection:m,onClose:p}){const a=()=>{p(),h()};return t.jsx(Ze,{open:!!u,anchorEl:u,onClose:p,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(js,{children:[t.jsx(ys,{children:e.map(c=>{const i=()=>{p(),m(c.id)};return t.jsx(Oe,{onClick:i,children:t.jsx(re,{children:c.groupName})},c.id)})}),t.jsx(U,{controller:r==="groupName",children:t.jsxs(Oe,{onClick:a,children:[t.jsx(bs,{}),t.jsx(re,{children:Ts.createGroup})]})})]})})}const js=o.div`
   background-color: ${e=>e.theme.colors.grey5};
 `,Oe=o.div`
   padding: ${s.sp2} ${s.sp3};
@@ -97,7 +97,7 @@ import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K
 `,Es=o(zt)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Is=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"})),Ds=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:Bs}=se.getLocalizedStrings(),J=zs.taskList.newTaskOptions;function As({anchorEl:e,groupByKey:u,taskGroupTemplates:r,taskCreationFromTemplateStatus:h,isTaskTemplatesEnabled:m,expandedTemplate:p,onExpandTemplate:a,onClose:c,onNewTaskClick:i,onNewGroupClick:d,handleGroupTemplateClick:C,handleGroupTemplateTaskClick:v,onNewTaskInitialization:I}){const M=qe(),[k,f]=n.useState(null),[w,D]=n.useState(null);n.useEffect(()=>{h.fetchState==="Completed"&&(D(null),f(null),c())},[h.fetchState,c]);const z=n.useCallback(($,x)=>{f(x),v($,x)},[v]),B=n.useCallback($=>{D($),C($)},[C]);return t.jsx(Ze,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${M.colors.grey3}`}},anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Ws,{isTaskTemplatesEnabled:m,children:[t.jsxs(Ps,{children:[t.jsxs(Pe,{onClick:i,children:[t.jsx(Os,{}),t.jsx(Ne,{children:J.task})]}),t.jsx(V,{controller:u==="groupName",children:t.jsxs(Pe,{onClick:()=>d(""),children:[t.jsx(Fs,{}),t.jsx(Ne,{children:J.group})]})})]}),m?t.jsx(Rs,{taskGroupTemplates:r,taskIdInCreation:k,groupIdInCreation:w,expandedTemplate:p,handleGroupTemplateClick:B,handleGroupTemplateTaskClick:z,onNewGroupClick:d,onNewTaskInitialization:I,onExpandTemplate:a}):null]})})}const Rs=({taskGroupTemplates:e,taskIdInCreation:u,groupIdInCreation:r,expandedTemplate:h,onExpandTemplate:m,handleGroupTemplateClick:p,handleGroupTemplateTaskClick:a,onNewGroupClick:c,onNewTaskInitialization:i})=>{const[d,C]=n.useState(""),v=n.useMemo(()=>{const k=[];return e.forEach(f=>{if(f.name.toLowerCase().includes(d.toLowerCase()))k.push(f);else{const w=f.tasks.filter(D=>D.name.toLowerCase().includes(d.toLowerCase()));w.length>0&&k.push({...f,tasks:w})}}),k},[e,d]),I=n.useCallback(()=>{i(d)},[d,i]),M=n.useCallback(()=>{c(d)},[d,c]);return t.jsxs(Hs,{children:[t.jsx(Vs,{children:t.jsxs(_s,{children:[t.jsxs(Us,{children:[t.jsx(Ks,{}),t.jsx(Ys,{children:J.groupTemplates})]}),t.jsx(vs,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:d,onSearchTextChanged:C,placeholder:J.searchPlaceholder})]})}),t.jsx(V,{controller:v.length>0,children:t.jsx(qs,{children:v.map(k=>{const f=h===k.id;return t.jsxs(no,{children:[t.jsxs(Zs,{onClick:()=>{m(k.id)},expanded:f,children:[t.jsxs(Xs,{children:[t.jsx(V,{controller:f,children:t.jsx(oo,{})}),t.jsx(V,{controller:!f,children:t.jsx(so,{})}),t.jsx(K,{children:k.name}),t.jsx(ct,{count:k.tasks.length})]}),t.jsx(eo,{expanded:f,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:J.createGroup,disabled:k.createdAt!=null,onClick:w=>{w.stopPropagation(),m(null),p(k.id)},reverseSpinnerColor:!1,loading:r===k.id})]}),t.jsx(V,{controller:f,children:t.jsx(n.Fragment,{children:k.tasks.map(w=>t.jsxs(Js,{children:[t.jsxs(Qs,{children:[t.jsx(ao,{className:"styled-dot"}),t.jsx(lo,{className:"task-name-text",children:w.name})]}),t.jsx(to,{loading:u===w.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Bs.create,reverseSpinnerColor:!1,onClick:()=>a(k.id,w.name)})]},w.name))})})]},k.id)})})}),t.jsxs(V,{controller:v.length===0,children:[t.jsx(ro,{children:t.jsx(io,{children:J.noTaskGroup})}),t.jsxs(He,{onClick:I,children:[t.jsx(Ve,{}),t.jsx(K,{children:J.newTaskOptionText.replace("__searchText__",d)})]}),t.jsxs(He,{onClick:M,children:[t.jsx(Ve,{}),t.jsx(K,{children:J.newGroupOptionText.replace("__searchText__",d)})]})]})]})},Ws=o.div`
+`,Is=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"})),Ds=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:Bs}=se.getLocalizedStrings(),J=zs.taskList.newTaskOptions;function Rs({anchorEl:e,groupByKey:u,taskGroupTemplates:r,taskCreationFromTemplateStatus:h,isTaskTemplatesEnabled:m,expandedTemplate:p,onExpandTemplate:a,onClose:c,onNewTaskClick:i,onNewGroupClick:d,handleGroupTemplateClick:C,handleGroupTemplateTaskClick:v,onNewTaskInitialization:I}){const M=qe(),[k,f]=n.useState(null),[w,D]=n.useState(null);n.useEffect(()=>{h.fetchState==="Completed"&&(D(null),f(null),c())},[h.fetchState,c]);const z=n.useCallback(($,x)=>{f(x),v($,x)},[v]),B=n.useCallback($=>{D($),C($)},[C]);return t.jsx(Ze,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${M.colors.grey3}`}},anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Ws,{isTaskTemplatesEnabled:m,children:[t.jsxs(Ps,{children:[t.jsxs(Pe,{onClick:i,children:[t.jsx(Os,{}),t.jsx(Ne,{children:J.task})]}),t.jsx(U,{controller:u==="groupName",children:t.jsxs(Pe,{onClick:()=>d(""),children:[t.jsx(Fs,{}),t.jsx(Ne,{children:J.group})]})})]}),m?t.jsx(As,{taskGroupTemplates:r,taskIdInCreation:k,groupIdInCreation:w,expandedTemplate:p,handleGroupTemplateClick:B,handleGroupTemplateTaskClick:z,onNewGroupClick:d,onNewTaskInitialization:I,onExpandTemplate:a}):null]})})}const As=({taskGroupTemplates:e,taskIdInCreation:u,groupIdInCreation:r,expandedTemplate:h,onExpandTemplate:m,handleGroupTemplateClick:p,handleGroupTemplateTaskClick:a,onNewGroupClick:c,onNewTaskInitialization:i})=>{const[d,C]=n.useState(""),v=n.useMemo(()=>{const k=[];return e.forEach(f=>{if(f.name.toLowerCase().includes(d.toLowerCase()))k.push(f);else{const w=f.tasks.filter(D=>D.name.toLowerCase().includes(d.toLowerCase()));w.length>0&&k.push({...f,tasks:w})}}),k},[e,d]),I=n.useCallback(()=>{i(d)},[d,i]),M=n.useCallback(()=>{c(d)},[d,c]);return t.jsxs(Hs,{children:[t.jsx(Us,{children:t.jsxs(_s,{children:[t.jsxs(Vs,{children:[t.jsx(Ks,{}),t.jsx(Ys,{children:J.groupTemplates})]}),t.jsx(vs,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:d,onSearchTextChanged:C,placeholder:J.searchPlaceholder})]})}),t.jsx(U,{controller:v.length>0,children:t.jsx(qs,{children:v.map(k=>{const f=h===k.id;return t.jsxs(no,{children:[t.jsxs(Zs,{onClick:()=>{m(k.id)},expanded:f,children:[t.jsxs(Xs,{children:[t.jsx(U,{controller:f,children:t.jsx(oo,{})}),t.jsx(U,{controller:!f,children:t.jsx(so,{})}),t.jsx(K,{children:k.name}),t.jsx(ct,{count:k.tasks.length})]}),t.jsx(eo,{expanded:f,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:J.createGroup,disabled:k.createdAt!=null,onClick:w=>{w.stopPropagation(),m(null),p(k.id)},reverseSpinnerColor:!1,loading:r===k.id})]}),t.jsx(U,{controller:f,children:t.jsx(n.Fragment,{children:k.tasks.map(w=>t.jsxs(Js,{children:[t.jsxs(Qs,{children:[t.jsx(ao,{className:"styled-dot"}),t.jsx(lo,{className:"task-name-text",children:w.name})]}),t.jsx(to,{loading:u===w.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Bs.create,reverseSpinnerColor:!1,onClick:()=>a(k.id,w.name)})]},w.name))})})]},k.id)})})}),t.jsxs(U,{controller:v.length===0,children:[t.jsx(ro,{children:t.jsx(io,{children:J.noTaskGroup})}),t.jsxs(He,{onClick:I,children:[t.jsx(Ue,{}),t.jsx(K,{children:J.newTaskOptionText.replace("__searchText__",d)})]}),t.jsxs(He,{onClick:M,children:[t.jsx(Ue,{}),t.jsx(K,{children:J.newGroupOptionText.replace("__searchText__",d)})]})]})]})},Ws=o.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
@@ -126,12 +126,12 @@ import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K
 `,Hs=o.div`
   background-color: ${e=>e.theme.colors.grey5};
   padding-bottom: ${s.sp2};
-`,Vs=o.div`
+`,Us=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: ${s.sp2} ${s.sp3};
-`,Us=o.div`
+`,Vs=o.div`
   display: flex;
   column-gap: ${s.sp2};
   align-items: center;
@@ -234,7 +234,7 @@ import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K
     background-color: ${e=>e.theme.colors.background};
     color: ${e=>e.theme.colors.primary};
   }
-`,Ve=o(et)`
+`,Ue=o(et)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,lo=o(K)`
@@ -243,7 +243,7 @@ import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 336px;
-`,{common:Ge,dateFormat:co,taskManagement:Ie}=se.getLocalizedStrings(),pt={taskNameMaxWidth:new Je(125,170,170,250,300)},po=({taskDetail:e,tagList:u,sectionId:r,onRowClick:h,onTimeSpentUpdate:m,onShowToast:p})=>{const a=ie(),c=e.assigneeUsers.length,i=e.assigneeUsers[0]?.user,d=i?.firstName||i?.lastName?`${i.firstName} ${i.lastName}`:i?.email??Ge.strings.empty,{getValues:C,resetField:v,getFieldState:I}=it(),M=(k,f)=>{const w=Be(k,f,xe);I(w).invalid?v(w):m(e,{timeSpent:C(w)})};return t.jsxs(mo,{children:[t.jsxs(vo,{windowSize:a,onClick:h,responsiveWidth:X[0].width,children:[t.jsxs(So,{windowSize:a,children:[t.jsx(Lo,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(Eo,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(Go,{windowSize:a,responsiveWidth:X[0].width,children:t.jsx(No,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ue,{windowSize:a,responsiveWidth:X[1].width,children:ze(e.status.code)}),t.jsx(zo,{windowSize:a,responsiveWidth:X[2].width,children:ze(e.priority.code)}),t.jsx(Bo,{windowSize:a,responsiveWidth:X[3].width,children:e.dueDate!=null?e.dueDate.format(co.visual.MMMDCommaYYYYformat):t.jsx(go,{children:Ge.strings.hyphen})}),t.jsx(Ue,{windowSize:a,responsiveWidth:X[4].width,children:c>0?t.jsxs(ko,{children:[t.jsx(Kt,{personBasic:i,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Io,{children:t.jsx(Mo,{children:d})}),c>1?t.jsx(xo,{children:`${Ge.strings.plus}${c-1}`}):null]}):null}),t.jsx(Ao,{windowSize:a,responsiveWidth:X[5].width,children:e.tagIds.length>0?t.jsx(Do,{children:Yt(e.tagIds,u)}):null}),t.jsx(Wo,{windowSize:a,responsiveWidth:X[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Oo,{className:"timeSpentField",children:t.jsx(qt,{name:Be(r,e.id,xe),placeholder:Ie.common.timeSpentPlaceholder,timeSpentFormat:Ie.common.timeSpentFormat,registerOptions:{validate:k=>es(k)>Zt?(p({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{M(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},uo=({taskGroup:e,tagList:u,sectionId:r,showGroupName:h,showRenameTextField:m,isSelectionAllowed:p,isCollapsed:a,existingTaskGroupNamesByGroupId:c,onDeleteTaskGroup:i,onExpandAll:d,onCollapseAll:C,onAddNewTaskToTaskGroup:v,onCollapseToggle:I,onTaskManagementRowClick:M,onDragStart:k,onTimeSpentUpdate:f,onShowToast:w})=>{const[D,z]=n.useState(null),B=ie(),{setFocus:$}=it(),x=n.useCallback(()=>{I(e.id)},[I,e.id]),S=n.useCallback(W=>{z(W.currentTarget)},[]),j=n.useCallback(()=>{z(null)},[]),L=n.useCallback(()=>{v(e.id)},[v,e.id]),g=n.useCallback(()=>{z(null),i(e.id)},[i,e.id]),y=n.useCallback(()=>{$(`${r}.groupName`),j()},[j,r,$]);return t.jsxs(ho,{windowSize:B,children:[t.jsx(V,{controller:h,children:t.jsxs(wo,{children:[t.jsxs(fo,{children:[t.jsx(Co,{isOpen:a===!1,onClick:x,children:t.jsx(To,{})}),t.jsx(Ot,{style:{textAlign:"start",width:"100%",background:"unset",...Ft.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:Ie.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:W=>Pt(W,e.id,c)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx($o,{onClick:S,children:t.jsx(jo,{})}),t.jsx(Ht,{onClose:j,onAddTask:L,onCollapseAll:C,onDelete:g,onExpandAll:d,onRename:y,isDefault:e.isDefault,anchorEl:D})]})}),t.jsx(V,{controller:a===!1,children:t.jsx(Vt,{mode:"checked_or_hover",isDisabled:p===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(W=>{const U=()=>{M(W.id)};return{label:t.jsx(po,{taskDetail:W,onRowClick:U,tagList:u,onTimeSpentUpdate:f,onShowToast:w,sectionId:r}),prefix:B==="small"?null:t.jsx(yo,{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})})]})},ho=o.div`
+`,{common:Ge,dateFormat:co,taskManagement:Ie}=se.getLocalizedStrings(),pt={taskNameMaxWidth:new Je(125,170,170,250,300)},po=({taskDetail:e,tagList:u,sectionId:r,onRowClick:h,onTimeSpentUpdate:m,onShowToast:p})=>{const a=ie(),c=e.assigneeUsers.length,i=e.assigneeUsers[0]?.user,d=i?.firstName||i?.lastName?`${i.firstName} ${i.lastName}`:i?.email??Ge.strings.empty,{getValues:C,resetField:v,getFieldState:I}=it(),M=(k,f)=>{const w=Be(k,f,xe);I(w).invalid?v(w):m(e,{timeSpent:C(w)})};return t.jsxs(mo,{children:[t.jsxs(vo,{windowSize:a,onClick:h,responsiveWidth:X[0].width,children:[t.jsxs(So,{windowSize:a,children:[t.jsx(Lo,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(Eo,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(Go,{windowSize:a,responsiveWidth:X[0].width,children:t.jsx(No,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ve,{windowSize:a,responsiveWidth:X[1].width,children:ze(e.status.code)}),t.jsx(zo,{windowSize:a,responsiveWidth:X[2].width,children:ze(e.priority.code)}),t.jsx(Bo,{windowSize:a,responsiveWidth:X[3].width,children:e.dueDate!=null?e.dueDate.format(co.visual.MMMDCommaYYYYformat):t.jsx(go,{children:Ge.strings.hyphen})}),t.jsx(Ve,{windowSize:a,responsiveWidth:X[4].width,children:c>0?t.jsxs(ko,{children:[t.jsx(Kt,{personBasic:i,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Io,{children:t.jsx(Mo,{children:d})}),c>1?t.jsx(xo,{children:`${Ge.strings.plus}${c-1}`}):null]}):null}),t.jsx(Ro,{windowSize:a,responsiveWidth:X[5].width,children:e.tagIds.length>0?t.jsx(Do,{children:Yt(e.tagIds,u)}):null}),t.jsx(Wo,{windowSize:a,responsiveWidth:X[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Oo,{className:"timeSpentField",children:t.jsx(qt,{name:Be(r,e.id,xe),placeholder:Ie.common.timeSpentPlaceholder,timeSpentFormat:Ie.common.timeSpentFormat,registerOptions:{validate:k=>es(k)>Zt?(p({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{M(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},uo=({taskGroup:e,tagList:u,sectionId:r,showGroupName:h,showRenameTextField:m,isSelectionAllowed:p,isCollapsed:a,existingTaskGroupNamesByGroupId:c,onDeleteTaskGroup:i,onExpandAll:d,onCollapseAll:C,onAddNewTaskToTaskGroup:v,onCollapseToggle:I,onTaskManagementRowClick:M,onDragStart:k,onTimeSpentUpdate:f,onShowToast:w})=>{const[D,z]=n.useState(null),B=ie(),{setFocus:$}=it(),x=n.useCallback(()=>{I(e.id)},[I,e.id]),S=n.useCallback(W=>{z(W.currentTarget)},[]),j=n.useCallback(()=>{z(null)},[]),L=n.useCallback(()=>{v(e.id)},[v,e.id]),g=n.useCallback(()=>{z(null),i(e.id)},[i,e.id]),y=n.useCallback(()=>{$(`${r}.groupName`),j()},[j,r,$]);return t.jsxs(ho,{windowSize:B,children:[t.jsx(U,{controller:h,children:t.jsxs(wo,{children:[t.jsxs(fo,{children:[t.jsx(Co,{isOpen:a===!1,onClick:x,children:t.jsx(To,{})}),t.jsx(Ot,{style:{textAlign:"start",width:"100%",background:"unset",...Ft.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:Ie.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:W=>Pt(W,e.id,c)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx($o,{onClick:S,children:t.jsx(jo,{})}),t.jsx(Ht,{onClose:j,onAddTask:L,onCollapseAll:C,onDelete:g,onExpandAll:d,onRename:y,isDefault:e.isDefault,anchorEl:D})]})}),t.jsx(U,{controller:a===!1,children:t.jsx(Ut,{mode:"checked_or_hover",isDisabled:p===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(W=>{const V=()=>{M(W.id)};return{label:t.jsx(po,{taskDetail:W,onRowClick:V,tagList:u,onTimeSpentUpdate:f,onShowToast:w,sectionId:r}),prefix:B==="small"?null:t.jsx(yo,{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})})]})},ho=o.div`
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -256,7 +256,7 @@ import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K
   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}`};
+  box-shadow: ${e=>e.theme.mode==="dark"?`${Re.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${Re.dropShadowNormalLight}`};
   border-radius: ${s.sp2};
   cursor: pointer;
   &:hover {
@@ -311,7 +311,7 @@ import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K
   color: ${e=>e.theme.colors.primary};
 `,$o=o.div`
   cursor: pointer;
-`,jo=o(Ut)`
+`,jo=o(Vt)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,yo=o.div`
@@ -375,7 +375,7 @@ import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K
   flex-direction: row;
   align-items: center;
   column-gap: ${s.sp2};
-`,Ue=o.div`
+`,Ve=o.div`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   overflow: hidden;
@@ -404,7 +404,7 @@ import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K
   justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
   padding-right: ${e=>e.isLastColumn===!0?s.sp2:s.sp0};
   column-gap: ${s.sp2};
-`,Ao=o.div`
+`,Ro=o.div`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   overflow: hidden;
@@ -416,10 +416,10 @@ import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K
   justify-content: ${e=>e.isLastColumn===!0?"flex-end":"flex-start"};
   padding-right: ${s.sp1};
   column-gap: ${s.sp2};
-`,Ro=o.div`
+`,Ao=o.div`
   width: inherit;
   position: relative;
-`,Wo=o(Ro)`
+`,Wo=o(Ao)`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   color: ${e=>e.theme.colors.hero};
@@ -430,7 +430,7 @@ import{av as gt,d as qe,V as t,F as se,jm as Y,bz as kt,a9 as V,cm as xt,ak as K
   column-gap: ${s.sp2};
 `,Oo=o.div`
   max-width: ${s.sp11};
-`,Fo=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(),_e=e=>`${e}_form`,Po={rowGap:new Je(ge[0],ge[5],ge[5])},{common:{footer:Ke},taskManagement:Le}=se.getLocalizedStrings(),jn=({taskListView:e,tagListView:u,isTaskTemplatesEnabled:r,onCreateTagClick:h,updateTask:m,onDragNDrop:p,onDeleteTaskGroup:a,updateLocalData:c,onTaskManagementRowClick:i,onReloadTasks:d,onColumnSortConfigChanged:C,onSearchTextChanged:v,onBackClick:I,onNewTaskClick:M,onFiltersChange:k,resetLocalData:f,handleCreateGroup:w,assignGroupToTasks:D,onAddNewTaskToTaskGroup:z,onGroupByFilterChange:B,onTaskGroupRename:$,analytics:x,onTimeSpentUpdate:S,onShowToast:j,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,handleNewTaskInitialization:y})=>{const[W,U]=n.useState(!1),[Q,F]=n.useState(null),[P,oe]=n.useState(null),[q,pe]=n.useState(null),[fe,le]=n.useState(null),[ue,ne]=n.useState(!1),Ce=gt(),{fetchState:ee,uiState:Z,filters:Te,userList:de,taskGroupsWithTasksList:$e}=e,{tagList:je}=u,ye=qe(),be=R=>{ne(R)},he=n.useCallback(R=>{le(R.currentTarget)},[]),me=n.useCallback(R=>{B(R)},[B]),l=n.useCallback(()=>{B("groupName")},[B]),G=n.useCallback(R=>{y(R)},[y]),O=de.users.map(R=>R.user).filter(R=>R!=null),N={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:H.common.create,isSearchOpen:ue,searchPlaceHolder:H.taskManagement.taskList.searchPlaceHolder,searchText:Z.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:Te,searchTextBoxStyle:{right:"108px"},onNewButtonClick:he,onSearchOpen:be,onSearchTextChanged:v,onFiltersChange:k,analytics:x,downloadState:"Not-Started",createdByUserListLoaded:de.fetchState==="Completed"||de.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(gs,{value:Z.groupByKey,resetDisabled:Z.groupByKey==="groupName",onChange:me,onReset:l}),height:90},getFilterOptions:()=>is("task_management",O,Ce.loggedInUserRole??[],u.tagList)},E=n.useCallback(R=>{le(null),F(Y),c({...e.localData,newTaskGroupName:R})},[e.localData,c]),A=n.useCallback(()=>{le(null)},[]),b=n.useCallback(()=>{P!=null&&a(P)},[P,a]),T=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(qo,{children:[t.jsx(Zo,{onClick:d,children:t.jsx(Xo,{})}),t.jsx(Jo,{children:H.common.reloadPage.label})]}):ee==="Completed"&&$e.length===0?t.jsx(ft,{message:H.taskManagement.taskList.noDataText}):ee==="Not-Started"||ee==="In-Progress"?t.jsx(Ct,{fetchState:ee}):t.jsx(Ho,{taskListView:e,tagList:je,renameActiveField:Q,updateTask:m,onDragNDrop:p,onAddNewTaskToTaskGroup:z,onColumnSortConfigChanged:C,onTaskManagementRowClick:i,assignGroupToTasks:D,handleCreateGroup:w,resetLocalData:f,setGroupCreationInProgress:T,setShowDeleteModal:U,updateLocalData:c,setActiveTaskGroupId:oe,setRenameActiveField:F,onTaskGroupRename:$,onTimeSpentUpdate:S,onShowToast:j,onCreateTagClick:h}),ht=t.jsx(ss,{spendManagementSectionProps:N});return t.jsxs(Yo,{children:[t.jsx(kt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:ye.colors.grey4,style:{zIndex:3},onBackClick:I,rightSideComponent:ht,isSearchOpen:ue,source:"TaskManagementPage"}),t.jsx(As,{anchorEl:fe,groupByKey:Z.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:A,onNewTaskClick:M,onNewGroupClick:E,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,onNewTaskInitialization:G,onExpandTemplate:te,expandedTemplate:q}),t.jsx(Ko,{children:ut()}),t.jsx(V,{controller:W===!0,children:t.jsx(xt,{action:{onOkClick:b,onCancelClick:()=>{U(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:H.common.cancel,primaryButtonText:H.common.confirm,titleComponent:t.jsx(on,{children:t.jsx(wt,{children:H.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(nn,{children:t.jsx(K,{children:H.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Ho=({taskListView:e,tagList:u,renameActiveField:r,updateTask:h,onTaskGroupRename:m,setRenameActiveField:p,onDragNDrop:a,updateLocalData:c,setShowDeleteModal:i,handleCreateGroup:d,resetLocalData:C,assignGroupToTasks:v,setGroupCreationInProgress:I,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,setActiveTaskGroupId:w,onTimeSpentUpdate:D,onShowToast:z,onCreateTagClick:B})=>{const $=n.useRef(null),[x,S]=n.useState(null),j=n.useRef({}),L=ie(),{localData:g,taskGroupsWithTasksList:y,uiState:W}=e,[U,Q]=n.useState([]),F=n.useRef(null);us({scrollContainerRef:F,isEnabled:L!=="small"});const P=n.useMemo(()=>e.userList.users.map(l=>l.user).filter(l=>l!=null),[e.userList.users]),oe=jt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u]),values:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u])}),q=n.useMemo(()=>{if(r!==Y)return y;const l=[],G=y.map(O=>{const N=O.tasks.filter(E=>{const A=g.selectedTaskIds.includes(E.id)===!0;return A&&l.push(E),A===!1});return{...O,tasks:N}});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]+Po.rowGap.value(L):(os*1+ns)*3+as+rs,[U,q,L]),fe=n.useCallback(l=>{S(l.currentTarget)},[]),le=n.useCallback((l,G)=>{j.current={...j.current,[l]:G},$.current?.resetAfterIndex(0,!0)},[L,$,y]),ue=n.useCallback(l=>{Q(G=>G.includes(l)?G.filter(O=>l!==O):[...G,l]),$.current?.resetAfterIndex(0,!0)},[]),ne=n.useCallback(()=>{S(null)},[]),Ce=n.useCallback(()=>{Q(y.map(l=>l.id)),$.current?.resetAfterIndex(0,!0)},[y]),ee=n.useCallback(()=>{Q([]),$.current?.resetAfterIndex(0,!0)},[]),Z=n.useCallback(()=>{I(),$.current?.scrollTo(0),ne()},[ne,I]),Te=n.useCallback(l=>{w(l),i(!0)},[w,i]),de=n.useCallback(()=>{g.selectedTaskIds.length>0?r!==Y?Z():d(!0):r===Y?d(!1):r!=null&&m(r,g.existingTaskGroupNamesByGroupId[r])},[g.selectedTaskIds.length,g.existingTaskGroupNamesByGroupId,r,Z,d,m]),$e=n.useCallback(()=>{p(null),C()},[C,p]),je=n.useCallback(l=>{C(),p(l)},[C,p]),ye=n.useCallback(()=>{g.defaultTaskGroupId!=null&&v(g.defaultTaskGroupId)},[v,g.defaultTaskGroupId]),be=async(l,G)=>{if(l.includes(nt)){const N=l.split(".")[2],E=y.flatMap(b=>b.tasks).find(b=>b.id===N),A=G[_][ae][N].priority.selectedOption;if(E!=null&&A!=null){const b=lt.find(T=>T.code===A);b!=null&&h(E,{priority:b})}return}if(l.includes(at)){const N=l.split(".")[2],E=y.flatMap(b=>b.tasks).find(b=>b.id===N),A=G[_][ae][N].status.selectedOption;if(E!=null&&A!=null){const b=dt.find(T=>T.code===A);E!=null&&b!=null&&h(E,{status:b})}return}if(l.includes(st)){const N=l.split(".")[2],E=y.flatMap(T=>T.tasks).find(T=>T.id===N),A=y.find(T=>T.tasks.find(te=>te.id===N))?.id,b=G[_][ae][N].assignees.selectedUsers.map(T=>T.userId);A!=null&&b!=null&&E!=null&&h(E,{assignees:b});return}if(l.includes(ot)){const N=l.split(".")[2],E=y.flatMap(T=>T.tasks).find(T=>T.id===N),A=y.find(T=>T.tasks.find(te=>te.id===N))?.id,b=G[_][ae][N].dueDate.date;A!=null&&b!=null&&E!=null&&h(E,{dueDate:b});return}if(l.includes(tt)){const N=l.split(".")[2],E=y.flatMap(T=>T.tasks).find(T=>T.id===N),A=y.find(T=>T.tasks.find(te=>te.id===N))?.id,b=G[_][ae][N].tags.selectedOptions;A!=null&&b!=null&&E!=null&&h(E,{tagIds:b});return}l.includes(xe)&&oe.trigger(l);const O=_o(l,G,g);c(O)};n.useEffect(()=>{const l=oe.watch((G,{name:O})=>{O!=null&&G!=null&&yt(()=>be(O,G))});return()=>{l.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupUpdateStatus.fetchState]);const 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:_e(De),onSubmit:oe.handleSubmit(de),style:{width:"100%"},children:t.jsx(Qo,{isFooterVisible:me,windowSize:L,children:t.jsx(vt,{children:({height:l,width:G})=>t.jsx(St,{ref:$,outerRef:F,height:l,itemCount:q.length,itemSize:pe,estimatedItemSize:Lt,itemKey:O=>q[O].id,width:G,overscanCount:Gt,itemData:{tagList:u,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:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,onCollapseAll:Ce,onDeleteTaskGroup:Te,onExpandAll:ee,onTimeSpentUpdate:D,onShowToast:z,onCreateTagClick:B},initialScrollOffset:0,children:Vo})})})})}),me?t.jsx(Nt,{formId:_e(De),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:$e},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(V,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsxs(tn,{children:[t.jsx(ct,{count:g.selectedTaskIds.length}),t.jsx(sn,{children:g.selectedTaskIds.length>1?Le.taskList.footer.tasksSelected:Le.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(V,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsx(rn,{children:t.jsx(Ee,{enterDelay:600,title:H.taskManagement.taskList.footer.ungroup,children:t.jsx(an,{onClick:ye})})})}),showPrimaryButton:he===!1,customPrimaryButton:he?t.jsxs(t.Fragment,{children:[t.jsx(Me,{variant:"secondary",label:H.taskManagement.taskList.footer.moveTo,onClick:fe,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx($s,{taskGroupsList:y,anchorEl:x,groupByKey:W.groupByKey,onCreateNewGroup:Z,onExistingGroupSelection:l=>{ne(),v(l)},onClose:ne})]}):void 0}):null]})},Vo=({index:e,style:u,data:r})=>{const h=n.useRef(null),m=ie(),{tagList:p,taskGroupsWithTasksList:a,uiState:c,renameActiveField:i,collapsedGroups:d,onCollapseToggle:C,onTaskManagementRowClick:v,setRowHeight:I,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,handleOnDragNDrop:z,onRenameClick:B,userList:$,selectedRowIds:x,existingTaskGroupNamesByGroupId:S,onTimeSpentUpdate:j,onShowToast:L,onCreateTagClick:g}=r;n.useEffect(()=>{h.current?.firstElementChild!=null&&I(e,h.current.firstElementChild.clientHeight)},[e,h,m,a[e]?.tasks]);const y=n.useCallback(F=>{const P=F.dataTransfer.getData("row");z(P,a[e].id)},[z,e,a]),W=n.useCallback(F=>{F.preventDefault()},[]),U=(F,P)=>{F.dataTransfer.setData("row",P)},Q=()=>{B(a[e].id)};return t.jsx(en,{style:{...u,width:"100%"},ref:h,onDrop:y,onDragOver:W,children:t.jsx(Uo,{taskGroup:a[e],showGroupName:!0,tagList:p,uiState:c,isCollapsed:d.includes(a[e].id),onCollapseToggle:C,showRenameTextField:i===a[e].id,isSelectionAllowed:i==null,onTaskManagementRowClick:v,onColumnSortConfigChanged:M,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,selectedRowIds:x,userList:$,existingTaskGroupNamesByGroupId:S,onDragStart:U,onRenameClick:Q,onTimeSpentUpdate:j,onShowToast:L,onCreateTagClick:g},a[e].id)})},Uo=({taskGroup:e,tagList:u,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,userList:i,existingTaskGroupNamesByGroupId:d,onRenameClick:C,onTaskManagementRowClick:v,onCollapseToggle:I,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,onDragStart:z,onTimeSpentUpdate:B,onShowToast:$,onCreateTagClick:x})=>{const S=ie(),j=S==="medium-regular"||S==="medium-compact"||S==="small"?uo:Wt;return t.jsx(j,{taskGroup:e,tagList:u,userList:i,sectionId:_,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,existingTaskGroupNamesByGroupId:d,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,onCollapseToggle:I,onTaskManagementRowClick:v,onColumnSortConfigChanged:M,onDragStart:z,onRenameClick:C,onTimeSpentUpdate:B,onShowToast:$,onCreateTagClick:x})},Ye=(e,u,r,h)=>{const m={},p={};e.forEach(c=>{p[c.id]={[ke]:[],[ce]:u.existingTaskGroupNamesByGroupId[c.id]},c.tasks.forEach(i=>{u.selectedTaskIds.includes(i.id)&&p[c.id].selectedIds.push(i.id),m[i.id]={[at]:{selectedOption:i.status.code,allOptions:dt.map(d=>({label:d.name,value:d.code}))},[nt]:{selectedOption:i.priority.code,allOptions:lt.map(d=>({label:d.name,value:d.code}))},[ot]:{date:i.dueDate,showBusinessDay:!1},[st]:{allUsers:r,selectedUsers:i.assigneeUsers.map(d=>d.user)},[tt]:{allOptions:It(h),selectedOptions:i.tagIds},[xe]:i.timeSpent}})});const a={[rt]:{[Y]:{[ce]:u.newTaskGroupName,[ke]:[]},...p},[ae]:m};return{[_]:a}},_o=(e,u,r)=>{if(e.includes(_)){const h=e.split(".")[2];if(e.includes(ce))return e.includes(Y)?{...r,newTaskGroupName:u[_].groupData[h][ce]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[h]:u[_].groupData[h][ce]}};if(e.includes(ke)){const m=At(Rt(Object.values(u[_][rt]),ke)).filter(p=>p!==H.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:m}}}return r},Ko=o.div`
+`,Fo=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(),_e=e=>`${e}_form`,Po={rowGap:new Je(ge[0],ge[5],ge[5])},{common:{footer:Ke},taskManagement:Le}=se.getLocalizedStrings(),jn=({taskListView:e,tagListView:u,isTaskTemplatesEnabled:r,onCreateTagClick:h,updateTask:m,onDragNDrop:p,onDeleteTaskGroup:a,updateLocalData:c,onTaskManagementRowClick:i,onReloadTasks:d,onColumnSortConfigChanged:C,onSearchTextChanged:v,onBackClick:I,onNewTaskClick:M,onFiltersChange:k,resetLocalData:f,handleCreateGroup:w,assignGroupToTasks:D,onAddNewTaskToTaskGroup:z,onGroupByFilterChange:B,onTaskGroupRename:$,analytics:x,onTimeSpentUpdate:S,onShowToast:j,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,handleNewTaskInitialization:y})=>{const[W,V]=n.useState(!1),[Q,F]=n.useState(null),[P,oe]=n.useState(null),[q,pe]=n.useState(null),[fe,le]=n.useState(null),[ue,ne]=n.useState(!1),Ce=gt(),{fetchState:ee,uiState:Z,filters:Te,userList:de,taskGroupsWithTasksList:$e}=e,{tagList:je}=u,ye=qe(),be=A=>{ne(A)},he=n.useCallback(A=>{le(A.currentTarget)},[]),me=n.useCallback(A=>{B(A)},[B]),l=n.useCallback(()=>{B("groupName")},[B]),G=n.useCallback(A=>{y(A)},[y]),O=de.users.map(A=>A.user).filter(A=>A!=null),N={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:H.common.create,isSearchOpen:ue,searchPlaceHolder:H.taskManagement.taskList.searchPlaceHolder,searchText:Z.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:Te,searchTextBoxStyle:{right:"108px"},onNewButtonClick:he,onSearchOpen:be,onSearchTextChanged:v,onFiltersChange:k,analytics:x,downloadState:"Not-Started",createdByUserListLoaded:de.fetchState==="Completed"||de.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(gs,{value:Z.groupByKey,resetDisabled:Z.groupByKey==="groupName",onChange:me,onReset:l}),height:90},getFilterOptions:()=>is("task_management",O,Ce.loggedInUserRole??[],u.tagList)},E=n.useCallback(A=>{le(null),F(Y),c({...e.localData,newTaskGroupName:A})},[e.localData,c]),R=n.useCallback(()=>{le(null)},[]),b=n.useCallback(()=>{P!=null&&a(P)},[P,a]),T=n.useCallback(()=>{F(Y)},[]),te=n.useCallback(A=>{pe(mt=>mt===A?null:A)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&V(!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(qo,{children:[t.jsx(Zo,{onClick:d,children:t.jsx(Xo,{})}),t.jsx(Jo,{children:H.common.reloadPage.label})]}):ee==="Completed"&&$e.length===0?t.jsx(ft,{message:H.taskManagement.taskList.noDataText}):ee==="Not-Started"||ee==="In-Progress"?t.jsx(Ct,{fetchState:ee}):t.jsx(Ho,{taskListView:e,tagList:je,renameActiveField:Q,updateTask:m,onDragNDrop:p,onAddNewTaskToTaskGroup:z,onColumnSortConfigChanged:C,onTaskManagementRowClick:i,assignGroupToTasks:D,handleCreateGroup:w,resetLocalData:f,setGroupCreationInProgress:T,setShowDeleteModal:V,updateLocalData:c,setActiveTaskGroupId:oe,setRenameActiveField:F,onTaskGroupRename:$,onTimeSpentUpdate:S,onShowToast:j,onCreateTagClick:h}),ht=t.jsx(ss,{spendManagementSectionProps:N});return t.jsxs(Yo,{children:[t.jsx(kt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:ye.colors.grey4,style:{zIndex:3},onBackClick:I,rightSideComponent:ht,isSearchOpen:ue,source:"TaskManagementPage"}),t.jsx(Rs,{anchorEl:fe,groupByKey:Z.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:R,onNewTaskClick:M,onNewGroupClick:E,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,onNewTaskInitialization:G,onExpandTemplate:te,expandedTemplate:q}),t.jsx(Ko,{children:ut()}),t.jsx(U,{controller:W===!0,children:t.jsx(xt,{action:{onOkClick:b,onCancelClick:()=>{V(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:H.common.cancel,primaryButtonText:H.common.confirm,titleComponent:t.jsx(on,{children:t.jsx(wt,{children:H.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(nn,{children:t.jsx(K,{children:H.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Ho=({taskListView:e,tagList:u,renameActiveField:r,updateTask:h,onTaskGroupRename:m,setRenameActiveField:p,onDragNDrop:a,updateLocalData:c,setShowDeleteModal:i,handleCreateGroup:d,resetLocalData:C,assignGroupToTasks:v,setGroupCreationInProgress:I,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,setActiveTaskGroupId:w,onTimeSpentUpdate:D,onShowToast:z,onCreateTagClick:B})=>{const $=n.useRef(null),[x,S]=n.useState(null),j=n.useRef({}),L=ie(),{localData:g,taskGroupsWithTasksList:y,uiState:W}=e,[V,Q]=n.useState([]),F=n.useRef(null);us({scrollContainerRef:F,isEnabled:L!=="small"});const P=n.useMemo(()=>e.userList.users.map(l=>l.user).filter(l=>l!=null),[e.userList.users]),oe=jt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u]),values:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u])}),q=n.useMemo(()=>{if(r!==Y)return y;const l=[],G=y.map(O=>{const N=O.tasks.filter(E=>{const R=g.selectedTaskIds.includes(E.id)===!0;return R&&l.push(E),R===!1});return{...O,tasks:N}});return G.unshift({groupName:"",isDefault:!1,id:Y,tasks:l}),G},[r,y,g.selectedTaskIds]),pe=n.useCallback(l=>V.includes(q[l].id)||q[l].tasks.length===0?100:j.current?.[l]!=null?j.current[l]+Po.rowGap.value(L):(os*1+ns)*3+as+rs,[V,q,L]),fe=n.useCallback(l=>{S(l.currentTarget)},[]),le=n.useCallback((l,G)=>{j.current={...j.current,[l]:G},$.current?.resetAfterIndex(0,!0)},[L,$,y]),ue=n.useCallback(l=>{Q(G=>G.includes(l)?G.filter(O=>l!==O):[...G,l]),$.current?.resetAfterIndex(0,!0)},[]),ne=n.useCallback(()=>{S(null)},[]),Ce=n.useCallback(()=>{Q(y.map(l=>l.id)),$.current?.resetAfterIndex(0,!0)},[y]),ee=n.useCallback(()=>{Q([]),$.current?.resetAfterIndex(0,!0)},[]),Z=n.useCallback(()=>{I(),$.current?.scrollTo(0),ne()},[ne,I]),Te=n.useCallback(l=>{w(l),i(!0)},[w,i]),de=n.useCallback(()=>{g.selectedTaskIds.length>0?r!==Y?Z():d(!0):r===Y?d(!1):r!=null&&m(r,g.existingTaskGroupNamesByGroupId[r])},[g.selectedTaskIds.length,g.existingTaskGroupNamesByGroupId,r,Z,d,m]),$e=n.useCallback(()=>{p(null),C()},[C,p]),je=n.useCallback(l=>{C(),p(l)},[C,p]),ye=n.useCallback(()=>{g.defaultTaskGroupId!=null&&v(g.defaultTaskGroupId)},[v,g.defaultTaskGroupId]),be=async(l,G)=>{if(l.includes(nt)){const N=l.split(".")[2],E=y.flatMap(b=>b.tasks).find(b=>b.id===N),R=G[_][ae][N].priority.selectedOption;if(E!=null&&R!=null){const b=lt.find(T=>T.code===R);b!=null&&h(E,{priority:b})}return}if(l.includes(at)){const N=l.split(".")[2],E=y.flatMap(b=>b.tasks).find(b=>b.id===N),R=G[_][ae][N].status.selectedOption;if(E!=null&&R!=null){const b=dt.find(T=>T.code===R);E!=null&&b!=null&&h(E,{status:b})}return}if(l.includes(st)){const N=l.split(".")[2],E=y.flatMap(T=>T.tasks).find(T=>T.id===N),R=y.find(T=>T.tasks.find(te=>te.id===N))?.id,b=G[_][ae][N].assignees.selectedUsers.map(T=>T.userId);R!=null&&b!=null&&E!=null&&h(E,{assignees:b});return}if(l.includes(ot)){const N=l.split(".")[2],E=y.flatMap(T=>T.tasks).find(T=>T.id===N),R=y.find(T=>T.tasks.find(te=>te.id===N))?.id,b=G[_][ae][N].dueDate.date;R!=null&&b!=null&&E!=null&&h(E,{dueDate:b});return}if(l.includes(tt)){const N=l.split(".")[2],E=y.flatMap(T=>T.tasks).find(T=>T.id===N),R=y.find(T=>T.tasks.find(te=>te.id===N))?.id,b=G[_][ae][N].tags.selectedOptions;R!=null&&b!=null&&E!=null&&h(E,{tagIds:b});return}l.includes(xe)&&oe.trigger(l);const O=_o(l,G,g);c(O)};n.useEffect(()=>{const l=oe.watch((G,{name:O})=>{O!=null&&G!=null&&yt(()=>be(O,G))});return()=>{l.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupUpdateStatus.fetchState]);const 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:_e(De),onSubmit:oe.handleSubmit(de),style:{width:"100%"},children:t.jsx(Qo,{isFooterVisible:me,windowSize:L,children:t.jsx(vt,{children:({height:l,width:G})=>t.jsx(St,{ref:$,outerRef:F,height:l,itemCount:q.length,itemSize:pe,estimatedItemSize:Lt,itemKey:O=>q[O].id,width:G,overscanCount:Gt,itemData:{tagList:u,taskGroupsWithTasksList:q,uiState:W,collapsedGroups:V,userList:e.userList,renameActiveField:r,selectedRowIds:g.selectedTaskIds,existingTaskGroupNamesByGroupId:g.existingTaskGroupNamesByGroupId,onRenameClick:je,handleOnDragNDrop:a,onCollapseToggle:ue,setRowHeight:le,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,onCollapseAll:Ce,onDeleteTaskGroup:Te,onExpandAll:ee,onTimeSpentUpdate:D,onShowToast:z,onCreateTagClick:B},initialScrollOffset:0,children:Uo})})})})}),me?t.jsx(Nt,{formId:_e(De),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:$e},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(U,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsxs(tn,{children:[t.jsx(ct,{count:g.selectedTaskIds.length}),t.jsx(sn,{children:g.selectedTaskIds.length>1?Le.taskList.footer.tasksSelected:Le.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(U,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsx(rn,{children:t.jsx(Ee,{enterDelay:600,title:H.taskManagement.taskList.footer.ungroup,children:t.jsx(an,{onClick:ye})})})}),showPrimaryButton:he===!1,customPrimaryButton:he?t.jsxs(t.Fragment,{children:[t.jsx(Me,{variant:"secondary",label:H.taskManagement.taskList.footer.moveTo,onClick:fe,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx($s,{taskGroupsList:y,anchorEl:x,groupByKey:W.groupByKey,onCreateNewGroup:Z,onExistingGroupSelection:l=>{ne(),v(l)},onClose:ne})]}):void 0}):null]})},Uo=({index:e,style:u,data:r})=>{const h=n.useRef(null),m=ie(),{tagList:p,taskGroupsWithTasksList:a,uiState:c,renameActiveField:i,collapsedGroups:d,onCollapseToggle:C,onTaskManagementRowClick:v,setRowHeight:I,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,handleOnDragNDrop:z,onRenameClick:B,userList:$,selectedRowIds:x,existingTaskGroupNamesByGroupId:S,onTimeSpentUpdate:j,onShowToast:L,onCreateTagClick:g}=r;n.useEffect(()=>{h.current?.firstElementChild!=null&&I(e,h.current.firstElementChild.clientHeight)},[e,h,m,a[e]?.tasks]);const y=n.useCallback(F=>{const P=F.dataTransfer.getData("row");z(P,a[e].id)},[z,e,a]),W=n.useCallback(F=>{F.preventDefault()},[]),V=(F,P)=>{F.dataTransfer.setData("row",P)},Q=()=>{B(a[e].id)};return t.jsx(en,{style:{...u,width:"100%"},ref:h,onDrop:y,onDragOver:W,children:t.jsx(Vo,{taskGroup:a[e],showGroupName:!0,tagList:p,uiState:c,isCollapsed:d.includes(a[e].id),onCollapseToggle:C,showRenameTextField:i===a[e].id,isSelectionAllowed:i==null,onTaskManagementRowClick:v,onColumnSortConfigChanged:M,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,selectedRowIds:x,userList:$,existingTaskGroupNamesByGroupId:S,onDragStart:V,onRenameClick:Q,onTimeSpentUpdate:j,onShowToast:L,onCreateTagClick:g},a[e].id)})},Vo=({taskGroup:e,tagList:u,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,userList:i,existingTaskGroupNamesByGroupId:d,onRenameClick:C,onTaskManagementRowClick:v,onCollapseToggle:I,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,onDragStart:z,onTimeSpentUpdate:B,onShowToast:$,onCreateTagClick:x})=>{const S=ie(),j=S==="medium-regular"||S==="medium-compact"||S==="small"?uo:Wt;return t.jsx(j,{taskGroup:e,tagList:u,userList:i,sectionId:_,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,existingTaskGroupNamesByGroupId:d,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,onCollapseToggle:I,onTaskManagementRowClick:v,onColumnSortConfigChanged:M,onDragStart:z,onRenameClick:C,onTimeSpentUpdate:B,onShowToast:$,onCreateTagClick:x})},Ye=(e,u,r,h)=>{const m={},p={};e.forEach(c=>{p[c.id]={[ke]:[],[ce]:u.existingTaskGroupNamesByGroupId[c.id]},c.tasks.forEach(i=>{u.selectedTaskIds.includes(i.id)&&p[c.id].selectedIds.push(i.id),m[i.id]={[at]:{selectedOption:i.status.code,allOptions:dt.map(d=>({label:d.name,value:d.code}))},[nt]:{selectedOption:i.priority.code,allOptions:lt.map(d=>({label:d.name,value:d.code}))},[ot]:{date:i.dueDate,showBusinessDay:!1},[st]:{allUsers:r,selectedUsers:i.assigneeUsers.map(d=>d.user)},[tt]:{allOptions:It(h),selectedOptions:i.tagIds},[xe]:i.timeSpent}})});const a={[rt]:{[Y]:{[ce]:u.newTaskGroupName,[ke]:[]},...p},[ae]:m};return{[_]:a}},_o=(e,u,r)=>{if(e.includes(_)){const h=e.split(".")[2];if(e.includes(ce))return e.includes(Y)?{...r,newTaskGroupName:u[_].groupData[h][ce]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[h]:u[_].groupData[h][ce]}};if(e.includes(ke)){const m=Rt(At(Object.values(u[_][rt]),ke)).filter(p=>p!==H.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:m}}}return r},Ko=o.div`
   display: block;
   height: 100%;
 `,Yo=o.div`

package/dist/assets/{TimeRangeSwitcher-BOzR-0O6-DleTftrv.js → TimeRangeSwitcher-DEEhq2Us-D64DWBCZ.js}

@@ -1,4 +1,4 @@
-import{V as t,b1 as H,aA as S,dg as L,bp as q,o as a,ag as A}from"./index-BzfDeuOT.js";import{a as n,Y as D}from"./core-3dlyNYRL.js";import{n as g}from"./mui-bYXq4XMS.js";import{V as U}from"./CollapsableReportTable-Crihcv_z-Dz-RLuna.js";const W=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M12 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8v40z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),X=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M0 0h8a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H0V0z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),p=40,h=90,Z=g.div`
+import{V as t,b1 as H,aA as S,dg as L,bp as q,o as a,ag as A}from"./index-BhteR_e0.js";import{a as n,Y as D}from"./core-B-FNbYlu.js";import{n as g}from"./mui-DLNyBjYF.js";import{V as U}from"./CollapsableReportTable-I40BZv7o-RBVPkQ58.js";const W=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M12 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8v40z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),X=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M0 0h8a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H0V0z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),p=40,h=90,Z=g.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-start;

package/dist/assets/{TimeframeSwitcher-BVgI_VZw-DeIWrcpL.js → TimeframeSwitcher-u606tI8Z-DKc_Ov1z.js}

@@ -1,4 +1,4 @@
-import{V as t,o,ag as p,F as f}from"./index-BzfDeuOT.js";import{n as i}from"./mui-bYXq4XMS.js";const u=i.div`
+import{V as t,o,ag as p,F as f}from"./index-BhteR_e0.js";import{n as i}from"./mui-DLNyBjYF.js";const u=i.div`
   display: flex;
   flex-direction: row;
   align-items: center;

package/dist/assets/{TimeframeSwitcherWithToggle-CPVSAvFa-CMvHnrOH.js → TimeframeSwitcherWithToggle-D2sBGHXQ-Dp4KGiW_.js}

@@ -1,4 +1,4 @@
-import{Q as c,V as o,y as n,ag as w,bH as x}from"./index-BzfDeuOT.js";import{n as r}from"./mui-bYXq4XMS.js";import{b as l}from"./TimeframeSwitcher-BVgI_VZw-DeIWrcpL.js";const a="ZeniSwitch",i={root:`${a}-root`,switchBase:`${a}-switchBase`,track:`${a}-track`,thumb:`${a}-thumb`},u=({className:e,...t})=>o.jsx(x,{...t,className:e,classes:{...i}}),p=r(u)(({theme:e})=>({[`& .${i.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${i.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${i.root}.${i.switchBase}.Mui-checked + .${i.track}`]:{backgroundColor:e.colors.grey1},[`&.${i.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${i.switchBase}.Mui-checked .${i.thumb}`]:{backgroundColor:e.colors.primary},[`& .${i.switchBase}.Mui-checked .${i.thumb}:before`]:{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"><path fill="${encodeURIComponent(e.colors.grey5)}" d="M10.738 2L4.5075 8.4035L1.2615 5.0685L0 6.3655L4.5075 11L12 3.297L10.738 2Z" /></svg>')`},[`& .${i.switchBase}.Mui-checked + .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${i.switchBase}.Mui-disabled + .${i.track}`]:{opacity:.7},[`& .${i.thumb}`]:{backgroundColor:e.colors.grey2,width:20,height:20,boxShadow:"none","&:before":{content:"''",position:"absolute",width:"100%",height:"100%",left:0,top:0,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},[`& .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),b=e=>o.jsx(p,{...e}),d={timeframePaddingLeft:new n(0,0,125),timeframePaddingBottom:new n(8,8,0)},$=r.div`
+import{q as c,V as o,y as n,ag as w,bH as x}from"./index-BhteR_e0.js";import{n as r}from"./mui-DLNyBjYF.js";import{b as l}from"./TimeframeSwitcher-u606tI8Z-DKc_Ov1z.js";const a="ZeniSwitch",i={root:`${a}-root`,switchBase:`${a}-switchBase`,track:`${a}-track`,thumb:`${a}-thumb`},u=({className:e,...t})=>o.jsx(x,{...t,className:e,classes:{...i}}),p=r(u)(({theme:e})=>({[`& .${i.switchBase}`]:{color:e.colors.grey2,margin:0,padding:0,transform:"translateX(6px)"},[`& .${i.track}`]:{backgroundColor:e.colors.grey3,opacity:1},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.primary},[`& .${i.root}.${i.switchBase}.Mui-checked + .${i.track}`]:{backgroundColor:e.colors.grey1},[`&.${i.root}`]:{width:52,height:20,padding:"5px 10px"},[`& .${i.switchBase}.Mui-checked`]:{color:e.colors.grey5,transform:"translateX(28px)"},[`& .${i.switchBase}.Mui-checked .${i.thumb}`]:{backgroundColor:e.colors.primary},[`& .${i.switchBase}.Mui-checked .${i.thumb}:before`]:{backgroundImage:`url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13"><path fill="${encodeURIComponent(e.colors.grey5)}" d="M10.738 2L4.5075 8.4035L1.2615 5.0685L0 6.3655L4.5075 11L12 3.297L10.738 2Z" /></svg>')`},[`& .${i.switchBase}.Mui-checked + .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey1},[`& .${i.switchBase}.Mui-disabled + .${i.track}`]:{opacity:.7},[`& .${i.thumb}`]:{backgroundColor:e.colors.grey2,width:20,height:20,boxShadow:"none","&:before":{content:"''",position:"absolute",width:"100%",height:"100%",left:0,top:0,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},[`& .${i.track}`]:{opacity:1,backgroundColor:e.colors.grey3,borderRadius:10}})),b=e=>o.jsx(p,{...e}),d={timeframePaddingLeft:new n(0,0,125),timeframePaddingBottom:new n(8,8,0)},$=r.div`
   display: flex;
   width: 100%;
   flex-direction: column;