@zeniai/web-cockpit-ui 1.14.18-qa → 1.14.19-dev

package/dist/assets/{TaskManagementPage-C8FiHas2-D3TuTHD7.js → TaskManagementPage-BW9M6AQs-DyLPADr6.js}

@@ -1,4 +1,4 @@
-import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z as kt,l as Q,o as s,eI as Ze,bI as Ie,bM as xt,fz as wt,ao as ft,bf as Xe,a6 as Ct,X as le,a as Tt,C as Je,c4 as $t,F as yt,aj as bt,bU as vt,i4 as St,i5 as jt,iB as Be,a4 as Gt,K as De,bt as Ee,eE as Qe,iC as Lt,cr as et,iD as pe,iE as xe,iF as Nt,iG as we,iH as tt,iI as st,iJ as ot,iK as nt,iL as at,iM as rt,iN as _,q as ke,iO as re,v as ie,iP as It,iQ as Et,a3 as Mt,n as Dt,iR as Bt,d7 as zt,iS as At,ch as it,cB as Wt,f as Rt,iT as Ft,iU as Ot,fA as Pt,eH as Ht,iV as Ut,iW as X,iX as ze,bW as Vt,iY as _t,iZ as Kt,i_ as Ae,i$ as Yt,g as We,fX as qt,m as Zt}from"./index-CbZTLtvs.js";import{b as n,n as o,j as fe}from"./vendor-CnQcJ2Lu.js";import{K as Xt,Y as Jt}from"./SpendManagementSection-CczioNZH-Dkreg46Z.js";import{A as Qt,t as es,a as ts,E as ss}from"./NotificationsListConfig-BR7QDiGp-C9AjhN7a.js";import{getDashboardFilterCategoryValues as os}from"./SpendManagementListViewPage-BESddx6p-BLBMNf4m.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./StatusSwitcher-B3gZD4Xk-D9MKHZL1.js";const ns=100,as=100,rs=3,is=.7,ls=({scrollContainerRef:e,isEnabled:u=!0,edgeThreshold:r=ns,scrollSpeed:h=as,minScrollAmount:m=rs,scrollCurveExponent:p=is})=>{n.useEffect(()=>{if(!u||typeof window>"u"||typeof document>"u")return;let a=!1,c=0,i=null;const d=Math.max(r,1),C=()=>{i!==null&&(cancelAnimationFrame(i),i=null)},S=x=>{const j=e.current;return!j||!(x.target instanceof Node)?!1:j.contains(x.target)},E=x=>S(x),M=x=>{const j=Math.max(x,0)/d,y=Math.pow(j,p)*h;return Math.max(m,y)},k=(x,j,y)=>{const L=y==="up"?-j:j;x===window?window.scrollBy({top:L,behavior:"auto"}):x instanceof HTMLElement&&typeof x.scrollTop=="number"&&(x.scrollTop+=L)},f=()=>e.current??window,w=()=>{if(!a)return;const x=f(),j=window.innerHeight,y=c;if(y<d&&y>0){const L=d-y,g=M(L);k(x,g,"up")}else if(y>j-d){const L=y-(j-d),g=M(L);k(x,g,"down")}i=requestAnimationFrame(w)},D=x=>{E(x)?a=!0:(a=!1,C())},B=()=>{a=!1,C()},z=x=>{a&&(c=x.clientY)},$=x=>{z(x),a&&i===null&&(i=requestAnimationFrame(w))};return document.addEventListener("dragstart",D),document.addEventListener("dragend",B),document.addEventListener("dragover",$),()=>{document.removeEventListener("dragstart",D),document.removeEventListener("dragend",B),document.removeEventListener("dragover",$),C()}},[r,u,m,e,p,h])},je=oe.getLocalizedStrings(),lt=({count:e})=>t.jsx(ds,{isCircular:e<10,children:t.jsx(cs,{children:e>je.common.numbers.maximumCount?`${je.common.numbers.maximumCount}${je.common.strings.plus}`:e})}),ds=o.div`
+import{Y as ht,u as qe,j as t,M as oe,iD as Y,aW as mt,T as H,bS as gt,n as K,s as kt,l as Q,o as s,eL as Ze,bL as Ie,bP as xt,fB as wt,ao as ft,bf as Xe,a6 as Ct,e as le,a as Tt,C as Je,c7 as $t,F as yt,aj as bt,bX as vt,i7 as St,i8 as jt,iE as Be,a4 as Gt,k as De,bx as Ee,eH as Qe,iF as Lt,cu as et,iG as pe,iH as xe,iI as Nt,iJ as we,iK as tt,iL as st,iM as ot,iN as nt,iO as at,iP as rt,iQ as _,q as ke,iR as re,d as ie,iS as It,iT as Et,a3 as Mt,r as Dt,iU as Bt,da as zt,iV as At,ck as it,cE as Rt,v as Wt,iW as Ft,iX as Ot,fC as Pt,eK as Vt,iY as Ht,iZ as X,i_ as ze,bZ as Ut,i$ as _t,j0 as Kt,j1 as Ae,j2 as Yt,c as Re,fZ as qt,B as Zt}from"./index-CyJdCOlu.js";import{b as n,n as o,j as fe}from"./vendor-CnQcJ2Lu.js";import{K as Xt,Y as Jt}from"./SpendManagementSection-BKTkeRK6-DIa3Rn7O.js";import{A as Qt,t as es,a as ts,E as ss}from"./NotificationsListConfig-DiJLl-YW-Be2lRZvs.js";import{getDashboardFilterCategoryValues as os}from"./SpendManagementListViewPage-Cvev9izU-BZzSvbIK.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./StatusSwitcher-CTDNbKqC-Bv4PZo8C.js";const ns=100,as=100,rs=3,is=.7,ls=({scrollContainerRef:e,isEnabled:u=!0,edgeThreshold:r=ns,scrollSpeed:h=as,minScrollAmount:m=rs,scrollCurveExponent:p=is})=>{n.useEffect(()=>{if(!u||typeof window>"u"||typeof document>"u")return;let a=!1,c=0,i=null;const d=Math.max(r,1),C=()=>{i!==null&&(cancelAnimationFrame(i),i=null)},S=x=>{const j=e.current;return!j||!(x.target instanceof Node)?!1:j.contains(x.target)},E=x=>S(x),M=x=>{const j=Math.max(x,0)/d,y=Math.pow(j,p)*h;return Math.max(m,y)},k=(x,j,y)=>{const L=y==="up"?-j:j;x===window?window.scrollBy({top:L,behavior:"auto"}):x instanceof HTMLElement&&typeof x.scrollTop=="number"&&(x.scrollTop+=L)},f=()=>e.current??window,w=()=>{if(!a)return;const x=f(),j=window.innerHeight,y=c;if(y<d&&y>0){const L=d-y,g=M(L);k(x,g,"up")}else if(y>j-d){const L=y-(j-d),g=M(L);k(x,g,"down")}i=requestAnimationFrame(w)},D=x=>{E(x)?a=!0:(a=!1,C())},B=()=>{a=!1,C()},z=x=>{a&&(c=x.clientY)},$=x=>{z(x),a&&i===null&&(i=requestAnimationFrame(w))};return document.addEventListener("dragstart",D),document.addEventListener("dragend",B),document.addEventListener("dragover",$),()=>{document.removeEventListener("dragstart",D),document.removeEventListener("dragend",B),document.removeEventListener("dragover",$),C()}},[r,u,m,e,p,h])},je=oe.getLocalizedStrings(),lt=({count:e})=>t.jsx(ds,{isCircular:e<10,children:t.jsx(cs,{children:e>je.common.numbers.maximumCount?`${je.common.numbers.maximumCount}${je.common.strings.plus}`:e})}),ds=o.div`
   ${e=>e.isCircular?fe`
           height: 18px;
           width: 18px;
@@ -16,7 +16,7 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
   outline-color: inherit;
 `,cs=o(Dt)`
   color: inherit;
-`,{taskManagement:Re,common:Ge}=oe.getLocalizedStrings();function ps(e){const{onChange:u,value:r,resetDisabled:h,onReset:m}=e,p=()=>{h!==!0&&m()};return t.jsxs(us,{children:[t.jsx(gs,{children:Re.taskList.groupingFilters.groupBy}),t.jsx(hs,{children:t.jsx(Xt,{value:r,placeHolder:Re.taskList.groupingFilters.placeholder,onChange:a=>{const c=Q.toTaskListGroupByKeyTypeStrict(a.value);if(c!=null)u(c);else throw new Error("Invalid taskListGroupByKey")},options:Q.TASK_LIST_GROUP_BY_CATEGORIES,getOptionLabel:a=>{const c=Ge.texts,i=Q.toTaskListGroupByKeyTypeStrict(a);return i!=null?c[i]:Ge.strings.empty}})}),t.jsxs(ms,{onClick:p,isDisabled:h,children:[t.jsx(ks,{}),t.jsx(K,{children:Ge.reset})]})]})}const us=o.div`
+`,{taskManagement:We,common:Ge}=oe.getLocalizedStrings();function ps(e){const{onChange:u,value:r,resetDisabled:h,onReset:m}=e,p=()=>{h!==!0&&m()};return t.jsxs(us,{children:[t.jsx(gs,{children:We.taskList.groupingFilters.groupBy}),t.jsx(hs,{children:t.jsx(Xt,{value:r,placeHolder:We.taskList.groupingFilters.placeholder,onChange:a=>{const c=Q.toTaskListGroupByKeyTypeStrict(a.value);if(c!=null)u(c);else throw new Error("Invalid taskListGroupByKey")},options:Q.TASK_LIST_GROUP_BY_CATEGORIES,getOptionLabel:a=>{const c=Ge.texts,i=Q.toTaskListGroupByKeyTypeStrict(a);return i!=null?c[i]:Ge.strings.empty}})}),t.jsxs(ms,{onClick:p,isDisabled:h,children:[t.jsx(ks,{}),t.jsx(K,{children:Ge.reset})]})]})}const us=o.div`
   display: flex;
   align-items: center;
   column-gap: ${s.sp4};
@@ -44,7 +44,7 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
 `,ks=o(Xe)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,xs=oe.getLocalizedStrings().taskManagement.taskList.footer;function ws({taskGroupsList:e,anchorEl:u,groupByKey:r,onCreateNewGroup:h,onExistingGroupSelection:m,onClose:p}){const a=()=>{p(),h()};return t.jsx(Ze,{open:!!u,anchorEl:u,onClose:p,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(fs,{children:[t.jsx(Cs,{children:e.map(c=>{const i=()=>{p(),m(c.id)};return t.jsx(Fe,{onClick:i,children:t.jsx(ie,{children:c.groupName})},c.id)})}),t.jsx(U,{controller:r==="groupName",children:t.jsxs(Fe,{onClick:a,children:[t.jsx(Ts,{}),t.jsx(ie,{children:xs.createGroup})]})})]})})}const fs=o.div`
+`,xs=oe.getLocalizedStrings().taskManagement.taskList.footer;function ws({taskGroupsList:e,anchorEl:u,groupByKey:r,onCreateNewGroup:h,onExistingGroupSelection:m,onClose:p}){const a=()=>{p(),h()};return t.jsx(Ze,{open:!!u,anchorEl:u,onClose:p,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(fs,{children:[t.jsx(Cs,{children:e.map(c=>{const i=()=>{p(),m(c.id)};return t.jsx(Fe,{onClick:i,children:t.jsx(ie,{children:c.groupName})},c.id)})}),t.jsx(H,{controller:r==="groupName",children:t.jsxs(Fe,{onClick:a,children:[t.jsx(Ts,{}),t.jsx(ie,{children:xs.createGroup})]})})]})})}const fs=o.div`
   background-color: ${e=>e.theme.colors.grey5};
 `,Fe=o.div`
   padding: ${s.sp2} ${s.sp3};
@@ -97,7 +97,7 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
 `,js=o(Mt)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Gs=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M19.6011 5.42688H3.10107",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 9.60004L7.92188 12.4125L6.51562 11.0063",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 11.0063H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 15.4125L7.92188 18.225L6.51562 16.8188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 16.8188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Ls=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 8.1001L7.92188 10.9126L6.51562 9.50635",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 9.50635H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 13.9126L7.92188 16.7251L6.51562 15.3188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 15.3188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Ns=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},n.createElement("path",{d:"M4.49908 1.50001H12.0015H19.5039C19.5039 1.50001 20.868 1.50001 20.868 2.86409V21.1359C20.868 21.1359 20.868 22.5 19.5039 22.5H4.49908C4.49908 22.5 3.13501 22.5 3.13501 21.1359V2.86409C3.13501 2.86409 3.13501 1.50001 4.49908 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M7.5 11.9996L8.598 14.1953C8.70072 14.4016 8.85107 14.5804 9.03662 14.7171C9.22217 14.8538 9.43759 14.9443 9.66506 14.9812C9.89254 15.0182 10.1255 15.0004 10.3448 14.9295C10.5641 14.8585 10.7633 14.7364 10.926 14.5733L16.5 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{taskManagement:Is,common:Es}=oe.getLocalizedStrings(),J=Is.taskList.newTaskOptions;function Ms({anchorEl:e,groupByKey:u,taskGroupTemplates:r,taskCreationFromTemplateStatus:h,isTaskTemplatesEnabled:m,expandedTemplate:p,onExpandTemplate:a,onClose:c,onNewTaskClick:i,onNewGroupClick:d,handleGroupTemplateClick:C,handleGroupTemplateTaskClick:S,onNewTaskInitialization:E}){const M=qe(),[k,f]=n.useState(null),[w,D]=n.useState(null);n.useEffect(()=>{h.fetchState==="Completed"&&(D(null),f(null),c())},[h.fetchState,c]);const B=n.useCallback(($,x)=>{f(x),S($,x)},[S]),z=n.useCallback($=>{D($),C($)},[C]);return t.jsx(Ze,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${M.colors.grey3}`}},anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Bs,{isTaskTemplatesEnabled:m,children:[t.jsxs(Ws,{children:[t.jsxs(Pe,{onClick:i,children:[t.jsx(zs,{}),t.jsx(Ie,{children:J.task})]}),t.jsx(U,{controller:u==="groupName",children:t.jsxs(Pe,{onClick:()=>d(""),children:[t.jsx(As,{}),t.jsx(Ie,{children:J.group})]})})]}),m?t.jsx(Ds,{taskGroupTemplates:r,taskIdInCreation:k,groupIdInCreation:w,expandedTemplate:p,handleGroupTemplateClick:z,handleGroupTemplateTaskClick:B,onNewGroupClick:d,onNewTaskInitialization:E,onExpandTemplate:a}):null]})})}const Ds=({taskGroupTemplates:e,taskIdInCreation:u,groupIdInCreation:r,expandedTemplate:h,onExpandTemplate:m,handleGroupTemplateClick:p,handleGroupTemplateTaskClick:a,onNewGroupClick:c,onNewTaskInitialization:i})=>{const[d,C]=n.useState(""),S=n.useMemo(()=>{const k=[];return e.forEach(f=>{if(f.name.toLowerCase().includes(d.toLowerCase()))k.push(f);else{const w=f.tasks.filter(D=>D.name.toLowerCase().includes(d.toLowerCase()));w.length>0&&k.push({...f,tasks:w})}}),k},[e,d]),E=n.useCallback(()=>{i(d)},[d,i]),M=n.useCallback(()=>{c(d)},[d,c]);return t.jsxs(Rs,{children:[t.jsx(Fs,{children:t.jsxs(Ps,{children:[t.jsxs(Os,{children:[t.jsx(Hs,{}),t.jsx(Us,{children:J.groupTemplates})]}),t.jsx($s,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:d,onSearchTextChanged:C,placeholder:J.searchPlaceholder})]})}),t.jsx(U,{controller:S.length>0,children:t.jsx(Vs,{children:S.map(k=>{const f=h===k.id;return t.jsxs(eo,{children:[t.jsxs(_s,{onClick:()=>{m(k.id)},expanded:f,children:[t.jsxs(Ks,{children:[t.jsx(U,{controller:f,children:t.jsx(Qs,{})}),t.jsx(U,{controller:!f,children:t.jsx(Js,{})}),t.jsx(K,{children:k.name}),t.jsx(lt,{count:k.tasks.length})]}),t.jsx(Zs,{expanded:f,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:J.createGroup,disabled:k.createdAt!=null,onClick:w=>{w.stopPropagation(),m(null),p(k.id)},reverseSpinnerColor:!1,loading:r===k.id})]}),t.jsx(U,{controller:f,children:t.jsx(n.Fragment,{children:k.tasks.map(w=>t.jsxs(Ys,{children:[t.jsxs(qs,{children:[t.jsx(to,{className:"styled-dot"}),t.jsx(no,{className:"task-name-text",children:w.name})]}),t.jsx(Xs,{loading:u===w.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Es.create,reverseSpinnerColor:!1,onClick:()=>a(k.id,w.name)})]},w.name))})})]},k.id)})})}),t.jsxs(U,{controller:S.length===0,children:[t.jsx(so,{children:t.jsx(oo,{children:J.noTaskGroup})}),t.jsxs(He,{onClick:E,children:[t.jsx(Ue,{}),t.jsx(K,{children:J.newTaskOptionText.replace("__searchText__",d)})]}),t.jsxs(He,{onClick:M,children:[t.jsx(Ue,{}),t.jsx(K,{children:J.newGroupOptionText.replace("__searchText__",d)})]})]})]})},Bs=o.div`
+`,Gs=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M19.6011 5.42688H3.10107",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 9.60004L7.92188 12.4125L6.51562 11.0063",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 11.0063H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 15.4125L7.92188 18.225L6.51562 16.8188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 16.8188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Ls=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 8.1001L7.92188 10.9126L6.51562 9.50635",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 9.50635H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 13.9126L7.92188 16.7251L6.51562 15.3188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 15.3188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Ns=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},n.createElement("path",{d:"M4.49908 1.50001H12.0015H19.5039C19.5039 1.50001 20.868 1.50001 20.868 2.86409V21.1359C20.868 21.1359 20.868 22.5 19.5039 22.5H4.49908C4.49908 22.5 3.13501 22.5 3.13501 21.1359V2.86409C3.13501 2.86409 3.13501 1.50001 4.49908 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M7.5 11.9996L8.598 14.1953C8.70072 14.4016 8.85107 14.5804 9.03662 14.7171C9.22217 14.8538 9.43759 14.9443 9.66506 14.9812C9.89254 15.0182 10.1255 15.0004 10.3448 14.9295C10.5641 14.8585 10.7633 14.7364 10.926 14.5733L16.5 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{taskManagement:Is,common:Es}=oe.getLocalizedStrings(),J=Is.taskList.newTaskOptions;function Ms({anchorEl:e,groupByKey:u,taskGroupTemplates:r,taskCreationFromTemplateStatus:h,isTaskTemplatesEnabled:m,expandedTemplate:p,onExpandTemplate:a,onClose:c,onNewTaskClick:i,onNewGroupClick:d,handleGroupTemplateClick:C,handleGroupTemplateTaskClick:S,onNewTaskInitialization:E}){const M=qe(),[k,f]=n.useState(null),[w,D]=n.useState(null);n.useEffect(()=>{h.fetchState==="Completed"&&(D(null),f(null),c())},[h.fetchState,c]);const B=n.useCallback(($,x)=>{f(x),S($,x)},[S]),z=n.useCallback($=>{D($),C($)},[C]);return t.jsx(Ze,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${M.colors.grey3}`}},anchorEl:e,onClose:c,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Bs,{isTaskTemplatesEnabled:m,children:[t.jsxs(Rs,{children:[t.jsxs(Pe,{onClick:i,children:[t.jsx(zs,{}),t.jsx(Ie,{children:J.task})]}),t.jsx(H,{controller:u==="groupName",children:t.jsxs(Pe,{onClick:()=>d(""),children:[t.jsx(As,{}),t.jsx(Ie,{children:J.group})]})})]}),m?t.jsx(Ds,{taskGroupTemplates:r,taskIdInCreation:k,groupIdInCreation:w,expandedTemplate:p,handleGroupTemplateClick:z,handleGroupTemplateTaskClick:B,onNewGroupClick:d,onNewTaskInitialization:E,onExpandTemplate:a}):null]})})}const Ds=({taskGroupTemplates:e,taskIdInCreation:u,groupIdInCreation:r,expandedTemplate:h,onExpandTemplate:m,handleGroupTemplateClick:p,handleGroupTemplateTaskClick:a,onNewGroupClick:c,onNewTaskInitialization:i})=>{const[d,C]=n.useState(""),S=n.useMemo(()=>{const k=[];return e.forEach(f=>{if(f.name.toLowerCase().includes(d.toLowerCase()))k.push(f);else{const w=f.tasks.filter(D=>D.name.toLowerCase().includes(d.toLowerCase()));w.length>0&&k.push({...f,tasks:w})}}),k},[e,d]),E=n.useCallback(()=>{i(d)},[d,i]),M=n.useCallback(()=>{c(d)},[d,c]);return t.jsxs(Ws,{children:[t.jsx(Fs,{children:t.jsxs(Ps,{children:[t.jsxs(Os,{children:[t.jsx(Vs,{}),t.jsx(Hs,{children:J.groupTemplates})]}),t.jsx($s,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:d,onSearchTextChanged:C,placeholder:J.searchPlaceholder})]})}),t.jsx(H,{controller:S.length>0,children:t.jsx(Us,{children:S.map(k=>{const f=h===k.id;return t.jsxs(eo,{children:[t.jsxs(_s,{onClick:()=>{m(k.id)},expanded:f,children:[t.jsxs(Ks,{children:[t.jsx(H,{controller:f,children:t.jsx(Qs,{})}),t.jsx(H,{controller:!f,children:t.jsx(Js,{})}),t.jsx(K,{children:k.name}),t.jsx(lt,{count:k.tasks.length})]}),t.jsx(Zs,{expanded:f,className:"hidden-create-group-button",variant:"secondary",size:"xs-small",label:J.createGroup,disabled:k.createdAt!=null,onClick:w=>{w.stopPropagation(),m(null),p(k.id)},reverseSpinnerColor:!1,loading:r===k.id})]}),t.jsx(H,{controller:f,children:t.jsx(n.Fragment,{children:k.tasks.map(w=>t.jsxs(Ys,{children:[t.jsxs(qs,{children:[t.jsx(to,{className:"styled-dot"}),t.jsx(no,{className:"task-name-text",children:w.name})]}),t.jsx(Xs,{loading:u===w.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:Es.create,reverseSpinnerColor:!1,onClick:()=>a(k.id,w.name)})]},w.name))})})]},k.id)})})}),t.jsxs(H,{controller:S.length===0,children:[t.jsx(so,{children:t.jsx(oo,{children:J.noTaskGroup})}),t.jsxs(Ve,{onClick:E,children:[t.jsx(He,{}),t.jsx(K,{children:J.newTaskOptionText.replace("__searchText__",d)})]}),t.jsxs(Ve,{onClick:M,children:[t.jsx(He,{}),t.jsx(K,{children:J.newGroupOptionText.replace("__searchText__",d)})]})]})]})},Bs=o.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
@@ -119,11 +119,11 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
 `,As=o(Ls)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Ws=o.div`
+`,Rs=o.div`
   display: flex;
   flex-direction: column;
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,Rs=o.div`
+`,Ws=o.div`
   background-color: ${e=>e.theme.colors.grey5};
   padding-bottom: ${s.sp2};
 `,Fs=o.div`
@@ -141,13 +141,13 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
   align-items: center;
   justify-content: space-between;
   width: 100%;
-`,Hs=o(Gs)`
+`,Vs=o(Gs)`
   width: ${s.sp3};
   height: ${s.sp3};
   color: ${e=>e.theme.colors.primary};
-`,Us=o(Ie)`
+`,Hs=o(Ie)`
   color: ${e=>e.theme.colors.primary};
-`,Vs=o.div`
+`,Us=o.div`
   max-height: 320px;
   overflow: auto;
 `,_s=o.div`
@@ -223,7 +223,7 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
   padding: ${s.sp2} ${s.sp3};
 `,oo=o(K)`
   color: ${e=>e.theme.colors.hero};
-`,He=o.div`
+`,Ve=o.div`
   display: flex;
   align-items: center;
   padding: ${s.sp2} ${s.sp3};
@@ -234,7 +234,7 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
     background-color: ${e=>e.theme.colors.background};
     color: ${e=>e.theme.colors.primary};
   }
-`,Ue=o(et)`
+`,He=o(et)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,no=o(K)`
@@ -243,7 +243,7 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 336px;
-`,{common:Le,dateFormat:ao,taskManagement:Me}=oe.getLocalizedStrings(),dt={taskNameMaxWidth:new Je(125,170,170,250,300)},ro=({taskDetail:e,tagList:u,sectionId:r,onRowClick:h,onTimeSpentUpdate:m,onShowToast:p})=>{const a=le(),c=e.assigneeUsers.length,i=e.assigneeUsers[0]?.user,d=i?.firstName||i?.lastName?`${i.firstName} ${i.lastName}`:i?.email??Le.strings.empty,{getValues:C,resetField:S,getFieldState:E}=it(),M=(k,f)=>{const w=Ae(k,f,we);E(w).invalid?S(w):m(e,{timeSpent:C(w)})};return t.jsxs(co,{children:[t.jsxs($o,{windowSize:a,onClick:h,responsiveWidth:X[0].width,children:[t.jsxs(yo,{windowSize:a,children:[t.jsx(vo,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(jo,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(bo,{windowSize:a,responsiveWidth:X[0].width,children:t.jsx(So,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ve,{windowSize:a,responsiveWidth:X[1].width,children:ze(e.status.code)}),t.jsx(Io,{windowSize:a,responsiveWidth:X[2].width,children:ze(e.priority.code)}),t.jsx(Eo,{windowSize:a,responsiveWidth:X[3].width,children:e.dueDate!=null?e.dueDate.format(ao.visual.MMMDCommaYYYYformat):t.jsx(po,{children:Le.strings.hyphen})}),t.jsx(Ve,{windowSize:a,responsiveWidth:X[4].width,children:c>0?t.jsxs(uo,{children:[t.jsx(Vt,{personBasic:i,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Go,{children:t.jsx(Lo,{children:d})}),c>1?t.jsx(ho,{children:`${Le.strings.plus}${c-1}`}):null]}):null}),t.jsx(Mo,{windowSize:a,responsiveWidth:X[5].width,children:e.tagIds.length>0?t.jsx(No,{children:_t(e.tagIds,u)}):null}),t.jsx(Bo,{windowSize:a,responsiveWidth:X[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(zo,{className:"timeSpentField",children:t.jsx(Kt,{name:Ae(r,e.id,we),placeholder:Me.common.timeSpentPlaceholder,timeSpentFormat:Me.common.timeSpentFormat,registerOptions:{validate:k=>Q.convertHHMMStrToMinutes(k)>Yt?(p({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{M(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},io=({taskGroup:e,tagList:u,sectionId:r,showGroupName:h,showRenameTextField:m,isSelectionAllowed:p,isCollapsed:a,existingTaskGroupNamesByGroupId:c,onDeleteTaskGroup:i,onExpandAll:d,onCollapseAll:C,onAddNewTaskToTaskGroup:S,onCollapseToggle:E,onTaskManagementRowClick:M,onDragStart:k,onTimeSpentUpdate:f,onShowToast:w})=>{const[D,B]=n.useState(null),z=le(),{setFocus:$}=it(),x=n.useCallback(()=>{E(e.id)},[E,e.id]),j=n.useCallback(R=>{B(R.currentTarget)},[]),y=n.useCallback(()=>{B(null)},[]),L=n.useCallback(()=>{S(e.id)},[S,e.id]),g=n.useCallback(()=>{B(null),i(e.id)},[i,e.id]),b=n.useCallback(()=>{$(`${r}.groupName`),y()},[y,r,$]);return t.jsxs(lo,{windowSize:z,children:[t.jsx(U,{controller:h,children:t.jsxs(mo,{children:[t.jsxs(go,{children:[t.jsx(ko,{isOpen:a===!1,onClick:x,children:t.jsx(xo,{})}),t.jsx(Wt,{style:{textAlign:"start",width:"100%",background:"unset",...Rt.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:Me.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:R=>Ft(R,e.id,c)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(wo,{onClick:j,children:t.jsx(fo,{})}),t.jsx(Ot,{onClose:y,onAddTask:L,onCollapseAll:C,onDelete:g,onExpandAll:d,onRename:b,isDefault:e.isDefault,anchorEl:D})]})}),t.jsx(U,{controller:a===!1,children:t.jsx(Pt,{mode:"checked_or_hover",isDisabled:p===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(R=>{const V=()=>{M(R.id)};return{label:t.jsx(ro,{taskDetail:R,onRowClick:V,tagList:u,onTimeSpentUpdate:f,onShowToast:w,sectionId:r}),prefix:z==="small"?null:t.jsx(Co,{children:t.jsx(To,{})}),value:R.id,defaultChecked:!1,groupLabel:!1}})],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:k,draggable:!0})})]})},lo=o.div`
+`,{common:Le,dateFormat:ao,taskManagement:Me}=oe.getLocalizedStrings(),dt={taskNameMaxWidth:new Je(125,170,170,250,300)},ro=({taskDetail:e,tagList:u,sectionId:r,onRowClick:h,onTimeSpentUpdate:m,onShowToast:p})=>{const a=le(),c=e.assigneeUsers.length,i=e.assigneeUsers[0]?.user,d=i?.firstName||i?.lastName?`${i.firstName} ${i.lastName}`:i?.email??Le.strings.empty,{getValues:C,resetField:S,getFieldState:E}=it(),M=(k,f)=>{const w=Ae(k,f,we);E(w).invalid?S(w):m(e,{timeSpent:C(w)})};return t.jsxs(co,{children:[t.jsxs($o,{windowSize:a,onClick:h,responsiveWidth:X[0].width,children:[t.jsxs(yo,{windowSize:a,children:[t.jsx(vo,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(jo,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ee,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(bo,{windowSize:a,responsiveWidth:X[0].width,children:t.jsx(So,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ue,{windowSize:a,responsiveWidth:X[1].width,children:ze(e.status.code)}),t.jsx(Io,{windowSize:a,responsiveWidth:X[2].width,children:ze(e.priority.code)}),t.jsx(Eo,{windowSize:a,responsiveWidth:X[3].width,children:e.dueDate!=null?e.dueDate.format(ao.visual.MMMDCommaYYYYformat):t.jsx(po,{children:Le.strings.hyphen})}),t.jsx(Ue,{windowSize:a,responsiveWidth:X[4].width,children:c>0?t.jsxs(uo,{children:[t.jsx(Ut,{personBasic:i,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Go,{children:t.jsx(Lo,{children:d})}),c>1?t.jsx(ho,{children:`${Le.strings.plus}${c-1}`}):null]}):null}),t.jsx(Mo,{windowSize:a,responsiveWidth:X[5].width,children:e.tagIds.length>0?t.jsx(No,{children:_t(e.tagIds,u)}):null}),t.jsx(Bo,{windowSize:a,responsiveWidth:X[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(zo,{className:"timeSpentField",children:t.jsx(Kt,{name:Ae(r,e.id,we),placeholder:Me.common.timeSpentPlaceholder,timeSpentFormat:Me.common.timeSpentFormat,registerOptions:{validate:k=>Q.convertHHMMStrToMinutes(k)>Yt?(p({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{M(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},io=({taskGroup:e,tagList:u,sectionId:r,showGroupName:h,showRenameTextField:m,isSelectionAllowed:p,isCollapsed:a,existingTaskGroupNamesByGroupId:c,onDeleteTaskGroup:i,onExpandAll:d,onCollapseAll:C,onAddNewTaskToTaskGroup:S,onCollapseToggle:E,onTaskManagementRowClick:M,onDragStart:k,onTimeSpentUpdate:f,onShowToast:w})=>{const[D,B]=n.useState(null),z=le(),{setFocus:$}=it(),x=n.useCallback(()=>{E(e.id)},[E,e.id]),j=n.useCallback(W=>{B(W.currentTarget)},[]),y=n.useCallback(()=>{B(null)},[]),L=n.useCallback(()=>{S(e.id)},[S,e.id]),g=n.useCallback(()=>{B(null),i(e.id)},[i,e.id]),b=n.useCallback(()=>{$(`${r}.groupName`),y()},[y,r,$]);return t.jsxs(lo,{windowSize:z,children:[t.jsx(H,{controller:h,children:t.jsxs(mo,{children:[t.jsxs(go,{children:[t.jsx(ko,{isOpen:a===!1,onClick:x,children:t.jsx(xo,{})}),t.jsx(Rt,{style:{textAlign:"start",width:"100%",background:"unset",...Wt.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:Me.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:W=>Ft(W,e.id,c)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(wo,{onClick:j,children:t.jsx(fo,{})}),t.jsx(Ot,{onClose:y,onAddTask:L,onCollapseAll:C,onDelete:g,onExpandAll:d,onRename:b,isDefault:e.isDefault,anchorEl:D})]})}),t.jsx(H,{controller:a===!1,children:t.jsx(Pt,{mode:"checked_or_hover",isDisabled:p===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(W=>{const U=()=>{M(W.id)};return{label:t.jsx(ro,{taskDetail:W,onRowClick:U,tagList:u,onTimeSpentUpdate:f,onShowToast:w,sectionId:r}),prefix:z==="small"?null:t.jsx(Co,{children:t.jsx(To,{})}),value:W.id,defaultChecked:!1,groupLabel:!1}})],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:k,draggable:!0})})]})},lo=o.div`
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -256,7 +256,7 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
   width: 100%;
   background-color: ${e=>e.theme.colors.grey5};
   border: ${e=>`1px solid ${e.theme.colors.grey3}`};
-  box-shadow: ${e=>e.theme.mode==="dark"?`${We.dropShadowNormalDark} ${s.sp0} 2px ${s.sp1}`:`${s.sp0} 2px ${s.sp1} ${We.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,13 +311,13 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
   color: ${e=>e.theme.colors.primary};
 `,wo=o.div`
   cursor: pointer;
-`,fo=o(Ht)`
+`,fo=o(Vt)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,Co=o.div`
   padding-left: ${s.sp3};
   cursor: grab;
-`,To=o(Ut)`
+`,To=o(Ht)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,$o=o.div`
@@ -375,7 +375,7 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
   flex-direction: row;
   align-items: center;
   column-gap: ${s.sp2};
-`,Ve=o.div`
+`,Ue=o.div`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   overflow: hidden;
@@ -430,10 +430,10 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
   column-gap: ${s.sp2};
 `,zo=o.div`
   max-width: ${s.sp11};
-`,Ao=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("rect",{x:10,y:2,width:12,height:12,rx:2,stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 10.75C7 10.3358 6.66421 10 6.25 10H3.70967C2.76545 10 2 10.7654 2 11.7097V20.2936C2 21.2378 2.76544 22.0033 3.70966 22.0033H12.2936C13.2378 22.0033 14.0033 21.2378 14.0033 20.2936V17.75C14.0033 17.3358 13.6675 17 13.2533 17C12.8391 17 12.5033 17.3358 12.5033 17.75V20.2936C12.5033 20.4094 12.4094 20.5033 12.2936 20.5033H3.70966C3.59387 20.5033 3.5 20.4094 3.5 20.2936V11.7097C3.5 11.5939 3.59387 11.5 3.70967 11.5H6.25C6.66421 11.5 7 11.1642 7 10.75Z",fill:"currentColor"})),H=oe.getLocalizedStrings(),_e=e=>`${e}_form`,Wo={rowGap:new Je(ke[0],ke[5],ke[5])},{common:{footer:Ke},taskManagement:Ne}=oe.getLocalizedStrings(),xn=({taskListView:e,tagListView:u,isTaskTemplatesEnabled:r,onCreateTagClick:h,updateTask:m,onDragNDrop:p,onDeleteTaskGroup:a,updateLocalData:c,onTaskManagementRowClick:i,onReloadTasks:d,onColumnSortConfigChanged:C,onSearchTextChanged:S,onBackClick:E,onNewTaskClick:M,onFiltersChange:k,resetLocalData:f,handleCreateGroup:w,assignGroupToTasks:D,onAddNewTaskToTaskGroup:B,onGroupByFilterChange:z,onTaskGroupRename:$,analytics:x,onTimeSpentUpdate:j,onShowToast:y,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,handleNewTaskInitialization:b})=>{const[R,V]=n.useState(!1),[ee,O]=n.useState(null),[P,ne]=n.useState(null),[q,ue]=n.useState(null),[Ce,de]=n.useState(null),[he,ae]=n.useState(!1),Te=ht(),{fetchState:te,uiState:Z,filters:$e,userList:ce,taskGroupsWithTasksList:ye}=e,{tagList:be}=u,ve=qe(),Se=W=>{ae(W)},me=n.useCallback(W=>{de(W.currentTarget)},[]),ge=n.useCallback(W=>{z(W)},[z]),l=n.useCallback(()=>{z("groupName")},[z]),G=n.useCallback(W=>{b(W)},[b]),F=ce.users.map(W=>W.user).filter(W=>W!=null),N={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:H.common.create,isSearchOpen:he,searchPlaceHolder:H.taskManagement.taskList.searchPlaceHolder,searchText:Z.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:$e,searchTextBoxStyle:{right:"108px"},onNewButtonClick:me,onSearchOpen:Se,onSearchTextChanged:S,onFiltersChange:k,analytics:x,downloadState:"Not-Started",createdByUserListLoaded:ce.fetchState==="Completed"||ce.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(ps,{value:Z.groupByKey,resetDisabled:Z.groupByKey==="groupName",onChange:ge,onReset:l}),height:90},getFilterOptions:()=>os("task_management",F,Te.loggedInUserRole??[],u.tagList)},I=n.useCallback(W=>{de(null),O(Y),c({...e.localData,newTaskGroupName:W})},[e.localData,c]),A=n.useCallback(()=>{de(null)},[]),v=n.useCallback(()=>{P!=null&&a(P)},[P,a]),T=n.useCallback(()=>{O(Y)},[]),se=n.useCallback(W=>{ue(ut=>ut===W?null:W)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&V(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&ue(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const ct=()=>te==="Error"?t.jsxs(Vo,{children:[t.jsx(_o,{onClick:d,children:t.jsx(Ko,{})}),t.jsx(Yo,{children:H.common.reloadPage.label})]}):te==="Completed"&&ye.length===0?t.jsx(xt,{message:H.taskManagement.taskList.noDataText}):te==="Not-Started"||te==="In-Progress"?t.jsx(wt,{fetchState:te}):t.jsx(Ro,{taskListView:e,tagList:be,renameActiveField:ee,updateTask:m,onDragNDrop:p,onAddNewTaskToTaskGroup:B,onColumnSortConfigChanged:C,onTaskManagementRowClick:i,assignGroupToTasks:D,handleCreateGroup:w,resetLocalData:f,setGroupCreationInProgress:T,setShowDeleteModal:V,updateLocalData:c,setActiveTaskGroupId:ne,setRenameActiveField:O,onTaskGroupRename:$,onTimeSpentUpdate:j,onShowToast:y,onCreateTagClick:h}),pt=t.jsx(Jt,{spendManagementSectionProps:N});return t.jsxs(Uo,{children:[t.jsx(mt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:ve.colors.grey4,style:{zIndex:3},onBackClick:E,rightSideComponent:pt,isSearchOpen:he,source:"TaskManagementPage"}),t.jsx(Ms,{anchorEl:Ce,groupByKey:Z.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:A,onNewTaskClick:M,onNewGroupClick:I,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,onNewTaskInitialization:G,onExpandTemplate:se,expandedTemplate:q}),t.jsx(Ho,{children:ct()}),t.jsx(U,{controller:R===!0,children:t.jsx(gt,{action:{onOkClick:v,onCancelClick:()=>{V(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:H.common.cancel,primaryButtonText:H.common.confirm,titleComponent:t.jsx(Qo,{children:t.jsx(kt,{children:H.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(en,{children:t.jsx(K,{children:H.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Ro=({taskListView:e,tagList:u,renameActiveField:r,updateTask:h,onTaskGroupRename:m,setRenameActiveField:p,onDragNDrop:a,updateLocalData:c,setShowDeleteModal:i,handleCreateGroup:d,resetLocalData:C,assignGroupToTasks:S,setGroupCreationInProgress:E,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,setActiveTaskGroupId:w,onTimeSpentUpdate:D,onShowToast:B,onCreateTagClick:z})=>{const $=n.useRef(null),[x,j]=n.useState(null),y=n.useRef({}),L=le(),{localData:g,taskGroupsWithTasksList:b,uiState:R}=e,[V,ee]=n.useState([]),O=n.useRef(null);ls({scrollContainerRef:O,isEnabled:L!=="small"});const P=n.useMemo(()=>e.userList.users.map(l=>l.user).filter(l=>l!=null),[e.userList.users]),ne=Tt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u]),values:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u])}),q=n.useMemo(()=>{if(r!==Y)return b;const l=[],G=b.map(F=>{const N=F.tasks.filter(I=>{const A=g.selectedTaskIds.includes(I.id)===!0;return A&&l.push(I),A===!1});return{...F,tasks:N}});return G.unshift({groupName:"",isDefault:!1,id:Y,tasks:l}),G},[r,b,g.selectedTaskIds]),ue=n.useCallback(l=>V.includes(q[l].id)||q[l].tasks.length===0?100:y.current?.[l]!=null?y.current[l]+Wo.rowGap.value(L):(Qt*1+es)*3+ts+ss,[V,q,L]),Ce=n.useCallback(l=>{j(l.currentTarget)},[]),de=n.useCallback((l,G)=>{y.current={...y.current,[l]:G},$.current?.resetAfterIndex(0,!0)},[L,$,b]),he=n.useCallback(l=>{ee(G=>G.includes(l)?G.filter(F=>l!==F):[...G,l]),$.current?.resetAfterIndex(0,!0)},[]),ae=n.useCallback(()=>{j(null)},[]),Te=n.useCallback(()=>{ee(b.map(l=>l.id)),$.current?.resetAfterIndex(0,!0)},[b]),te=n.useCallback(()=>{ee([]),$.current?.resetAfterIndex(0,!0)},[]),Z=n.useCallback(()=>{E(),$.current?.scrollTo(0),ae()},[ae,E]),$e=n.useCallback(l=>{w(l),i(!0)},[w,i]),ce=n.useCallback(()=>{g.selectedTaskIds.length>0?r!==Y?Z():d(!0):r===Y?d(!1):r!=null&&m(r,g.existingTaskGroupNamesByGroupId[r])},[g.selectedTaskIds.length,g.existingTaskGroupNamesByGroupId,r,Z,d,m]),ye=n.useCallback(()=>{p(null),C()},[C,p]),be=n.useCallback(l=>{C(),p(l)},[C,p]),ve=n.useCallback(()=>{g.defaultTaskGroupId!=null&&S(g.defaultTaskGroupId)},[S,g.defaultTaskGroupId]),Se=async(l,G)=>{if(l.includes(nt)){const N=l.split(".")[2],I=b.flatMap(v=>v.tasks).find(v=>v.id===N),A=G[_][re][N].priority.selectedOption;if(I!=null&&A!=null){const v=Q.allTaskPriority.find(T=>T.code===A);v!=null&&h(I,{priority:v})}return}if(l.includes(at)){const N=l.split(".")[2],I=b.flatMap(v=>v.tasks).find(v=>v.id===N),A=G[_][re][N].status.selectedOption;if(I!=null&&A!=null){const v=Q.allTaskStatus.find(T=>T.code===A);I!=null&&v!=null&&h(I,{status:v})}return}if(l.includes(st)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].assignees.selectedUsers.map(T=>T.userId);A!=null&&v!=null&&I!=null&&h(I,{assignees:v});return}if(l.includes(ot)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].dueDate.date;A!=null&&v!=null&&I!=null&&h(I,{dueDate:v});return}if(l.includes(tt)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].tags.selectedOptions;A!=null&&v!=null&&I!=null&&h(I,{tagIds:v});return}l.includes(we)&&ne.trigger(l);const F=Po(l,G,g);c(F)};n.useEffect(()=>{const l=ne.watch((G,{name:F})=>{F!=null&&G!=null&&$t(()=>Se(F,G))});return()=>{l.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupUpdateStatus.fetchState]);const me=b.length>1&&g.selectedTaskIds.length>0&&r!==Y,ge=g.newTaskGroupName.length>0||g.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(yt,{...ne,children:t.jsx("form",{id:_e(Be),onSubmit:ne.handleSubmit(ce),style:{width:"100%"},children:t.jsx(qo,{isFooterVisible:ge,windowSize:L,children:t.jsx(bt,{children:({height:l,width:G})=>t.jsx(vt,{ref:$,outerRef:O,height:l,itemCount:q.length,itemSize:ue,estimatedItemSize:jt,itemKey:F=>q[F].id,width:G,overscanCount:St,itemData:{tagList:u,taskGroupsWithTasksList:q,uiState:R,collapsedGroups:V,userList:e.userList,renameActiveField:r,selectedRowIds:g.selectedTaskIds,existingTaskGroupNamesByGroupId:g.existingTaskGroupNamesByGroupId,onRenameClick:be,handleOnDragNDrop:a,onCollapseToggle:he,setRowHeight:de,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,onCollapseAll:Te,onDeleteTaskGroup:$e,onExpandAll:te,onTimeSpentUpdate:D,onShowToast:B,onCreateTagClick:z},initialScrollOffset:0,children:Fo})})})})}),ge?t.jsx(Gt,{formId:_e(Be),primaryBtn:{label:b.length===1&&g.selectedTaskIds.length>0&&r!==Y?Ne.taskList.footer.createGroup:Ke.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Ke.cancel,style:{width:"135px"},onClick:ye},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(U,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsxs(Xo,{children:[t.jsx(lt,{count:g.selectedTaskIds.length}),t.jsx(Jo,{children:g.selectedTaskIds.length>1?Ne.taskList.footer.tasksSelected:Ne.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(U,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsx(sn,{children:t.jsx(Ee,{enterDelay:600,title:H.taskManagement.taskList.footer.ungroup,children:t.jsx(tn,{onClick:ve})})})}),showPrimaryButton:me===!1,customPrimaryButton:me?t.jsxs(t.Fragment,{children:[t.jsx(De,{variant:"secondary",label:H.taskManagement.taskList.footer.moveTo,onClick:Ce,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(ws,{taskGroupsList:b,anchorEl:x,groupByKey:R.groupByKey,onCreateNewGroup:Z,onExistingGroupSelection:l=>{ae(),S(l)},onClose:ae})]}):void 0}):null]})},Fo=({index:e,style:u,data:r})=>{const h=n.useRef(null),m=le(),{tagList:p,taskGroupsWithTasksList:a,uiState:c,renameActiveField:i,collapsedGroups:d,onCollapseToggle:C,onTaskManagementRowClick:S,setRowHeight:E,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,handleOnDragNDrop:B,onRenameClick:z,userList:$,selectedRowIds:x,existingTaskGroupNamesByGroupId:j,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g}=r;n.useEffect(()=>{h.current?.firstElementChild!=null&&E(e,h.current.firstElementChild.clientHeight)},[e,h,m,a[e]?.tasks]);const b=n.useCallback(O=>{const P=O.dataTransfer.getData("row");B(P,a[e].id)},[B,e,a]),R=n.useCallback(O=>{O.preventDefault()},[]),V=(O,P)=>{O.dataTransfer.setData("row",P)},ee=()=>{z(a[e].id)};return t.jsx(Zo,{style:{...u,width:"100%"},ref:h,onDrop:b,onDragOver:R,children:t.jsx(Oo,{taskGroup:a[e],showGroupName:!0,tagList:p,uiState:c,isCollapsed:d.includes(a[e].id),onCollapseToggle:C,showRenameTextField:i===a[e].id,isSelectionAllowed:i==null,onTaskManagementRowClick:S,onColumnSortConfigChanged:M,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,selectedRowIds:x,userList:$,existingTaskGroupNamesByGroupId:j,onDragStart:V,onRenameClick:ee,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g},a[e].id)})},Oo=({taskGroup:e,tagList:u,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,userList:i,existingTaskGroupNamesByGroupId:d,onRenameClick:C,onTaskManagementRowClick:S,onCollapseToggle:E,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,onDragStart:B,onTimeSpentUpdate:z,onShowToast:$,onCreateTagClick:x})=>{const j=le(),y=j==="medium-regular"||j==="medium-compact"||j==="small"?io:At;return t.jsx(y,{taskGroup:e,tagList:u,userList:i,sectionId:_,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,existingTaskGroupNamesByGroupId:d,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,onCollapseToggle:E,onTaskManagementRowClick:S,onColumnSortConfigChanged:M,onDragStart:B,onRenameClick:C,onTimeSpentUpdate:z,onShowToast:$,onCreateTagClick:x})},Ye=(e,u,r,h)=>{const m={},p={};e.forEach(c=>{p[c.id]={[xe]:[],[pe]:u.existingTaskGroupNamesByGroupId[c.id]},c.tasks.forEach(i=>{u.selectedTaskIds.includes(i.id)&&p[c.id].selectedIds.push(i.id),m[i.id]={[at]:{selectedOption:i.status.code,allOptions:Q.allTaskStatus.map(d=>({label:d.name,value:d.code}))},[nt]:{selectedOption:i.priority.code,allOptions:Q.allTaskPriority.map(d=>({label:d.name,value:d.code}))},[ot]:{date:i.dueDate,showBusinessDay:!1},[st]:{allUsers:r,selectedUsers:i.assigneeUsers.map(d=>d.user)},[tt]:{allOptions:Nt(h),selectedOptions:i.tagIds},[we]:i.timeSpent}})});const a={[rt]:{[Y]:{[pe]:u.newTaskGroupName,[xe]:[]},...p},[re]:m};return{[_]:a}},Po=(e,u,r)=>{if(e.includes(_)){const h=e.split(".")[2];if(e.includes(pe))return e.includes(Y)?{...r,newTaskGroupName:u[_].groupData[h][pe]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[h]:u[_].groupData[h][pe]}};if(e.includes(xe)){const m=Bt(zt(Object.values(u[_][rt]),xe)).filter(p=>p!==H.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:m}}}return r},Ho=o.div`
+`,Ao=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("rect",{x:10,y:2,width:12,height:12,rx:2,stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 10.75C7 10.3358 6.66421 10 6.25 10H3.70967C2.76545 10 2 10.7654 2 11.7097V20.2936C2 21.2378 2.76544 22.0033 3.70966 22.0033H12.2936C13.2378 22.0033 14.0033 21.2378 14.0033 20.2936V17.75C14.0033 17.3358 13.6675 17 13.2533 17C12.8391 17 12.5033 17.3358 12.5033 17.75V20.2936C12.5033 20.4094 12.4094 20.5033 12.2936 20.5033H3.70966C3.59387 20.5033 3.5 20.4094 3.5 20.2936V11.7097C3.5 11.5939 3.59387 11.5 3.70967 11.5H6.25C6.66421 11.5 7 11.1642 7 10.75Z",fill:"currentColor"})),V=oe.getLocalizedStrings(),_e=e=>`${e}_form`,Ro={rowGap:new Je(ke[0],ke[5],ke[5])},{common:{footer:Ke},taskManagement:Ne}=oe.getLocalizedStrings(),xn=({taskListView:e,tagListView:u,isTaskTemplatesEnabled:r,onCreateTagClick:h,updateTask:m,onDragNDrop:p,onDeleteTaskGroup:a,updateLocalData:c,onTaskManagementRowClick:i,onReloadTasks:d,onColumnSortConfigChanged:C,onSearchTextChanged:S,onBackClick:E,onNewTaskClick:M,onFiltersChange:k,resetLocalData:f,handleCreateGroup:w,assignGroupToTasks:D,onAddNewTaskToTaskGroup:B,onGroupByFilterChange:z,onTaskGroupRename:$,analytics:x,onTimeSpentUpdate:j,onShowToast:y,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,handleNewTaskInitialization:b})=>{const[W,U]=n.useState(!1),[ee,O]=n.useState(null),[P,ne]=n.useState(null),[q,ue]=n.useState(null),[Ce,de]=n.useState(null),[he,ae]=n.useState(!1),Te=ht(),{fetchState:te,uiState:Z,filters:$e,userList:ce,taskGroupsWithTasksList:ye}=e,{tagList:be}=u,ve=qe(),Se=R=>{ae(R)},me=n.useCallback(R=>{de(R.currentTarget)},[]),ge=n.useCallback(R=>{z(R)},[z]),l=n.useCallback(()=>{z("groupName")},[z]),G=n.useCallback(R=>{b(R)},[b]),F=ce.users.map(R=>R.user).filter(R=>R!=null),N={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:V.common.create,isSearchOpen:he,searchPlaceHolder:V.taskManagement.taskList.searchPlaceHolder,searchText:Z.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:$e,searchTextBoxStyle:{right:"108px"},onNewButtonClick:me,onSearchOpen:Se,onSearchTextChanged:S,onFiltersChange:k,analytics:x,downloadState:"Not-Started",createdByUserListLoaded:ce.fetchState==="Completed"||ce.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(ps,{value:Z.groupByKey,resetDisabled:Z.groupByKey==="groupName",onChange:ge,onReset:l}),height:90},getFilterOptions:()=>os("task_management",F,Te.loggedInUserRole??[],u.tagList)},I=n.useCallback(R=>{de(null),O(Y),c({...e.localData,newTaskGroupName:R})},[e.localData,c]),A=n.useCallback(()=>{de(null)},[]),v=n.useCallback(()=>{P!=null&&a(P)},[P,a]),T=n.useCallback(()=>{O(Y)},[]),se=n.useCallback(R=>{ue(ut=>ut===R?null:R)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&U(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&ue(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const ct=()=>te==="Error"?t.jsxs(Uo,{children:[t.jsx(_o,{onClick:d,children:t.jsx(Ko,{})}),t.jsx(Yo,{children:V.common.reloadPage.label})]}):te==="Completed"&&ye.length===0?t.jsx(xt,{message:V.taskManagement.taskList.noDataText}):te==="Not-Started"||te==="In-Progress"?t.jsx(wt,{fetchState:te}):t.jsx(Wo,{taskListView:e,tagList:be,renameActiveField:ee,updateTask:m,onDragNDrop:p,onAddNewTaskToTaskGroup:B,onColumnSortConfigChanged:C,onTaskManagementRowClick:i,assignGroupToTasks:D,handleCreateGroup:w,resetLocalData:f,setGroupCreationInProgress:T,setShowDeleteModal:U,updateLocalData:c,setActiveTaskGroupId:ne,setRenameActiveField:O,onTaskGroupRename:$,onTimeSpentUpdate:j,onShowToast:y,onCreateTagClick:h}),pt=t.jsx(Jt,{spendManagementSectionProps:N});return t.jsxs(Ho,{children:[t.jsx(mt,{title:V.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:ve.colors.grey4,style:{zIndex:3},onBackClick:E,rightSideComponent:pt,isSearchOpen:he,source:"TaskManagementPage"}),t.jsx(Ms,{anchorEl:Ce,groupByKey:Z.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:A,onNewTaskClick:M,onNewGroupClick:I,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,onNewTaskInitialization:G,onExpandTemplate:se,expandedTemplate:q}),t.jsx(Vo,{children:ct()}),t.jsx(H,{controller:W===!0,children:t.jsx(gt,{action:{onOkClick:v,onCancelClick:()=>{U(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:V.common.cancel,primaryButtonText:V.common.confirm,titleComponent:t.jsx(Qo,{children:t.jsx(kt,{children:V.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(en,{children:t.jsx(K,{children:V.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Wo=({taskListView:e,tagList:u,renameActiveField:r,updateTask:h,onTaskGroupRename:m,setRenameActiveField:p,onDragNDrop:a,updateLocalData:c,setShowDeleteModal:i,handleCreateGroup:d,resetLocalData:C,assignGroupToTasks:S,setGroupCreationInProgress:E,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,setActiveTaskGroupId:w,onTimeSpentUpdate:D,onShowToast:B,onCreateTagClick:z})=>{const $=n.useRef(null),[x,j]=n.useState(null),y=n.useRef({}),L=le(),{localData:g,taskGroupsWithTasksList:b,uiState:W}=e,[U,ee]=n.useState([]),O=n.useRef(null);ls({scrollContainerRef:O,isEnabled:L!=="small"});const P=n.useMemo(()=>e.userList.users.map(l=>l.user).filter(l=>l!=null),[e.userList.users]),ne=Tt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u]),values:n.useMemo(()=>Ye(e.taskGroupsWithTasksList,g,P,u),[g,e.taskGroupsWithTasksList,P,u])}),q=n.useMemo(()=>{if(r!==Y)return b;const l=[],G=b.map(F=>{const N=F.tasks.filter(I=>{const A=g.selectedTaskIds.includes(I.id)===!0;return A&&l.push(I),A===!1});return{...F,tasks:N}});return G.unshift({groupName:"",isDefault:!1,id:Y,tasks:l}),G},[r,b,g.selectedTaskIds]),ue=n.useCallback(l=>U.includes(q[l].id)||q[l].tasks.length===0?100:y.current?.[l]!=null?y.current[l]+Ro.rowGap.value(L):(Qt*1+es)*3+ts+ss,[U,q,L]),Ce=n.useCallback(l=>{j(l.currentTarget)},[]),de=n.useCallback((l,G)=>{y.current={...y.current,[l]:G},$.current?.resetAfterIndex(0,!0)},[L,$,b]),he=n.useCallback(l=>{ee(G=>G.includes(l)?G.filter(F=>l!==F):[...G,l]),$.current?.resetAfterIndex(0,!0)},[]),ae=n.useCallback(()=>{j(null)},[]),Te=n.useCallback(()=>{ee(b.map(l=>l.id)),$.current?.resetAfterIndex(0,!0)},[b]),te=n.useCallback(()=>{ee([]),$.current?.resetAfterIndex(0,!0)},[]),Z=n.useCallback(()=>{E(),$.current?.scrollTo(0),ae()},[ae,E]),$e=n.useCallback(l=>{w(l),i(!0)},[w,i]),ce=n.useCallback(()=>{g.selectedTaskIds.length>0?r!==Y?Z():d(!0):r===Y?d(!1):r!=null&&m(r,g.existingTaskGroupNamesByGroupId[r])},[g.selectedTaskIds.length,g.existingTaskGroupNamesByGroupId,r,Z,d,m]),ye=n.useCallback(()=>{p(null),C()},[C,p]),be=n.useCallback(l=>{C(),p(l)},[C,p]),ve=n.useCallback(()=>{g.defaultTaskGroupId!=null&&S(g.defaultTaskGroupId)},[S,g.defaultTaskGroupId]),Se=async(l,G)=>{if(l.includes(nt)){const N=l.split(".")[2],I=b.flatMap(v=>v.tasks).find(v=>v.id===N),A=G[_][re][N].priority.selectedOption;if(I!=null&&A!=null){const v=Q.allTaskPriority.find(T=>T.code===A);v!=null&&h(I,{priority:v})}return}if(l.includes(at)){const N=l.split(".")[2],I=b.flatMap(v=>v.tasks).find(v=>v.id===N),A=G[_][re][N].status.selectedOption;if(I!=null&&A!=null){const v=Q.allTaskStatus.find(T=>T.code===A);I!=null&&v!=null&&h(I,{status:v})}return}if(l.includes(st)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].assignees.selectedUsers.map(T=>T.userId);A!=null&&v!=null&&I!=null&&h(I,{assignees:v});return}if(l.includes(ot)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].dueDate.date;A!=null&&v!=null&&I!=null&&h(I,{dueDate:v});return}if(l.includes(tt)){const N=l.split(".")[2],I=b.flatMap(T=>T.tasks).find(T=>T.id===N),A=b.find(T=>T.tasks.find(se=>se.id===N))?.id,v=G[_][re][N].tags.selectedOptions;A!=null&&v!=null&&I!=null&&h(I,{tagIds:v});return}l.includes(we)&&ne.trigger(l);const F=Po(l,G,g);c(F)};n.useEffect(()=>{const l=ne.watch((G,{name:F})=>{F!=null&&G!=null&&$t(()=>Se(F,G))});return()=>{l.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&p(null)},[p,e.taskGroupUpdateStatus.fetchState]);const me=b.length>1&&g.selectedTaskIds.length>0&&r!==Y,ge=g.newTaskGroupName.length>0||g.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(yt,{...ne,children:t.jsx("form",{id:_e(Be),onSubmit:ne.handleSubmit(ce),style:{width:"100%"},children:t.jsx(qo,{isFooterVisible:ge,windowSize:L,children:t.jsx(bt,{children:({height:l,width:G})=>t.jsx(vt,{ref:$,outerRef:O,height:l,itemCount:q.length,itemSize:ue,estimatedItemSize:jt,itemKey:F=>q[F].id,width:G,overscanCount:St,itemData:{tagList:u,taskGroupsWithTasksList:q,uiState:W,collapsedGroups:U,userList:e.userList,renameActiveField:r,selectedRowIds:g.selectedTaskIds,existingTaskGroupNamesByGroupId:g.existingTaskGroupNamesByGroupId,onRenameClick:be,handleOnDragNDrop:a,onCollapseToggle:he,setRowHeight:de,onTaskManagementRowClick:M,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,onCollapseAll:Te,onDeleteTaskGroup:$e,onExpandAll:te,onTimeSpentUpdate:D,onShowToast:B,onCreateTagClick:z},initialScrollOffset:0,children:Fo})})})})}),ge?t.jsx(Gt,{formId:_e(Be),primaryBtn:{label:b.length===1&&g.selectedTaskIds.length>0&&r!==Y?Ne.taskList.footer.createGroup:Ke.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Ke.cancel,style:{width:"135px"},onClick:ye},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(H,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsxs(Xo,{children:[t.jsx(lt,{count:g.selectedTaskIds.length}),t.jsx(Jo,{children:g.selectedTaskIds.length>1?Ne.taskList.footer.tasksSelected:Ne.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(H,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsx(sn,{children:t.jsx(Ee,{enterDelay:600,title:V.taskManagement.taskList.footer.ungroup,children:t.jsx(tn,{onClick:ve})})})}),showPrimaryButton:me===!1,customPrimaryButton:me?t.jsxs(t.Fragment,{children:[t.jsx(De,{variant:"secondary",label:V.taskManagement.taskList.footer.moveTo,onClick:Ce,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(ws,{taskGroupsList:b,anchorEl:x,groupByKey:W.groupByKey,onCreateNewGroup:Z,onExistingGroupSelection:l=>{ae(),S(l)},onClose:ae})]}):void 0}):null]})},Fo=({index:e,style:u,data:r})=>{const h=n.useRef(null),m=le(),{tagList:p,taskGroupsWithTasksList:a,uiState:c,renameActiveField:i,collapsedGroups:d,onCollapseToggle:C,onTaskManagementRowClick:S,setRowHeight:E,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,handleOnDragNDrop:B,onRenameClick:z,userList:$,selectedRowIds:x,existingTaskGroupNamesByGroupId:j,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g}=r;n.useEffect(()=>{h.current?.firstElementChild!=null&&E(e,h.current.firstElementChild.clientHeight)},[e,h,m,a[e]?.tasks]);const b=n.useCallback(O=>{const P=O.dataTransfer.getData("row");B(P,a[e].id)},[B,e,a]),W=n.useCallback(O=>{O.preventDefault()},[]),U=(O,P)=>{O.dataTransfer.setData("row",P)},ee=()=>{z(a[e].id)};return t.jsx(Zo,{style:{...u,width:"100%"},ref:h,onDrop:b,onDragOver:W,children:t.jsx(Oo,{taskGroup:a[e],showGroupName:!0,tagList:p,uiState:c,isCollapsed:d.includes(a[e].id),onCollapseToggle:C,showRenameTextField:i===a[e].id,isSelectionAllowed:i==null,onTaskManagementRowClick:S,onColumnSortConfigChanged:M,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,selectedRowIds:x,userList:$,existingTaskGroupNamesByGroupId:j,onDragStart:U,onRenameClick:ee,onTimeSpentUpdate:y,onShowToast:L,onCreateTagClick:g},a[e].id)})},Oo=({taskGroup:e,tagList:u,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,userList:i,existingTaskGroupNamesByGroupId:d,onRenameClick:C,onTaskManagementRowClick:S,onCollapseToggle:E,onColumnSortConfigChanged:M,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:D,onDragStart:B,onTimeSpentUpdate:z,onShowToast:$,onCreateTagClick:x})=>{const j=le(),y=j==="medium-regular"||j==="medium-compact"||j==="small"?io:At;return t.jsx(y,{taskGroup:e,tagList:u,userList:i,sectionId:_,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:p,isSelectionAllowed:a,selectedRowIds:c,existingTaskGroupNamesByGroupId:d,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:D,onExpandAll:f,onCollapseToggle:E,onTaskManagementRowClick:S,onColumnSortConfigChanged:M,onDragStart:B,onRenameClick:C,onTimeSpentUpdate:z,onShowToast:$,onCreateTagClick:x})},Ye=(e,u,r,h)=>{const m={},p={};e.forEach(c=>{p[c.id]={[xe]:[],[pe]:u.existingTaskGroupNamesByGroupId[c.id]},c.tasks.forEach(i=>{u.selectedTaskIds.includes(i.id)&&p[c.id].selectedIds.push(i.id),m[i.id]={[at]:{selectedOption:i.status.code,allOptions:Q.allTaskStatus.map(d=>({label:d.name,value:d.code}))},[nt]:{selectedOption:i.priority.code,allOptions:Q.allTaskPriority.map(d=>({label:d.name,value:d.code}))},[ot]:{date:i.dueDate,showBusinessDay:!1},[st]:{allUsers:r,selectedUsers:i.assigneeUsers.map(d=>d.user)},[tt]:{allOptions:Nt(h),selectedOptions:i.tagIds},[we]:i.timeSpent}})});const a={[rt]:{[Y]:{[pe]:u.newTaskGroupName,[xe]:[]},...p},[re]:m};return{[_]:a}},Po=(e,u,r)=>{if(e.includes(_)){const h=e.split(".")[2];if(e.includes(pe))return e.includes(Y)?{...r,newTaskGroupName:u[_].groupData[h][pe]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[h]:u[_].groupData[h][pe]}};if(e.includes(xe)){const m=Bt(zt(Object.values(u[_][rt]),xe)).filter(p=>p!==V.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:m}}}return r},Vo=o.div`
   display: block;
   height: 100%;
-`,Uo=o.div`
+`,Ho=o.div`
   width: 100%;
   height: 100vh;
   display: flex;
@@ -441,7 +441,7 @@ import{w as ht,u as qe,j as t,M as oe,iA as Y,aW as mt,T as U,bP as gt,e as K,Z
   row-gap: ${s.sp4};
   background-color: ${e=>e.theme.colors.grey4};
   overflow: hidden;
-`,Vo=o.div`
+`,Uo=o.div`
   display: flex;
   width: 100%;
   height: calc(100% - 60px);

package/dist/assets/{TimeRangeSwitcher-CPklgWMn-BOlT7YwO.js → TimeRangeSwitcher-CkXysnFa-BxX2v8T-.js}

@@ -1,4 +1,4 @@
-import{j as t,aj as Y,H as E,dg as D,aN as L,o as a,v as q}from"./index-CbZTLtvs.js";import{n as g,b as n}from"./vendor-CnQcJ2Lu.js";import{R as A}from"./mui-Bi8r7UDG.js";import{V as U}from"./CollapsableReportTable-PpQgBBRC-ZGrGfaoO.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{j as t,aj as D,E as k,dj as H,aN as L,o as a,d as q}from"./index-CyJdCOlu.js";import{n as g,b as n}from"./vendor-CnQcJ2Lu.js";import{R as A}from"./mui-Bi8r7UDG.js";import{V as U}from"./CollapsableReportTable-NSlKGCNZ-9GlkRzVX.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;
@@ -61,4 +61,4 @@ import{j as t,aj as Y,H as E,dg as D,aN as L,o as a,v as q}from"./index-CbZTLtvs
   cursor: pointer;
   pointer-events: all;
   color: ${e=>e.theme.colors.grey5};
-`;function k({iconPosition:e}){switch(e){case"left":return t.jsx(W,{className:"slider-icon",fill:"currentColor"});case"right":return t.jsx(X,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function te(e){return A.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:c,timeframe:l,tick:r,tickIndex:x,isSelected:s,onClick:f}){return t.jsx(_,{isEnabled:e,isSelected:s,onClick:()=>{f(r,x,l)},children:t.jsx(J,{children:U(c,r,l)})})}function ne(e,c,l,r,x){const s=c-e,f=Math.floor(e/h)+Math.round(s/h),w=f+l.length-r.length,u=f+l.length,b=x-u;return{selectedTicks:{fromStart:{startIndex:f,length:l.length},fromEnd:{offsetFromEnd:b,length:l.length}},highlightedOfSelectedTicks:{startIndex:w,length:r.length}}}function ie(e){return e.startIndex!=null}function z(e,c){let l={startIndex:0,length:0};if(ie(e))l=e;else{const r=e.length;l={startIndex:c.length-e.offsetFromEnd-r+1,length:e.length}}return l}function le({width:e,firstMonthOfFY:c,timeframe:l,timeframeTicks:r,isEnabled:x,selection:s,onClick:f,onSelectionChanged:w}){const u=n.createRef(),b=n.useRef(null),[I,M]=n.useState(!1),[o,T]=n.useState(z(s.selectedTicks,r)),v=n.useRef(o.startIndex);n.useEffect(()=>{v.current=o.startIndex});const[$,C]=n.useState(s.highlightedOfSelectedTicks),O=(o.startIndex+o.length>r.length?Math.max(r.length-o.length,0):o.startIndex)*h,[y,F]=n.useState({x:O,y:0});n.useEffect(()=>{M(!0)},[]),n.useEffect(()=>{const i=z(s.selectedTicks,r);if(!E(o,i)){T(i);const d=i.startIndex*h;F({x:d,y:0})}E($,s.highlightedOfSelectedTicks)||C(s.highlightedOfSelectedTicks)},[o,$,s,r]),n.useLayoutEffect(()=>{const{startIndex:i,length:d}=o;u.current?.scrollToItem(v.current<=i?i+d-1:i)},[u,o]);const N=x!==!1,R=(i,d,m)=>{f?.(m,i)},P=(i,d)=>{const m=ne(y.x,d.x,o,$,r.length);w?.(m.selectedTicks,m.highlightedOfSelectedTicks,l,r)},B=({index:i,style:d})=>{const m=r[i],{startIndex:j,length:H}=$,V=i>=j&&i<j+H;return t.jsx("div",{style:{...d},children:t.jsx(re,{enabled:N,firstMonthOfFY:c,timeframe:l,tick:m,tickIndex:i,isSelected:V,onClick:R},i)})},S=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(G,{ref:u,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:B}),I===!0&&S!=null?t.jsx(te,{parentNode:S,children:t.jsx(D,{axis:"x",defaultPosition:{x:0,y:0},position:y,bounds:{left:0,right:(r.length-o.length)*h},grid:[1,0],scale:1,onStop:P,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:o.length,ref:b,children:[t.jsx(Q,{children:t.jsx(k,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(k,{iconPosition:"right"})})]})})}):null]})}function de(e){return t.jsx(Z,{children:t.jsx(Y,{children:({width:c})=>t.jsx(le,{...e,width:c})})})}export{p as a,de as p};
+`;function v({iconPosition:e}){switch(e){case"left":return t.jsx(W,{className:"slider-icon",fill:"currentColor"});case"right":return t.jsx(X,{className:"slider-icon",fill:"currentColor"});default:throw Error("Invalid iconPosition")}}function te(e){return A.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:c,timeframe:l,tick:r,tickIndex:x,isSelected:s,onClick:f}){return t.jsx(_,{isEnabled:e,isSelected:s,onClick:()=>{f(r,x,l)},children:t.jsx(J,{children:U(c,r,l)})})}function ne(e,c,l,r,x){const s=c-e,f=Math.floor(e/h)+Math.round(s/h),w=f+l.length-r.length,u=f+l.length,b=x-u;return{selectedTicks:{fromStart:{startIndex:f,length:l.length},fromEnd:{offsetFromEnd:b,length:l.length}},highlightedOfSelectedTicks:{startIndex:w,length:r.length}}}function ie(e){return e.startIndex!=null}function z(e,c){let l={startIndex:0,length:0};if(ie(e))l=e;else{const r=e.length;l={startIndex:c.length-e.offsetFromEnd-r+1,length:e.length}}return l}function le({width:e,firstMonthOfFY:c,timeframe:l,timeframeTicks:r,isEnabled:x,selection:s,onClick:f,onSelectionChanged:w}){const u=n.createRef(),b=n.useRef(null),[I,M]=n.useState(!1),[o,C]=n.useState(z(s.selectedTicks,r)),j=n.useRef(o.startIndex);n.useEffect(()=>{j.current=o.startIndex});const[$,T]=n.useState(s.highlightedOfSelectedTicks),O=(o.startIndex+o.length>r.length?Math.max(r.length-o.length,0):o.startIndex)*h,[y,F]=n.useState({x:O,y:0});n.useEffect(()=>{M(!0)},[]),n.useEffect(()=>{const i=z(s.selectedTicks,r);if(!k(o,i)){C(i);const d=i.startIndex*h;F({x:d,y:0})}k($,s.highlightedOfSelectedTicks)||T(s.highlightedOfSelectedTicks)},[o,$,s,r]),n.useLayoutEffect(()=>{const{startIndex:i,length:d}=o;u.current?.scrollToItem(j.current<=i?i+d-1:i)},[u,o]);const N=x!==!1,R=(i,d,m)=>{f?.(m,i)},P=(i,d)=>{const m=ne(y.x,d.x,o,$,r.length);w?.(m.selectedTicks,m.highlightedOfSelectedTicks,l,r)},B=({index:i,style:d})=>{const m=r[i],{startIndex:S,length:V}=$,Y=i>=S&&i<S+V;return t.jsx("div",{style:{...d},children:t.jsx(re,{enabled:N,firstMonthOfFY:c,timeframe:l,tick:m,tickIndex:i,isSelected:Y,onClick:R},i)})},E=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(G,{ref:u,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:B}),I===!0&&E!=null?t.jsx(te,{parentNode:E,children:t.jsx(H,{axis:"x",defaultPosition:{x:0,y:0},position:y,bounds:{left:0,right:(r.length-o.length)*h},grid:[1,0],scale:1,onStop:P,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:o.length,ref:b,children:[t.jsx(Q,{children:t.jsx(v,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(v,{iconPosition:"right"})})]})})}):null]})}function de(e){return t.jsx(Z,{children:t.jsx(D,{children:({width:c})=>t.jsx(le,{...e,width:c})})})}export{p as a,de as p};

package/dist/assets/{TimeframeSwitcher-Do-13K0C-BsEeofAL.js → TimeframeSwitcher-B-S09J4A-MdxeQVLH.js}

@@ -1,4 +1,4 @@
-import{j as t,o,v as p,M as u}from"./index-CbZTLtvs.js";import{n as i}from"./vendor-CnQcJ2Lu.js";const f=i.div`
+import{j as t,o,d as p,M as u}from"./index-CyJdCOlu.js";import{n as i}from"./vendor-CnQcJ2Lu.js";const f=i.div`
   display: flex;
   flex-direction: row;
   align-items: center;

package/dist/assets/{TimeframeSwitcherWithToggle-CtVJiYRA-CJwvNUHv.js → TimeframeSwitcherWithToggle-B9Lo2-pD-oHueEdHK.js}

@@ -1,4 +1,4 @@
-import{X as c,j as t,C as n,v as x,b4 as w}from"./index-CbZTLtvs.js";import{n as r}from"./vendor-CnQcJ2Lu.js";import{b as l}from"./TimeframeSwitcher-Do-13K0C-BsEeofAL.js";const a="ZeniSwitch",i={root:`${a}-root`,switchBase:`${a}-switchBase`,track:`${a}-track`,thumb:`${a}-thumb`},u=({className:e,...o})=>t.jsx(w,{...o,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=>t.jsx(p,{...e}),d={timeframePaddingLeft:new n(0,0,125),timeframePaddingBottom:new n(8,8,0)},$=r.div`
+import{e as c,j as t,C as n,d as x,b4 as w}from"./index-CyJdCOlu.js";import{n as r}from"./vendor-CnQcJ2Lu.js";import{b as l}from"./TimeframeSwitcher-B-S09J4A-MdxeQVLH.js";const a="ZeniSwitch",i={root:`${a}-root`,switchBase:`${a}-switchBase`,track:`${a}-track`,thumb:`${a}-thumb`},u=({className:e,...o})=>t.jsx(w,{...o,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=>t.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;
@@ -28,4 +28,4 @@ import{X as c,j as t,C as n,v as x,b4 as w}from"./index-CbZTLtvs.js";import{n as
 `,C=r(x)`
   color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
   opacity: ${e=>e.isDisabled?.5:1};
-`,h=({label:e,isOn:o,isToggleDisabled:s,onValueChanged:g})=>t.jsxs(t.Fragment,{children:[t.jsx(C,{isOn:o,isDisabled:s===!0,children:e}),t.jsx(b,{checked:o,edge:"end",disabled:s===!0,disableRipple:s===!0,onChange:f=>{g(f.target.checked)}})]}),v=e=>{const o=c();return t.jsxs($,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(k,{children:t.jsx(h,{...e.toggle})})]})},B=e=>{const o=c();return t.jsxs(y,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(j,{children:t.jsx(h,{...e.toggle})})]})};function L(e){const o=c();return o==="small"||o==="medium-compact"?t.jsx(v,{...e}):t.jsx(B,{...e})}export{L as M};
+`,h=({label:e,isOn:o,isToggleDisabled:s,onValueChanged:g})=>t.jsxs(t.Fragment,{children:[t.jsx(C,{isOn:o,isDisabled:s===!0,children:e}),t.jsx(b,{checked:o,edge:"end",disabled:s===!0,disableRipple:s===!0,onChange:f=>{g(f.target.checked)}})]}),B=e=>{const o=c();return t.jsxs($,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(k,{children:t.jsx(h,{...e.toggle})})]})},S=e=>{const o=c();return t.jsxs(y,{children:[t.jsx(m,{windowSize:o,children:t.jsx(l,{timeframes:e.timeframe.allowedTimeframes,selectedTimeframe:e.timeframe.selectedTimeframe,onTimeframeSelectionChanged:e.timeframe.onTimeframeSelectionChanged})}),t.jsx(j,{children:t.jsx(h,{...e.toggle})})]})};function L(e){const o=c();return o==="small"||o==="medium-compact"?t.jsx(B,{...e}):t.jsx(S,{...e})}export{L as M};

package/dist/assets/{TopExCard-CAbVMarX-BxCf3Zb4.js → TopExCard-DwP8Cppq-BA7R-fYL.js}

@@ -1,4 +1,4 @@
-import{H as _,X as V,j as t,u as f,b6 as T,aw as C,av as S,ba as E,bj as k,q as x,ab as R,f as $,bk as H,bl as q,a0 as X,l as G,U as J,o as p,v as L,ao as Y,e as F,M as A,W as N,_ as U,a5 as O,ai as W,aj as Q,a6 as Z,bm as ee}from"./index-CbZTLtvs.js";import{f as v,b as te,n as g}from"./vendor-CnQcJ2Lu.js";import{I as ae,T as re}from"./ReloadCard-Brl4XdzV-K0dTBTCK.js";import{o as oe,r as ne}from"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const ie=g(O)`
+import{E as _,e as V,j as t,u as f,b6 as T,aw as C,av as S,ba as E,bj as k,q as x,ab as R,v as $,bk as H,bl as q,a0 as G,l as X,U as F,o as p,d as L,ao as J,n as N,M as A,W as U,_ as W,a5 as O,ai as Y,aj as Q,a6 as Z,bm as ee}from"./index-CyJdCOlu.js";import{f as v,b as te,n as g}from"./vendor-CnQcJ2Lu.js";import{I as ae,T as re}from"./ReloadCard-CJfjUA_Q-iqgRrGxj.js";import{o as oe,r as ne}from"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const ie=g(O)`
   justify-content: space-between;
   margin: 0;
   height: ${e=>e.height!=null?e.height+"px":"auto"};
@@ -13,7 +13,7 @@ import{H as _,X as V,j as t,u as f,b6 as T,aw as C,av as S,ba as E,bj as k,q as
   flex: 0 1 auto;
   flex-direction: row;
   align-items: center;
-`;function ue({dimension:e,reportTitle:i,cardType:r,cardIndex:l,onCardClick:n,timeframe:o,allowedValues:d,chartElement:s,onTimeframeChange:h}){const c=d.length>0?" - ":"";return t.jsx(N,{"data-testid":U("dashboard",`${r}-timeframe-${o}`),style:{cursor:"pointer"},dimension:e,onClick:()=>n(l,r),children:t.jsxs(O,{children:[t.jsxs(w,{style:{marginBottom:x[3]},children:[t.jsx(me,{children:i!=null?i+c:W(r)+c})," ",d.length>0?t.jsx(he,{timeframeSelected:o,onTimeframeChanged:a=>h?.(a??"month"),allowedValues:d}):null]}),t.jsx(w,{style:{width:"100%",height:"100%",cursor:"pointer"},children:t.jsx("div",{style:{width:"100%",height:"100%"},children:t.jsx(Q,{children:({height:a,width:m})=>s(m,a)})})})]})})}function K({card:e,reportTitle:i,actions:r,timeframe:l,allowedValues:n,chartElement:o,onTimeframeChange:d}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(ae,{dimension:e.dimension,animated:!e.disableAnimations}):e.fetchState==="Error"?t.jsx(re,{dimension:e.dimension,cardType:e.cardType,cardIndex:e.cardIndex,onReloadData:r.onReloadData,reportTitle:i}):t.jsx(ue,{dimension:e.dimension,reportTitle:i,cardType:e.cardType,cardIndex:e.cardIndex,onCardClick:r.onCardClick,timeframe:l,allowedValues:n??["month","quarter","year"],chartElement:o,onTimeframeChange:s=>{r.onTimeframeChange?.(e.cardType,s),d?.(e.cardType,s)}})}v.memo(K);const P=(e,i,r)=>{const l=i.map(a=>({label:a.timePeriod,startDate:a.startDate,endDate:a.endDate})),n=r.total,o=r.accountsOrdered.map(a=>({accountId:a.accountId,accountDescription:a.accountDescription,balance:a.balance,logo:a.logo}))??[],d=Math.min(e,o.length),s=o.length?e-o.length:0,h=n?.amount;if(o.length>0&&s>0&&h!=null&&h!==0){const a=o[d-1].balance,m=a?.available?.amount!=null?Math.min(30,a?.available?.amount/h*100):30;for(let u=0;u<s;u+=1){const y=m*(s-u)/(s+1);o.push({accountId:u.toString(),accountDescription:"",balance:{available:{amount:h*y/100,currencySymbol:a.available.currencySymbol,currencyCode:a.available.currencyCode}}})}}const c=o.map(a=>{const m="top_expenses",u={accountId:a.accountId,accountDescription:a.accountDescription,total:n??void 0,logo:a.logo??"",barKey:m};return u[m]=a.balance.available,u});return{timeframeLabelsInOrder:l,chartItems:c}},b=37,j=2,ge=g.div`
+`;function ue({dimension:e,reportTitle:i,cardType:r,cardIndex:l,onCardClick:n,timeframe:o,allowedValues:d,chartElement:s,onTimeframeChange:h}){const c=d.length>0?" - ":"";return t.jsx(U,{"data-testid":W("dashboard",`${r}-timeframe-${o}`),style:{cursor:"pointer"},dimension:e,onClick:()=>n(l,r),children:t.jsxs(O,{children:[t.jsxs(w,{style:{marginBottom:x[3]},children:[t.jsx(me,{children:i!=null?i+c:Y(r)+c})," ",d.length>0?t.jsx(he,{timeframeSelected:o,onTimeframeChanged:a=>h?.(a??"month"),allowedValues:d}):null]}),t.jsx(w,{style:{width:"100%",height:"100%",cursor:"pointer"},children:t.jsx("div",{style:{width:"100%",height:"100%"},children:t.jsx(Q,{children:({height:a,width:m})=>s(m,a)})})})]})})}function P({card:e,reportTitle:i,actions:r,timeframe:l,allowedValues:n,chartElement:o,onTimeframeChange:d}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(ae,{dimension:e.dimension,animated:!e.disableAnimations}):e.fetchState==="Error"?t.jsx(re,{dimension:e.dimension,cardType:e.cardType,cardIndex:e.cardIndex,onReloadData:r.onReloadData,reportTitle:i}):t.jsx(ue,{dimension:e.dimension,reportTitle:i,cardType:e.cardType,cardIndex:e.cardIndex,onCardClick:r.onCardClick,timeframe:l,allowedValues:n??["month","quarter","year"],chartElement:o,onTimeframeChange:s=>{r.onTimeframeChange?.(e.cardType,s),d?.(e.cardType,s)}})}v.memo(P);const B=(e,i,r)=>{const l=i.map(a=>({label:a.timePeriod,startDate:a.startDate,endDate:a.endDate})),n=r.total,o=r.accountsOrdered.map(a=>({accountId:a.accountId,accountDescription:a.accountDescription,balance:a.balance,logo:a.logo}))??[],d=Math.min(e,o.length),s=o.length?e-o.length:0,h=n?.amount;if(o.length>0&&s>0&&h!=null&&h!==0){const a=o[d-1].balance,m=a?.available?.amount!=null?Math.min(30,a?.available?.amount/h*100):30;for(let u=0;u<s;u+=1){const y=m*(s-u)/(s+1);o.push({accountId:u.toString(),accountDescription:"",balance:{available:{amount:h*y/100,currencySymbol:a.available.currencySymbol,currencyCode:a.available.currencyCode}}})}}const c=o.map(a=>{const m="top_expenses",u={accountId:a.accountId,accountDescription:a.accountDescription,total:n??void 0,logo:a.logo??"",barKey:m};return u[m]=a.balance.available,u});return{timeframeLabelsInOrder:l,chartItems:c}},b=37,j=2,ge=g.div`
   display: flex;
   flex-direction: row;
   flex: 1 1 auto;
@@ -29,10 +29,10 @@ import{H as _,X as V,j as t,u as f,b6 as T,aw as C,av as S,ba as E,bj as k,q as
   height: ${p.sp4};
 `,fe=g(L)`
   margin-left: ${p.sp2};
-`,ye=g(Y)`
+`,ye=g(J)`
   flex: 1 1 0;
   color: ${e=>e.theme.colors.primary};
-`,be=g(F)`
+`,be=g(N)`
   flex: 1 1 0;
   margin-right: ${p.sp2};
-`;function je({report:e,width:i,height:r,showBarHoverBackground:l}){const n=f(),o=P(e.topExpenses.accountsOrdered.length,e.allTimePeriods,e.topExpenses),d=(s,h)=>t.jsx(E,{dataKey:c=>{const a=c[h]!=null?c[h]:void 0;return a!=null&&a.amount>0?a.amount:0},isAnimationActive:!0,animationDuration:800,background:{fill:n.colors.background},children:s.map(c=>t.jsx(k,{fill:n.colors.topExCustomColor},h))},Math.random());return o.chartItems.length===0?null:t.jsx(we,{chartItemArray:o.chartItems,showBarHoverBackground:l,barElement:d(o.chartItems,o.chartItems[0].barKey),width:i,height:r})}const ve=e=>{const{barKey:i,payload:r,chartItems:l,width:n,y:o}=e,d=r.value,s=l.find(h=>h.accountId==d);return s==null||s.accountDescription==null?null:t.jsx("foreignObject",{y:o-r.offset+j,width:n,height:b,children:t.jsxs(ge,{children:[t.jsxs(pe,{children:[t.jsx(xe,{src:s.logo,alt:s.accountDescription,loading:"lazy"}),t.jsx(fe,{children:s.accountDescription})]}),t.jsx(ye,{children:"⟶"}),t.jsx(be,{children:X("0,0",s[i])})]})})},we=({chartItemArray:e,barElement:i,width:r,height:l})=>{const n=e[0],o=n.total,d=n.barKey;return t.jsxs(T,{data:e,layout:"vertical",width:r,barCategoryGap:j,height:e.length?(b+2*j)*e.length:l,barSize:b,margin:{top:0,right:0,left:0,bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:"default"},children:[t.jsx(C,{hide:!0,axisLine:!1,type:"number",domain:[s=>Math.min(0,s),o?.amount??0]}),t.jsx(S,{orientation:"left",yAxisId:0,dataKey:s=>s.accountId,type:"category",axisLine:!1,tickLine:!1,width:r/2,mirror:!1,tick:t.jsx(ve,{width:r/2,chartItems:e,barKey:d})}),i]})},I=41,D=4;function Ie({report:e,width:i,height:r,showBarHoverBackground:l,isDetailPage:n}){const o=f(),d=P(n===!0?e.topExpenses.accountsOrdered.length:6,e.allTimePeriods,e.topExpenses),s=(h,c,a)=>t.jsxs(E,{dataKey:m=>{const u=m[c]!=null?m[c]:void 0;return u!=null&&u.amount>0?u.amount:0},isAnimationActive:!0,animationDuration:n===!0?800:void 0,background:void 0,children:[t.jsx(H,{dataKey:"accountDescription",position:"insideLeft",offset:8,content:m=>{const{x:u,y,value:B,height:z,offset:M}=m;return t.jsx(q,{x:u+M,y:y+z/2,fill:o.colors.hero,fontSize:$.smallRegular.fontSize,verticalAnchor:"middle",width:a-110,maxLines:1,children:B})}}),h.map(m=>t.jsx(k,{fill:m.accountDescription!==""?o.colors.graphColor29:o.colors.grey3,fillOpacity:m.accountDescription!==""?.32:1},c))]},Math.random());return d.chartItems.length===0?null:t.jsx(De,{chartItemArray:d.chartItems,showBarHoverBackground:l,barElement:s(d.chartItems,d.chartItems[0].barKey,i),width:i,height:r,isDetailPage:n===!0})}const De=({chartItemArray:e,barElement:i,width:r,height:l,isDetailPage:n})=>{const o=f(),d=e[0],s=d.total,h=d.barKey,c=s?.currencySymbol??"";return t.jsxs(T,{data:e,layout:"vertical",width:r,barCategoryGap:n?D:2,height:n?e.length?(I+2*D)*e.length:l:l+5,barSize:n?I:38,margin:{top:0,right:n?x[0]:x[3],left:n?x[0]:x[3],bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:n?"default":"pointer"},children:[t.jsx(C,{hide:!0,axisLine:!1,type:"number",domain:[a=>Math.min(0,a),s?.amount??0]}),t.jsx(S,{orientation:"right",yAxisId:0,dataKey:a=>{const m=a[h]!=null?a[h]:void 0,{accountDescription:u}=a;return u!==""&&m!=null?m.amount:0},type:"category",axisLine:!1,tickLine:!1,width:r,mirror:!0,tick:{fill:o.colors.hero,...$.smallRegular.cssObject},tickFormatter:a=>a!==0?R("0,0.[00]a",a,c):""}),i]})};function Te(e){const i=V();return i!=="small"&&i!=="medium-compact"&&e.isDetailPage===!0?t.jsx(je,{...e}):t.jsx(Ie,{...e})}const Ce=v.memo(Te,_);function Se(e){if(e==null||e.length===0)return!0;let i=!0;for(const r of e)if(r.balance.available.amount!==0){i=!1;break}return i}function Ee({card:e,actions:i,data:r,dndProps:l}){const[n,o]=te.useState(r?.topExTimePeriod??"last_month"),d=[...G.TOP_EX_TIME_PERIODS],s=e.fetchState==="Completed"?Se(r?.topExpenses.accountsOrdered):!1,h=(c,a)=>s===!1?t.jsx(Ce,{report:r,width:c,height:a,timeframe:n}):t.jsx(ce,{width:c,height:a,label:A.getLocalizedStrings().chartCard.no_data.top_expenses[n]});return t.jsx(J,{isDragging:l?.draggedCardType!=null,isDragOver:l?.dragOverCard===e.cardType,draggable:!0,onDragStart:c=>l?.onDragStart(e.cardType,c),onDragOver:c=>l?.onDragOver(c,e.cardType),onDragLeave:c=>l?.onDragLeave(c),onDrop:c=>l?.onDrop(c,e.cardType),dimension:e.dimension,children:t.jsx(K,{card:e,actions:i,timeframe:n,chartElement:h,allowedValues:d,onTimeframeChange:(c,a)=>o(a)})},e.cardIndex)}v.memo(Ee);export{Se as E,Ce as I,Ee as L,K as O,ce as c};
+`;function je({report:e,width:i,height:r,showBarHoverBackground:l}){const n=f(),o=B(e.topExpenses.accountsOrdered.length,e.allTimePeriods,e.topExpenses),d=(s,h)=>t.jsx(E,{dataKey:c=>{const a=c[h]!=null?c[h]:void 0;return a!=null&&a.amount>0?a.amount:0},isAnimationActive:!0,animationDuration:800,background:{fill:n.colors.background},children:s.map(c=>t.jsx(k,{fill:n.colors.topExCustomColor},h))},Math.random());return o.chartItems.length===0?null:t.jsx(we,{chartItemArray:o.chartItems,showBarHoverBackground:l,barElement:d(o.chartItems,o.chartItems[0].barKey),width:i,height:r})}const ve=e=>{const{barKey:i,payload:r,chartItems:l,width:n,y:o}=e,d=r.value,s=l.find(h=>h.accountId==d);return s==null||s.accountDescription==null?null:t.jsx("foreignObject",{y:o-r.offset+j,width:n,height:b,children:t.jsxs(ge,{children:[t.jsxs(pe,{children:[t.jsx(xe,{src:s.logo,alt:s.accountDescription,loading:"lazy"}),t.jsx(fe,{children:s.accountDescription})]}),t.jsx(ye,{children:"⟶"}),t.jsx(be,{children:G("0,0",s[i])})]})})},we=({chartItemArray:e,barElement:i,width:r,height:l})=>{const n=e[0],o=n.total,d=n.barKey;return t.jsxs(T,{data:e,layout:"vertical",width:r,barCategoryGap:j,height:e.length?(b+2*j)*e.length:l,barSize:b,margin:{top:0,right:0,left:0,bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:"default"},children:[t.jsx(C,{hide:!0,axisLine:!1,type:"number",domain:[s=>Math.min(0,s),o?.amount??0]}),t.jsx(S,{orientation:"left",yAxisId:0,dataKey:s=>s.accountId,type:"category",axisLine:!1,tickLine:!1,width:r/2,mirror:!1,tick:t.jsx(ve,{width:r/2,chartItems:e,barKey:d})}),i]})},D=41,I=4;function De({report:e,width:i,height:r,showBarHoverBackground:l,isDetailPage:n}){const o=f(),d=B(n===!0?e.topExpenses.accountsOrdered.length:6,e.allTimePeriods,e.topExpenses),s=(h,c,a)=>t.jsxs(E,{dataKey:m=>{const u=m[c]!=null?m[c]:void 0;return u!=null&&u.amount>0?u.amount:0},isAnimationActive:!0,animationDuration:n===!0?800:void 0,background:void 0,children:[t.jsx(H,{dataKey:"accountDescription",position:"insideLeft",offset:8,content:m=>{const{x:u,y,value:K,height:z,offset:M}=m;return t.jsx(q,{x:u+M,y:y+z/2,fill:o.colors.hero,fontSize:$.smallRegular.fontSize,verticalAnchor:"middle",width:a-110,maxLines:1,children:K})}}),h.map(m=>t.jsx(k,{fill:m.accountDescription!==""?o.colors.graphColor29:o.colors.grey3,fillOpacity:m.accountDescription!==""?.32:1},c))]},Math.random());return d.chartItems.length===0?null:t.jsx(Ie,{chartItemArray:d.chartItems,showBarHoverBackground:l,barElement:s(d.chartItems,d.chartItems[0].barKey,i),width:i,height:r,isDetailPage:n===!0})}const Ie=({chartItemArray:e,barElement:i,width:r,height:l,isDetailPage:n})=>{const o=f(),d=e[0],s=d.total,h=d.barKey,c=s?.currencySymbol??"";return t.jsxs(T,{data:e,layout:"vertical",width:r,barCategoryGap:n?I:2,height:n?e.length?(D+2*I)*e.length:l:l+5,barSize:n?D:38,margin:{top:0,right:n?x[0]:x[3],left:n?x[0]:x[3],bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:n?"default":"pointer"},children:[t.jsx(C,{hide:!0,axisLine:!1,type:"number",domain:[a=>Math.min(0,a),s?.amount??0]}),t.jsx(S,{orientation:"right",yAxisId:0,dataKey:a=>{const m=a[h]!=null?a[h]:void 0,{accountDescription:u}=a;return u!==""&&m!=null?m.amount:0},type:"category",axisLine:!1,tickLine:!1,width:r,mirror:!0,tick:{fill:o.colors.hero,...$.smallRegular.cssObject},tickFormatter:a=>a!==0?R("0,0.[00]a",a,c):""}),i]})};function Te(e){const i=V();return i!=="small"&&i!=="medium-compact"&&e.isDetailPage===!0?t.jsx(je,{...e}):t.jsx(De,{...e})}const Ce=v.memo(Te,_);function Se(e){if(e==null||e.length===0)return!0;let i=!0;for(const r of e)if(r.balance.available.amount!==0){i=!1;break}return i}function Ee({card:e,actions:i,data:r,dndProps:l}){const[n,o]=te.useState(r?.topExTimePeriod??"last_month"),d=[...X.TOP_EX_TIME_PERIODS],s=e.fetchState==="Completed"?Se(r?.topExpenses.accountsOrdered):!1,h=(c,a)=>s===!1?t.jsx(Ce,{report:r,width:c,height:a,timeframe:n}):t.jsx(ce,{width:c,height:a,label:A.getLocalizedStrings().chartCard.no_data.top_expenses[n]});return t.jsx(F,{isDragging:l?.draggedCardType!=null,isDragOver:l?.dragOverCard===e.cardType,draggable:!0,onDragStart:c=>l?.onDragStart(e.cardType,c),onDragOver:c=>l?.onDragOver(c,e.cardType),onDragLeave:c=>l?.onDragLeave(c),onDrop:c=>l?.onDrop(c,e.cardType),dimension:e.dimension,children:t.jsx(P,{card:e,actions:i,timeframe:n,chartElement:h,allowedValues:d,onTimeframeChange:(c,a)=>o(a)})},e.cardIndex)}v.memo(Ee);export{Se as E,Ce as I,Ee as L,P as O,ce as c};

package/dist/assets/{TopExDetailPage-CN49s925-DmkXyXHQ.js → TopExDetailPage-CIMSDSxd-DWJg2Rhe.js}

@@ -1,11 +1,11 @@
-import{u as v,X as S,l as A,j as t,aW as B,M as u,a0 as b,aj as H,D as P,o as i,C as j,bi as z,aO as F,q as c,g as T,e as y,_ as V,af as D}from"./index-CbZTLtvs.js";import{n as l,f as M,b as o}from"./vendor-CnQcJ2Lu.js";import{E as _,I as L}from"./TopExCard-CAbVMarX-BxCf3Zb4.js";import{b as Z}from"./TimeframeSwitcher-Do-13K0C-BsEeofAL.js";import{d as O}from"./NoDataTable-CJseWuln-Cygckdm_.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./ReloadCard-Brl4XdzV-K0dTBTCK.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const E="141px",I=i.sp4,R="123px",X=l(D)`
+import{u as v,e as S,l as A,j as t,aW as B,M as u,a0 as b,aj as H,D as z,o as i,C as j,bi as P,aO as F,q as c,c as T,n as y,_ as V,af as D}from"./index-CyJdCOlu.js";import{n as l,f as M,b as o}from"./vendor-CnQcJ2Lu.js";import{E as _,I as Z}from"./TopExCard-DwP8Cppq-BA7R-fYL.js";import{b as L}from"./TimeframeSwitcher-B-S09J4A-MdxeQVLH.js";import{d as O}from"./NoDataTable-CPEKYH-4-ChRW7vff.js";import"./mui-Bi8r7UDG.js";import"./analytics-CBL_L82S.js";import"./routing-CxYXTKiv.js";import"./sentry-HDxG13yk.js";import"./redux-CC-tnuv1.js";import"./liveblocks-DZpRS25q.js";import"./crypto-BURQLTgV.js";import"./ReloadCard-CJfjUA_Q-iqgRrGxj.js";import"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const E="141px",I=i.sp4,R="123px",N=l(D)`
   color: inherit;
   width: ${i.sp3};
   height: ${i.sp3};
   &:hover {
     color: inherit;
   }
-`,N=l.div`
+`,W=l.div`
   user-select: none;
   display: flex;
   width: 100%;
@@ -18,7 +18,7 @@ import{u as v,X as S,l as A,j as t,aW as B,M as u,a0 as b,aj as H,D as P,o as i,
   &:hover {
     color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
   }
-`,W=l.div`
+`,X=l.div`
   display: flex;
   flex-grow: 1;
   flex-shrink: 0;
@@ -36,13 +36,13 @@ import{u as v,X as S,l as A,j as t,aW as B,M as u,a0 as b,aj as H,D as P,o as i,
   flex-shrink: 2;
   flex-grow: 1;
   align-items: center;
-`,K=l(y)`
+`,Q=l(y)`
   user-select: none;
   display: flex;
   min-width: ${R};
   text-align: left;
   margin-left: ${i.sp4};
-`;function Q({leftChevron:e,account:n,onAccountBalanceClick:s}){const a=n!=null&&n.balance!=null,r=e==="hidden",g=a?"pointer":"default",d=r===!1&&a,w=d?"pointer":"default",h=r?c[6]:c[4],m=X,{common:{strings:{empty:C}}}=u.getLocalizedStrings(),$=n?.accountDescription?n.accountDescription:C,x=n?.accountName?n.accountName:$;return t.jsxs(N,{isClickable:d,children:[t.jsxs(J,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(K,{"data-testid":V("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&n!=null&&n.balance!=null&&s?.(n)},children:x})]}),t.jsx(W,{style:{cursor:g},children:t.jsx(q,{isClickable:a,onClick:()=>{n?.balance!=null&&s?.(n)},children:b("0,0",n?.balance.available)})})]})}const G=l.div`
+`;function G({leftChevron:e,account:n,onAccountBalanceClick:s}){const a=n!=null&&n.balance!=null,r=e==="hidden",g=a?"pointer":"default",d=r===!1&&a,w=d?"pointer":"default",h=r?c[6]:c[4],m=N,{common:{strings:{empty:C}}}=u.getLocalizedStrings(),$=n?.accountDescription?n.accountDescription:C,x=n?.accountName?n.accountName:$;return t.jsxs(W,{isClickable:d,children:[t.jsxs(J,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(Q,{"data-testid":V("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&n!=null&&n.balance!=null&&s?.(n)},children:x})]}),t.jsx(X,{style:{cursor:g},children:t.jsx(q,{isClickable:a,onClick:()=>{n?.balance!=null&&s?.(n)},children:b("0,0",n?.balance.available)})})]})}const K=l.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -56,7 +56,7 @@ import{u as v,X as S,l as A,j as t,aW as B,M as u,a0 as b,aj as H,D as P,o as i,
   width: 100%;
   height: 1px;
   background-color: ${e=>e.theme.colors.grey3};
-`;function ee({accounts:e,onAccountBalanceClick:n}){const s=(a,r)=>a.length>1&&r<a.length-1;return t.jsx(G,{children:e?.map((a,r)=>t.jsxs(U,{children:[t.jsx(Q,{leftChevron:"collapsed",account:a,onAccountBalanceClick:n}),s(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=M.memo(ee),ie=l.div`
+`;function ee({accounts:e,onAccountBalanceClick:n}){const s=(a,r)=>a.length>1&&r<a.length-1;return t.jsx(K,{children:e?.map((a,r)=>t.jsxs(U,{children:[t.jsx(G,{leftChevron:"collapsed",account:a,onAccountBalanceClick:n}),s(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=M.memo(ee),ie=l.div`
   margin: ${i.sp0} ${i.sp0} ${i.sp6} ${i.sp0};
   background-color: inherit;
   width: 100%;
@@ -119,7 +119,7 @@ import{u as v,X as S,l as A,j as t,aW as B,M as u,a0 as b,aj as H,D as P,o as i,
 `,ge=l.div`
   height: ${i.sp9};
   color: ${e=>e.theme.colors.primary};
-`,we=l(z)``,Ce=l(F)`
+`,we=l(P)``,Ce=l(F)`
   padding-left: ${i.sp3};
 `,$e=l.div`
   display: flex;
@@ -129,4 +129,4 @@ import{u as v,X as S,l as A,j as t,aW as B,M as u,a0 as b,aj as H,D as P,o as i,
   margin-bottom: ${i.sp5};
 `,ye=l.div`
   display: flex;
-`;function De(e){const n=v(),{report:s,onTimeframeSelectionChanged:a,onAccountBalanceClick:r,onBackClick:g}=e,d=S(),w=[...A.TOP_EX_TIME_PERIODS],h=_(s.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:C}=s,$=C.total,x=p=>{e.autoCompleteData.autoCompleteText!=null&&e.analytics?.trackSearch(P.Event.search,"Top Expenses",p.type,p.name,e.autoCompleteData.autoCompleteText),e.autoCompleteActions.onAutoCompleteEntity?.(p)};return t.jsxs(he,{children:[t.jsx(B,{source:"TopExDetailPage",title:u.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:n.colors.grey5,onBackClick:g,searchAutoComplete:{autoCompleteData:e.autoCompleteData,autoCompleteActions:{...e.autoCompleteActions,onAutoCompleteEntity:x}}}),t.jsxs(me,{windowSize:d,children:[t.jsx(ue,{children:t.jsx(xe,{children:t.jsx(Z,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{a?.(p)}})})}),h?null:t.jsxs(ge,{children:[t.jsx(we,{children:b("0,0",$)}),t.jsx(Ce,{children:u.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx(ye,{children:t.jsx(pe,{title:`${u.getLocalizedStrings().chartCard.no_data_available_for} ${u.getLocalizedStrings().timeframe[m]}`})}):t.jsx($e,{windowSize:d,children:t.jsx(H,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(L,{report:s,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(fe,{windowSize:d,children:h?t.jsx(O,{}):t.jsx(le,{report:s,onAccountBalanceClick:r})})]})}export{De as default};
+`;function De(e){const n=v(),{report:s,onTimeframeSelectionChanged:a,onAccountBalanceClick:r,onBackClick:g}=e,d=S(),w=[...A.TOP_EX_TIME_PERIODS],h=_(s.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:C}=s,$=C.total,x=p=>{e.autoCompleteData.autoCompleteText!=null&&e.analytics?.trackSearch(z.Event.search,"Top Expenses",p.type,p.name,e.autoCompleteData.autoCompleteText),e.autoCompleteActions.onAutoCompleteEntity?.(p)};return t.jsxs(he,{children:[t.jsx(B,{source:"TopExDetailPage",title:u.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:n.colors.grey5,onBackClick:g,searchAutoComplete:{autoCompleteData:e.autoCompleteData,autoCompleteActions:{...e.autoCompleteActions,onAutoCompleteEntity:x}}}),t.jsxs(me,{windowSize:d,children:[t.jsx(ue,{children:t.jsx(xe,{children:t.jsx(L,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{a?.(p)}})})}),h?null:t.jsxs(ge,{children:[t.jsx(we,{children:b("0,0",$)}),t.jsx(Ce,{children:u.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx(ye,{children:t.jsx(pe,{title:`${u.getLocalizedStrings().chartCard.no_data_available_for} ${u.getLocalizedStrings().timeframe[m]}`})}):t.jsx($e,{windowSize:d,children:t.jsx(H,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(Z,{report:s,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(fe,{windowSize:d,children:h?t.jsx(O,{}):t.jsx(le,{report:s,onAccountBalanceClick:r})})]})}export{De as default};