@zeniai/web-cockpit-ui 1.15.25-qa → 1.15.26-dev

package/dist/assets/{TaskManagementPage-DI_lMbra-CVdOpIFG.js → TaskManagementPage-D2Ooq8DR-DrMY4gdr.js}

@@ -1,4 +1,4 @@
-import{ax as gt,d as Ye,V as t,jy as q,bD as kt,aa as _,cr as xt,am as K,ar as wt,F as se,o as s,jz as Xe,cj as Ie,cn as ft,ga as Ct,ba as $t,bP as Ze,aU as Tt,ce as jt,J as ie,a9 as yt,y as Je,cH as vt,ad as bt,b4 as St,cv as Gt,iV as Lt,iW as It,jA as Me,aS as Nt,i as De,bU as Ne,eQ as Qe,jB as Et,d1 as et,jC as ce,jD as ke,jE as xe,jF as tt,jG as Dt,jH as st,jI as ot,jJ as nt,jK as at,jL as rt,jM as V,u as ge,jN as ae,aj as re,jO as Mt,jP as Bt,x as zt,ao as At,jQ as Rt,dc as Wt,jR as Ft,cL as it,es as Ot,b as Pt,jS as Ht,jT as _t,gb as Ut,gC as Vt,jU as Kt,jV as Z,jW as Be,cx as qt,jX as Yt,jY as Xt,jZ as Zt,j_ as ze,p as Ae,gz as Jt,an as Qt}from"./index-i62ZqD9V.js";import{a as n}from"./sentry-DhNwX3jk.js";import{n as o,c as we}from"./mui-rLvQ8A4a.js";import{Gg as es,Gh as Re,cd as lt,ce as dt,cf as ts}from"./zeni-epic-state-DwkN4IvA.js";import{J as ss,t as os}from"./SpendManagementSection-xoH8d-PB-DpntNr3t.js";import{A as ns,t as as,a as rs,E as is}from"./NotificationsListConfig-CMtBeX4D-8x056zZE.js";import{a as ls}from"./SpendManagementListViewPage-BoWIPx5V-Be8Dc1Y5.js";import"./liveblocks-DXGUxn7J.js";import"./core-DQ8U4CJb.js";import"./recharts-BYppTjSs.js";import"./lottie-C1yptpVV.js";import"./analytics-DkApCpAh.js";import"./lexical-CvUIM9vD.js";import"./utils-BdIPH7k8.js";import"./StatusSwitcher-C-2QxP_3-CPrG2471.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="a2d0e7e0-904d-4892-a5e7-dce99fb13ec6",e._sentryDebugIdIdentifier="sentry-dbid-a2d0e7e0-904d-4892-a5e7-dce99fb13ec6")}catch{}})();const ds=100,cs=100,ps=3,us=.7,hs=({scrollContainerRef:e,isEnabled:d=!0,edgeThreshold:r=ds,scrollSpeed:h=cs,minScrollAmount:m=ps,scrollCurveExponent:u=us})=>{n.useEffect(()=>{if(!d||typeof window>"u"||typeof document>"u")return;let a=!1,p=0,i=null;const c=Math.max(r,1),C=()=>{i!==null&&(cancelAnimationFrame(i),i=null)},b=x=>{const S=e.current;return!S||!(x.target instanceof Node)?!1:S.contains(x.target)},E=x=>b(x),D=x=>{const S=Math.max(x,0)/c,j=Math.pow(S,u)*h;return Math.max(m,j)},k=(x,S,j)=>{const L=j==="up"?-S:S;x===window?window.scrollBy({top:L,behavior:"auto"}):x instanceof HTMLElement&&typeof x.scrollTop=="number"&&(x.scrollTop+=L)},f=()=>e.current??window,w=()=>{if(!a)return;const x=f(),S=window.innerHeight,j=p;if(j<c&&j>0){const L=c-j,g=D(L);k(x,g,"up")}else if(j>S-c){const L=j-(S-c),g=D(L);k(x,g,"down")}i=requestAnimationFrame(w)},M=x=>{E(x)?a=!0:(a=!1,C())},B=()=>{a=!1,C()},z=x=>{a&&(p=x.clientY)},T=x=>{z(x),a&&i===null&&(i=requestAnimationFrame(w))};return document.addEventListener("dragstart",M),document.addEventListener("dragend",B),document.addEventListener("dragover",T),()=>{document.removeEventListener("dragstart",M),document.removeEventListener("dragend",B),document.removeEventListener("dragover",T),C()}},[r,d,m,e,u,h])},be=se.getLocalizedStrings(),ct=({count:e})=>t.jsx(ms,{isCircular:e<10,children:t.jsx(gs,{children:e>be.common.numbers.maximumCount?`${be.common.numbers.maximumCount}${be.common.strings.plus}`:e})}),ms=o.div`
+import{aw as gt,e as Ye,V as t,jw as q,bD as kt,aa as U,cq as xt,al as K,aq as wt,F as se,o as s,jx as Xe,cj as Ie,cn as ft,g7 as Ct,ba as Tt,bP as Ze,aU as $t,ce as jt,J as ie,a9 as yt,y as Je,cG as vt,ac as bt,b4 as St,cu as Gt,iT as Lt,iU as It,jy as Me,aS as Nt,i as De,bU as Ne,eO as Qe,jz as Et,d1 as et,jA as ce,jB as ke,jC as xe,jD as tt,jE as Dt,jF as st,jG as ot,jH as nt,jI as at,jJ as rt,jK as V,u as ge,jL as ae,ai as re,jM as Mt,jN as Bt,c as zt,an as At,jO as Rt,dc as Wt,jP as Ft,cT as it,es as Ot,b as Pt,jQ as Ht,jR as Ut,g8 as _t,gz as Vt,jS as Kt,jT as Z,jU as Be,cw as qt,jV as Yt,jW as Xt,jX as Zt,jY as ze,p as Ae,gw as Jt,am as Qt}from"./index-GSKpJ8ET.js";import{a as n}from"./sentry-BZBky1_g.js";import{n as o,c as we}from"./mui-DenpH-hx.js";import{Ga as es,Gb as Re,cd as lt,ce as dt,cf as ts}from"./zeni-epic-state-BKgIzPpM.js";import{J as ss,t as os}from"./SpendManagementSection-DpZUTV6m-Dyv3RP83.js";import{A as ns,t as as,a as rs,E as is}from"./NotificationsListConfig-DG-DH2Aj-B1EWk1B7.js";import{a as ls}from"./SpendManagementListViewPage-CBNtC74m-DqpxdGQ6.js";import"./liveblocks-D1OOExFG.js";import"./core-CEu4PzGb.js";import"./recharts-9NtTDQfo.js";import"./lottie-fNTw06NH.js";import"./analytics-DgE91yP9.js";import"./lexical-CnqcqOEB.js";import"./utils-CHibiken.js";import"./StatusSwitcher-hKYgwNLC-CE1foddz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="4aab414e-29e0-4214-8e03-7278d6b92f6e",e._sentryDebugIdIdentifier="sentry-dbid-4aab414e-29e0-4214-8e03-7278d6b92f6e")}catch{}})();const ds=100,cs=100,ps=3,us=.7,hs=({scrollContainerRef:e,isEnabled:d=!0,edgeThreshold:r=ds,scrollSpeed:h=cs,minScrollAmount:m=ps,scrollCurveExponent:u=us})=>{n.useEffect(()=>{if(!d||typeof window>"u"||typeof document>"u")return;let a=!1,p=0,i=null;const c=Math.max(r,1),C=()=>{i!==null&&(cancelAnimationFrame(i),i=null)},b=x=>{const S=e.current;return!S||!(x.target instanceof Node)?!1:S.contains(x.target)},E=x=>b(x),D=x=>{const S=Math.max(x,0)/c,j=Math.pow(S,u)*h;return Math.max(m,j)},k=(x,S,j)=>{const L=j==="up"?-S:S;x===window?window.scrollBy({top:L,behavior:"auto"}):x instanceof HTMLElement&&typeof x.scrollTop=="number"&&(x.scrollTop+=L)},f=()=>e.current??window,w=()=>{if(!a)return;const x=f(),S=window.innerHeight,j=p;if(j<c&&j>0){const L=c-j,g=D(L);k(x,g,"up")}else if(j>S-c){const L=j-(S-c),g=D(L);k(x,g,"down")}i=requestAnimationFrame(w)},M=x=>{E(x)?a=!0:(a=!1,C())},B=()=>{a=!1,C()},z=x=>{a&&(p=x.clientY)},$=x=>{z(x),a&&i===null&&(i=requestAnimationFrame(w))};return document.addEventListener("dragstart",M),document.addEventListener("dragend",B),document.addEventListener("dragover",$),()=>{document.removeEventListener("dragstart",M),document.removeEventListener("dragend",B),document.removeEventListener("dragover",$),C()}},[r,d,m,e,u,h])},be=se.getLocalizedStrings(),ct=({count:e})=>t.jsx(ms,{isCircular:e<10,children:t.jsx(gs,{children:e>be.common.numbers.maximumCount?`${be.common.numbers.maximumCount}${be.common.strings.plus}`:e})}),ms=o.div`
   ${e=>e.isCircular?we`
           height: 18px;
           width: 18px;
@@ -16,7 +16,7 @@ import{ax as gt,d as Ye,V as t,jy as q,bD as kt,aa as _,cr as xt,am as K,ar as w
   outline-color: inherit;
 `,gs=o(At)`
   color: inherit;
-`,{taskManagement:We,common:Se}=se.getLocalizedStrings();function ks(e){const{onChange:d,value:r,resetDisabled:h,onReset:m}=e,u=()=>{h!==!0&&m()};return t.jsxs(xs,{children:[t.jsx(Cs,{children:We.taskList.groupingFilters.groupBy}),t.jsx(ws,{children:t.jsx(ss,{value:r,placeHolder:We.taskList.groupingFilters.placeholder,onChange:a=>{const p=Re(a.value);if(p!=null)d(p);else throw new Error("Invalid taskListGroupByKey")},options:es,getOptionLabel:a=>{const p=Se.texts,i=Re(a);return i!=null?p[i]:Se.strings.empty}})}),t.jsxs(fs,{onClick:u,isDisabled:h,children:[t.jsx($s,{}),t.jsx(K,{children:Se.reset})]})]})}const xs=o.div`
+`,{taskManagement:We,common:Se}=se.getLocalizedStrings();function ks(e){const{onChange:d,value:r,resetDisabled:h,onReset:m}=e,u=()=>{h!==!0&&m()};return t.jsxs(xs,{children:[t.jsx(Cs,{children:We.taskList.groupingFilters.groupBy}),t.jsx(ws,{children:t.jsx(ss,{value:r,placeHolder:We.taskList.groupingFilters.placeholder,onChange:a=>{const p=Re(a.value);if(p!=null)d(p);else throw new Error("Invalid taskListGroupByKey")},options:es,getOptionLabel:a=>{const p=Se.texts,i=Re(a);return i!=null?p[i]:Se.strings.empty}})}),t.jsxs(fs,{onClick:u,isDisabled:h,children:[t.jsx(Ts,{}),t.jsx(K,{children:Se.reset})]})]})}const xs=o.div`
   display: flex;
   align-items: center;
   column-gap: ${s.sp4};
@@ -39,12 +39,12 @@ import{ax as gt,d as Ye,V as t,jy as q,bD as kt,aa as _,cr as xt,am as K,ar as w
   }
 
   column-gap: ${s.sp1};
-`,Cs=o($t)`
+`,Cs=o(Tt)`
   color: ${e=>e.theme.colors.primary};
-`,$s=o(Ze)`
+`,Ts=o(Ze)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Ts=se.getLocalizedStrings().taskManagement.taskList.footer;function js({taskGroupsList:e,anchorEl:d,groupByKey:r,onCreateNewGroup:h,onExistingGroupSelection:m,onClose:u}){const a=()=>{u(),h()};return t.jsx(Xe,{open:!!d,anchorEl:d,onClose:u,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(ys,{children:[t.jsx(vs,{children:e.map(p=>{const i=()=>{u(),m(p.id)};return t.jsx(Fe,{onClick:i,children:t.jsx(re,{children:p.groupName})},p.id)})}),t.jsx(_,{controller:r==="groupName",children:t.jsxs(Fe,{onClick:a,children:[t.jsx(bs,{}),t.jsx(re,{children:Ts.createGroup})]})})]})})}const ys=o.div`
+`,$s=se.getLocalizedStrings().taskManagement.taskList.footer;function js({taskGroupsList:e,anchorEl:d,groupByKey:r,onCreateNewGroup:h,onExistingGroupSelection:m,onClose:u}){const a=()=>{u(),h()};return t.jsx(Xe,{open:!!d,anchorEl:d,onClose:u,transformOrigin:{vertical:"bottom",horizontal:"right"},anchorOrigin:{vertical:"top",horizontal:"right"},children:t.jsxs(ys,{children:[t.jsx(vs,{children:e.map(p=>{const i=()=>{u(),m(p.id)};return t.jsx(Fe,{onClick:i,children:t.jsx(re,{children:p.groupName})},p.id)})}),t.jsx(U,{controller:r==="groupName",children:t.jsxs(Fe,{onClick:a,children:[t.jsx(bs,{}),t.jsx(re,{children:$s.createGroup})]})})]})})}const ys=o.div`
   background-color: ${e=>e.theme.colors.grey5};
 `,Fe=o.div`
   padding: ${s.sp2} ${s.sp3};
@@ -97,7 +97,7 @@ import{ax as gt,d as Ye,V as t,jy as q,bD as kt,aa as _,cr as xt,am as K,ar as w
 `,Es=o(zt)`
   width: ${s.sp3};
   height: ${s.sp3};
-`,Ds=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M19.6011 5.42688H3.10107",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 9.60004L7.92188 12.4125L6.51562 11.0063",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 11.0063H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 15.4125L7.92188 18.225L6.51562 16.8188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 16.8188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Ms=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 8.1001L7.92188 10.9126L6.51562 9.50635",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 9.50635H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 13.9126L7.92188 16.7251L6.51562 15.3188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 15.3188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Bs=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},n.createElement("path",{d:"M4.49908 1.50001H12.0015H19.5039C19.5039 1.50001 20.868 1.50001 20.868 2.86409V21.1359C20.868 21.1359 20.868 22.5 19.5039 22.5H4.49908C4.49908 22.5 3.13501 22.5 3.13501 21.1359V2.86409C3.13501 2.86409 3.13501 1.50001 4.49908 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M7.5 11.9996L8.598 14.1953C8.70072 14.4016 8.85107 14.5804 9.03662 14.7171C9.22217 14.8538 9.43759 14.9443 9.66506 14.9812C9.89254 15.0182 10.1255 15.0004 10.3448 14.9295C10.5641 14.8585 10.7633 14.7364 10.926 14.5733L16.5 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{taskManagement:zs,common:As}=se.getLocalizedStrings(),J=zs.taskList.newTaskOptions;function Rs({anchorEl:e,groupByKey:d,taskGroupTemplates:r,taskCreationFromTemplateStatus:h,isTaskTemplatesEnabled:m,expandedTemplate:u,onExpandTemplate:a,onClose:p,onNewTaskClick:i,onNewGroupClick:c,handleGroupTemplateClick:C,handleGroupTemplateTaskClick:b,onNewTaskInitialization:E}){const D=Ye(),[k,f]=n.useState(null),[w,M]=n.useState(null);n.useEffect(()=>{h.fetchState==="Completed"&&(M(null),f(null),p())},[h.fetchState,p]);const B=n.useCallback((T,x)=>{f(x),b(T,x)},[b]),z=n.useCallback(T=>{M(T),C(T)},[C]);return t.jsx(Xe,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${D.colors.grey3}`}},anchorEl:e,onClose:p,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Fs,{isTaskTemplatesEnabled:m,children:[t.jsxs(Hs,{children:[t.jsxs(Pe,{onClick:i,children:[t.jsx(Os,{}),t.jsx(Ie,{children:J.task})]}),t.jsx(_,{controller:d==="groupName",children:t.jsxs(Pe,{onClick:()=>c(""),children:[t.jsx(Ps,{}),t.jsx(Ie,{children:J.group})]})})]}),m?t.jsx(Ws,{taskGroupTemplates:r,taskIdInCreation:k,groupIdInCreation:w,expandedTemplate:u,handleGroupTemplateClick:z,handleGroupTemplateTaskClick:B,onNewGroupClick:c,onNewTaskInitialization:E,onExpandTemplate:a}):null]})})}const Ws=({taskGroupTemplates:e,taskIdInCreation:d,groupIdInCreation:r,expandedTemplate:h,onExpandTemplate:m,handleGroupTemplateClick:u,handleGroupTemplateTaskClick:a,onNewGroupClick:p,onNewTaskInitialization:i})=>{const[c,C]=n.useState(""),b=n.useMemo(()=>{const k=[];return e.forEach(f=>{if(f.name.toLowerCase().includes(c.toLowerCase()))k.push(f);else{const w=f.tasks.filter(M=>M.name.toLowerCase().includes(c.toLowerCase()));w.length>0&&k.push({...f,tasks:w})}}),k},[e,c]),E=n.useCallback(()=>{i(c)},[c,i]),D=n.useCallback(()=>{p(c)},[c,p]);return t.jsxs(_s,{children:[t.jsx(Us,{children:t.jsxs(Ks,{children:[t.jsxs(Vs,{children:[t.jsx(qs,{}),t.jsx(Ys,{children:J.groupTemplates})]}),t.jsx(Ss,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:c,onSearchTextChanged:C,placeholder:J.searchPlaceholder})]})}),t.jsx(_,{controller:b.length>0,children:t.jsx(Xs,{children:b.map(k=>{const f=h===k.id;return t.jsxs(ao,{children:[t.jsxs(Zs,{onClick:()=>{m(k.id)},expanded:f,children:[t.jsxs(Js,{children:[t.jsx(_,{controller:f,children:t.jsx(no,{})}),t.jsx(_,{controller:!f,children:t.jsx(oo,{})}),t.jsx(K,{children:k.name}),t.jsx(ct,{count:k.tasks.length})]}),t.jsx(to,{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),u(k.id)},reverseSpinnerColor:!1,loading:r===k.id})]}),t.jsx(_,{controller:f,children:t.jsx(n.Fragment,{children:k.tasks.map(w=>t.jsxs(Qs,{children:[t.jsxs(eo,{children:[t.jsx(ro,{className:"styled-dot"}),t.jsx(co,{className:"task-name-text",children:w.name})]}),t.jsx(so,{loading:d===w.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:As.create,reverseSpinnerColor:!1,onClick:()=>a(k.id,w.name)})]},w.name))})})]},k.id)})})}),t.jsxs(_,{controller:b.length===0,children:[t.jsx(io,{children:t.jsx(lo,{children:J.noTaskGroup})}),t.jsxs(He,{onClick:E,children:[t.jsx(_e,{}),t.jsx(K,{children:J.newTaskOptionText.replace("__searchText__",c)})]}),t.jsxs(He,{onClick:D,children:[t.jsx(_e,{}),t.jsx(K,{children:J.newGroupOptionText.replace("__searchText__",c)})]})]})]})},Fs=o.div`
+`,Ds=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M19.6011 5.42688H3.10107",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 9.60004L7.92188 12.4125L6.51562 11.0063",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 11.0063H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 15.4125L7.92188 18.225L6.51562 16.8188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 16.8188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Ms=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M4.36407 1.50001H11.8665H19.3689C19.3689 1.50001 20.733 1.50001 20.733 2.86409V21.1359C20.733 21.1359 20.733 22.5 19.3689 22.5H4.36407C4.36407 22.5 3 22.5 3 21.1359V2.86409C3 2.86409 3 1.50001 4.36407 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 8.1001L7.92188 10.9126L6.51562 9.50635",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 9.50635H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M10.7344 13.9126L7.92188 16.7251L6.51562 15.3188",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M13.7344 15.3188H17.4844",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),Bs=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",...e},n.createElement("path",{d:"M4.49908 1.50001H12.0015H19.5039C19.5039 1.50001 20.868 1.50001 20.868 2.86409V21.1359C20.868 21.1359 20.868 22.5 19.5039 22.5H4.49908C4.49908 22.5 3.13501 22.5 3.13501 21.1359V2.86409C3.13501 2.86409 3.13501 1.50001 4.49908 1.50001Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M7.5 11.9996L8.598 14.1953C8.70072 14.4016 8.85107 14.5804 9.03662 14.7171C9.22217 14.8538 9.43759 14.9443 9.66506 14.9812C9.89254 15.0182 10.1255 15.0004 10.3448 14.9295C10.5641 14.8585 10.7633 14.7364 10.926 14.5733L16.5 9",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),{taskManagement:zs,common:As}=se.getLocalizedStrings(),J=zs.taskList.newTaskOptions;function Rs({anchorEl:e,groupByKey:d,taskGroupTemplates:r,taskCreationFromTemplateStatus:h,isTaskTemplatesEnabled:m,expandedTemplate:u,onExpandTemplate:a,onClose:p,onNewTaskClick:i,onNewGroupClick:c,handleGroupTemplateClick:C,handleGroupTemplateTaskClick:b,onNewTaskInitialization:E}){const D=Ye(),[k,f]=n.useState(null),[w,M]=n.useState(null);n.useEffect(()=>{h.fetchState==="Completed"&&(M(null),f(null),p())},[h.fetchState,p]);const B=n.useCallback(($,x)=>{f(x),b($,x)},[b]),z=n.useCallback($=>{M($),C($)},[C]);return t.jsx(Xe,{open:!!e,sx:{"& .MuiPaper-root":{border:`1px solid ${D.colors.grey3}`}},anchorEl:e,onClose:p,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},children:t.jsxs(Fs,{isTaskTemplatesEnabled:m,children:[t.jsxs(Hs,{children:[t.jsxs(Pe,{onClick:i,children:[t.jsx(Os,{}),t.jsx(Ie,{children:J.task})]}),t.jsx(U,{controller:d==="groupName",children:t.jsxs(Pe,{onClick:()=>c(""),children:[t.jsx(Ps,{}),t.jsx(Ie,{children:J.group})]})})]}),m?t.jsx(Ws,{taskGroupTemplates:r,taskIdInCreation:k,groupIdInCreation:w,expandedTemplate:u,handleGroupTemplateClick:z,handleGroupTemplateTaskClick:B,onNewGroupClick:c,onNewTaskInitialization:E,onExpandTemplate:a}):null]})})}const Ws=({taskGroupTemplates:e,taskIdInCreation:d,groupIdInCreation:r,expandedTemplate:h,onExpandTemplate:m,handleGroupTemplateClick:u,handleGroupTemplateTaskClick:a,onNewGroupClick:p,onNewTaskInitialization:i})=>{const[c,C]=n.useState(""),b=n.useMemo(()=>{const k=[];return e.forEach(f=>{if(f.name.toLowerCase().includes(c.toLowerCase()))k.push(f);else{const w=f.tasks.filter(M=>M.name.toLowerCase().includes(c.toLowerCase()));w.length>0&&k.push({...f,tasks:w})}}),k},[e,c]),E=n.useCallback(()=>{i(c)},[c,i]),D=n.useCallback(()=>{p(c)},[c,p]);return t.jsxs(Us,{children:[t.jsx(_s,{children:t.jsxs(Ks,{children:[t.jsxs(Vs,{children:[t.jsx(qs,{}),t.jsx(Ys,{children:J.groupTemplates})]}),t.jsx(Ss,{inputContainerStyles:{top:"50%",transform:"translateY(-50%)"},searchText:c,onSearchTextChanged:C,placeholder:J.searchPlaceholder})]})}),t.jsx(U,{controller:b.length>0,children:t.jsx(Xs,{children:b.map(k=>{const f=h===k.id;return t.jsxs(ao,{children:[t.jsxs(Zs,{onClick:()=>{m(k.id)},expanded:f,children:[t.jsxs(Js,{children:[t.jsx(U,{controller:f,children:t.jsx(no,{})}),t.jsx(U,{controller:!f,children:t.jsx(oo,{})}),t.jsx(K,{children:k.name}),t.jsx(ct,{count:k.tasks.length})]}),t.jsx(to,{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),u(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(Qs,{children:[t.jsxs(eo,{children:[t.jsx(ro,{className:"styled-dot"}),t.jsx(co,{className:"task-name-text",children:w.name})]}),t.jsx(so,{loading:d===w.name,className:"hidden-create-task-button",variant:"secondary",size:"xs-small",label:As.create,reverseSpinnerColor:!1,onClick:()=>a(k.id,w.name)})]},w.name))})})]},k.id)})})}),t.jsxs(U,{controller:b.length===0,children:[t.jsx(io,{children:t.jsx(lo,{children:J.noTaskGroup})}),t.jsxs(He,{onClick:E,children:[t.jsx(Ue,{}),t.jsx(K,{children:J.newTaskOptionText.replace("__searchText__",c)})]}),t.jsxs(He,{onClick:D,children:[t.jsx(Ue,{}),t.jsx(K,{children:J.newGroupOptionText.replace("__searchText__",c)})]})]})]})},Fs=o.div`
   display: flex;
   flex-direction: column;
   width: ${e=>e.isTaskTemplatesEnabled?"408px":"unset"};
@@ -123,10 +123,10 @@ import{ax as gt,d as Ye,V as t,jy as q,bD as kt,aa as _,cr as xt,am as K,ar as w
   display: flex;
   flex-direction: column;
   border-bottom: 1px solid ${e=>e.theme.colors.grey3};
-`,_s=o.div`
+`,Us=o.div`
   background-color: ${e=>e.theme.colors.grey5};
   padding-bottom: ${s.sp2};
-`,Us=o.div`
+`,_s=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -234,7 +234,7 @@ import{ax as gt,d as Ye,V as t,jy as q,bD as kt,aa as _,cr as xt,am as K,ar as w
     background-color: ${e=>e.theme.colors.background};
     color: ${e=>e.theme.colors.primary};
   }
-`,_e=o(et)`
+`,Ue=o(et)`
   width: ${s.sp3};
   height: ${s.sp3};
 `,co=o(K)`
@@ -243,7 +243,7 @@ import{ax as gt,d as Ye,V as t,jy as q,bD as kt,aa as _,cr as xt,am as K,ar as w
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 336px;
-`,{common:Ge,dateFormat:po,taskManagement:Ee}=se.getLocalizedStrings(),pt={taskNameMaxWidth:new Je(125,170,170,250,300)},uo=({taskDetail:e,tagList:d,sectionId:r,onRowClick:h,onTimeSpentUpdate:m,onShowToast:u})=>{const a=ie(),p=e.assigneeUsers.length,i=e.assigneeUsers[0]?.user,c=i?.firstName||i?.lastName?`${i.firstName} ${i.lastName}`:i?.email??Ge.strings.empty,{getValues:C,resetField:b,getFieldState:E}=it(),D=(k,f)=>{const w=ze(k,f,xe);E(w).invalid?b(w):m(e,{timeSpent:C(w)})};return t.jsxs(go,{children:[t.jsxs(So,{windowSize:a,onClick:h,responsiveWidth:Z[0].width,children:[t.jsxs(Go,{windowSize:a,children:[t.jsx(Io,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ne,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(Eo,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ne,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(Lo,{windowSize:a,responsiveWidth:Z[0].width,children:t.jsx(No,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(Ue,{windowSize:a,responsiveWidth:Z[1].width,children:Be(e.status.code)}),t.jsx(zo,{windowSize:a,responsiveWidth:Z[2].width,children:Be(e.priority.code)}),t.jsx(Ao,{windowSize:a,responsiveWidth:Z[3].width,children:e.dueDate!=null?e.dueDate.format(po.visual.MMMDCommaYYYYformat):t.jsx(ko,{children:Ge.strings.hyphen})}),t.jsx(Ue,{windowSize:a,responsiveWidth:Z[4].width,children:p>0?t.jsxs(xo,{children:[t.jsx(qt,{personBasic:i,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Do,{children:t.jsx(Mo,{children:c})}),p>1?t.jsx(wo,{children:`${Ge.strings.plus}${p-1}`}):null]}):null}),t.jsx(Ro,{windowSize:a,responsiveWidth:Z[5].width,children:e.tagIds.length>0?t.jsx(Bo,{children:Yt(e.tagIds,d)}):null}),t.jsx(Fo,{windowSize:a,responsiveWidth:Z[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Oo,{className:"timeSpentField",children:t.jsx(Xt,{name:ze(r,e.id,xe),placeholder:Ee.common.timeSpentPlaceholder,timeSpentFormat:Ee.common.timeSpentFormat,registerOptions:{validate:k=>ts(k)>Zt?(u({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{D(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},ho=({taskGroup:e,tagList:d,sectionId:r,showGroupName:h,showRenameTextField:m,isSelectionAllowed:u,isCollapsed:a,existingTaskGroupNamesByGroupId:p,onDeleteTaskGroup:i,onExpandAll:c,onCollapseAll:C,onAddNewTaskToTaskGroup:b,onCollapseToggle:E,onTaskManagementRowClick:D,onDragStart:k,onTimeSpentUpdate:f,onShowToast:w})=>{const[M,B]=n.useState(null),z=ie(),{setFocus:T}=it(),x=n.useCallback(()=>{E(e.id)},[E,e.id]),S=n.useCallback(W=>{B(W.currentTarget)},[]),j=n.useCallback(()=>{B(null)},[]),L=n.useCallback(()=>{b(e.id)},[b,e.id]),g=n.useCallback(()=>{B(null),i(e.id)},[i,e.id]),y=n.useCallback(()=>{T(`${r}.groupName`),j()},[j,r,T]);return t.jsxs(mo,{windowSize:z,children:[t.jsx(_,{controller:h,children:t.jsxs(fo,{children:[t.jsxs(Co,{children:[t.jsx($o,{isOpen:a===!1,onClick:x,children:t.jsx(To,{})}),t.jsx(Ot,{style:{textAlign:"start",width:"100%",background:"unset",...Pt.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:Ee.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:W=>Ht(W,e.id,p)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(jo,{onClick:S,children:t.jsx(yo,{})}),t.jsx(_t,{onClose:j,onAddTask:L,onCollapseAll:C,onDelete:g,onExpandAll:c,onRename:y,isDefault:e.isDefault,anchorEl:M})]})}),t.jsx(_,{controller:a===!1,children:t.jsx(Ut,{mode:"checked_or_hover",isDisabled:u===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(W=>{const U=()=>{D(W.id)};return{label:t.jsx(uo,{taskDetail:W,onRowClick:U,tagList:d,onTimeSpentUpdate:f,onShowToast:w,sectionId:r}),prefix:z==="small"?null:t.jsx(vo,{children:t.jsx(bo,{})}),value:W.id,defaultChecked:!1,groupLabel:!1}})],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:k,draggable:!0})})]})},mo=o.div`
+`,{common:Ge,dateFormat:po,taskManagement:Ee}=se.getLocalizedStrings(),pt={taskNameMaxWidth:new Je(125,170,170,250,300)},uo=({taskDetail:e,tagList:d,sectionId:r,onRowClick:h,onTimeSpentUpdate:m,onShowToast:u})=>{const a=ie(),p=e.assigneeUsers.length,i=e.assigneeUsers[0]?.user,c=i?.firstName||i?.lastName?`${i.firstName} ${i.lastName}`:i?.email??Ge.strings.empty,{getValues:C,resetField:b,getFieldState:E}=it(),D=(k,f)=>{const w=ze(k,f,xe);E(w).invalid?b(w):m(e,{timeSpent:C(w)})};return t.jsxs(go,{children:[t.jsxs(So,{windowSize:a,onClick:h,responsiveWidth:Z[0].width,children:[t.jsxs(Go,{windowSize:a,children:[t.jsx(Io,{isIconPresent:e.type.code==="recurring",windowSize:a,className:"taskNameText",children:e.name}),e.type.code==="recurring"?t.jsx(Ne,{style:{padding:`12px ${s.sp3}`},title:e.type.name,placement:"bottom",children:t.jsx(Eo,{height:s.sp3,width:s.sp3})}):null]}),t.jsx(Ne,{style:{padding:`12px ${s.sp3}`},title:e.description,placement:"bottom-start",children:t.jsx(Lo,{windowSize:a,responsiveWidth:Z[0].width,children:t.jsx(No,{windowSize:a,className:"taskDescriptionText",children:e.description})})})]}),t.jsx(_e,{windowSize:a,responsiveWidth:Z[1].width,children:Be(e.status.code)}),t.jsx(zo,{windowSize:a,responsiveWidth:Z[2].width,children:Be(e.priority.code)}),t.jsx(Ao,{windowSize:a,responsiveWidth:Z[3].width,children:e.dueDate!=null?e.dueDate.format(po.visual.MMMDCommaYYYYformat):t.jsx(ko,{children:Ge.strings.hyphen})}),t.jsx(_e,{windowSize:a,responsiveWidth:Z[4].width,children:p>0?t.jsxs(xo,{children:[t.jsx(qt,{personBasic:i,styles:{width:s.sp4,height:s.sp4}}),t.jsx(Do,{children:t.jsx(Mo,{children:c})}),p>1?t.jsx(wo,{children:`${Ge.strings.plus}${p-1}`}):null]}):null}),t.jsx(Ro,{windowSize:a,responsiveWidth:Z[5].width,children:e.tagIds.length>0?t.jsx(Bo,{children:Yt(e.tagIds,d)}):null}),t.jsx(Fo,{windowSize:a,responsiveWidth:Z[6].width,isLastColumn:!0,isDisabled:!1,children:t.jsx(Oo,{className:"timeSpentField",children:t.jsx(Xt,{name:ze(r,e.id,xe),placeholder:Ee.common.timeSpentPlaceholder,timeSpentFormat:Ee.common.timeSpentFormat,registerOptions:{validate:k=>ts(k)>Zt?(u({messageSection:"task_time_spent_validation",messageText:"failed",type:"error",showStatusIcon:!0}),"Error"):!0},style:{padding:`${s.sp0} ${s.sp1}`,background:"unset"},onInputBlur:()=>{D(r,e.id)},inputStyle:{textAlign:"right",padding:`${s.sp0} ${s.sp2}`}})})})]})},ho=({taskGroup:e,tagList:d,sectionId:r,showGroupName:h,showRenameTextField:m,isSelectionAllowed:u,isCollapsed:a,existingTaskGroupNamesByGroupId:p,onDeleteTaskGroup:i,onExpandAll:c,onCollapseAll:C,onAddNewTaskToTaskGroup:b,onCollapseToggle:E,onTaskManagementRowClick:D,onDragStart:k,onTimeSpentUpdate:f,onShowToast:w})=>{const[M,B]=n.useState(null),z=ie(),{setFocus:$}=it(),x=n.useCallback(()=>{E(e.id)},[E,e.id]),S=n.useCallback(W=>{B(W.currentTarget)},[]),j=n.useCallback(()=>{B(null)},[]),L=n.useCallback(()=>{b(e.id)},[b,e.id]),g=n.useCallback(()=>{B(null),i(e.id)},[i,e.id]),y=n.useCallback(()=>{$(`${r}.groupName`),j()},[j,r,$]);return t.jsxs(mo,{windowSize:z,children:[t.jsx(U,{controller:h,children:t.jsxs(fo,{children:[t.jsxs(Co,{children:[t.jsx(To,{isOpen:a===!1,onClick:x,children:t.jsx($o,{})}),t.jsx(Ot,{style:{textAlign:"start",width:"100%",background:"unset",...Pt.largeMedium.cssObject},type:"text",name:`${r}.groupName`,placeholder:Ee.taskList.taskGroup.groupNamePlaceholder,registerOptions:{required:!0,validate:W=>Ht(W,e.id,p)===!1},isDisabled:m&&e.id!=="new_group"||e.isDefault?"disabled":void 0})]}),t.jsx(jo,{onClick:S,children:t.jsx(yo,{})}),t.jsx(Ut,{onClose:j,onAddTask:L,onCollapseAll:C,onDelete:g,onExpandAll:c,onRename:y,isDefault:e.isDefault,anchorEl:M})]})}),t.jsx(U,{controller:a===!1,children:t.jsx(_t,{mode:"checked_or_hover",isDisabled:u===!1?"disabled":void 0,checkBoxes:[...e.tasks.map(W=>{const _=()=>{D(W.id)};return{label:t.jsx(uo,{taskDetail:W,onRowClick:_,tagList:d,onTimeSpentUpdate:f,onShowToast:w,sectionId:r}),prefix:z==="small"?null:t.jsx(vo,{children:t.jsx(bo,{})}),value:W.id,defaultChecked:!1,groupLabel:!1}})],name:`${r}.selectedIds`,style:{width:"100%",rowGap:s.sp3},checkBoxStyle:{padding:s.sp3},labelCheckBoxStyle:{padding:s.sp3},onDragStart:k,draggable:!0})})]})},mo=o.div`
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
@@ -302,10 +302,10 @@ import{ax as gt,d as Ye,V as t,jy as q,bD as kt,aa as _,cr as xt,am as K,ar as w
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,$o=o.div`
+`,To=o.div`
   cursor: pointer;
   transform: ${e=>e.isOpen?"rotate(0deg)":"rotate(-90deg)"};
-`,To=o(Qe)`
+`,$o=o(Qe)`
   width: ${s.sp3};
   height: ${s.sp3};
   color: ${e=>e.theme.colors.primary};
@@ -375,7 +375,7 @@ import{ax as gt,d as Ye,V as t,jy as q,bD as kt,aa as _,cr as xt,am as K,ar as w
   flex-direction: row;
   align-items: center;
   column-gap: ${s.sp2};
-`,Ue=o.div`
+`,_e=o.div`
   width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   min-width: ${e=>e.responsiveWidth.valuePercentage(e.windowSize)};
   overflow: hidden;
@@ -430,7 +430,7 @@ import{ax as gt,d as Ye,V as t,jy as q,bD as kt,aa as _,cr as xt,am as K,ar as w
   column-gap: ${s.sp2};
 `,Oo=o.div`
   max-width: ${s.sp11};
-`,Po=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("rect",{x:10,y:2,width:12,height:12,rx:2,stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 10.75C7 10.3358 6.66421 10 6.25 10H3.70967C2.76545 10 2 10.7654 2 11.7097V20.2936C2 21.2378 2.76544 22.0033 3.70966 22.0033H12.2936C13.2378 22.0033 14.0033 21.2378 14.0033 20.2936V17.75C14.0033 17.3358 13.6675 17 13.2533 17C12.8391 17 12.5033 17.3358 12.5033 17.75V20.2936C12.5033 20.4094 12.4094 20.5033 12.2936 20.5033H3.70966C3.59387 20.5033 3.5 20.4094 3.5 20.2936V11.7097C3.5 11.5939 3.59387 11.5 3.70967 11.5H6.25C6.66421 11.5 7 11.1642 7 10.75Z",fill:"currentColor"})),H=se.getLocalizedStrings(),Ve=e=>`${e}_form`,Ho={rowGap:new Je(ge[0],ge[5],ge[5])},{common:{footer:Ke},taskManagement:Le}=se.getLocalizedStrings(),yn=({taskListView:e,tagListView:d,isTaskTemplatesEnabled:r,onCreateTagClick:h,updateTask:m,onDragNDrop:u,onDeleteTaskGroup:a,updateLocalData:p,onTaskManagementRowClick:i,onReloadTasks:c,onColumnSortConfigChanged:C,onSearchTextChanged:b,onBackClick:E,onNewTaskClick:D,onFiltersChange:k,resetLocalData:f,handleCreateGroup:w,assignGroupToTasks:M,onAddNewTaskToTaskGroup:B,onGroupByFilterChange:z,onTaskGroupRename:T,analytics:x,onTimeSpentUpdate:S,onShowToast:j,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,handleNewTaskInitialization:y})=>{const[W,U]=n.useState(!1),[Q,O]=n.useState(null),[P,oe]=n.useState(null),[Y,pe]=n.useState(null),[fe,le]=n.useState(null),[ue,ne]=n.useState(!1),Ce=gt(),{fetchState:ee,uiState:X,filters:$e,userList:de,taskGroupsWithTasksList:Te}=e,{tagList:je}=d,ye=Ye(),ve=R=>{ne(R)},he=n.useCallback(R=>{le(R.currentTarget)},[]),me=n.useCallback(R=>{z(R)},[z]),l=n.useCallback(()=>{z("groupName")},[z]),G=n.useCallback(R=>{y(R)},[y]),F=de.users.map(R=>R.user).filter(R=>R!=null),I={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:H.common.create,isSearchOpen:ue,searchPlaceHolder:H.taskManagement.taskList.searchPlaceHolder,searchText:X.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:$e,searchTextBoxStyle:{right:"108px"},onNewButtonClick:he,onSearchOpen:ve,onSearchTextChanged:b,onFiltersChange:k,analytics:x,downloadState:"Not-Started",createdByUserListLoaded:de.fetchState==="Completed"||de.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(ks,{value:X.groupByKey,resetDisabled:X.groupByKey==="groupName",onChange:me,onReset:l}),height:90},getFilterOptions:()=>ls("task_management",F,Ce.loggedInUserRole??[],d.tagList)},N=n.useCallback(R=>{le(null),O(q),p({...e.localData,newTaskGroupName:R})},[e.localData,p]),A=n.useCallback(()=>{le(null)},[]),v=n.useCallback(()=>{P!=null&&a(P)},[P,a]),$=n.useCallback(()=>{O(q)},[]),te=n.useCallback(R=>{pe(mt=>mt===R?null:R)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&U(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&pe(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const ut=()=>ee==="Error"?t.jsxs(Xo,{children:[t.jsx(Zo,{onClick:c,children:t.jsx(Jo,{})}),t.jsx(Qo,{children:H.common.reloadPage.label})]}):ee==="Completed"&&Te.length===0?t.jsx(ft,{message:H.taskManagement.taskList.noDataText}):ee==="Not-Started"||ee==="In-Progress"?t.jsx(Ct,{fetchState:ee}):t.jsx(_o,{taskListView:e,tagList:je,renameActiveField:Q,updateTask:m,onDragNDrop:u,onAddNewTaskToTaskGroup:B,onColumnSortConfigChanged:C,onTaskManagementRowClick:i,assignGroupToTasks:M,handleCreateGroup:w,resetLocalData:f,setGroupCreationInProgress:$,setShowDeleteModal:U,updateLocalData:p,setActiveTaskGroupId:oe,setRenameActiveField:O,onTaskGroupRename:T,onTimeSpentUpdate:S,onShowToast:j,onCreateTagClick:h}),ht=t.jsx(os,{spendManagementSectionProps:I});return t.jsxs(Yo,{children:[t.jsx(kt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:ye.colors.grey4,style:{zIndex:3},onBackClick:E,rightSideComponent:ht,isSearchOpen:ue,source:"TaskManagementPage"}),t.jsx(Rs,{anchorEl:fe,groupByKey:X.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:A,onNewTaskClick:D,onNewGroupClick:N,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,onNewTaskInitialization:G,onExpandTemplate:te,expandedTemplate:Y}),t.jsx(qo,{children:ut()}),t.jsx(_,{controller:W===!0,children:t.jsx(xt,{action:{onOkClick:v,onCancelClick:()=>{U(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:H.common.cancel,primaryButtonText:H.common.confirm,titleComponent:t.jsx(nn,{children:t.jsx(wt,{children:H.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(an,{children:t.jsx(K,{children:H.taskManagement.taskList.deleteConfirmationMessage})})})})]})},_o=({taskListView:e,tagList:d,renameActiveField:r,updateTask:h,onTaskGroupRename:m,setRenameActiveField:u,onDragNDrop:a,updateLocalData:p,setShowDeleteModal:i,handleCreateGroup:c,resetLocalData:C,assignGroupToTasks:b,setGroupCreationInProgress:E,onTaskManagementRowClick:D,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,setActiveTaskGroupId:w,onTimeSpentUpdate:M,onShowToast:B,onCreateTagClick:z})=>{const T=n.useRef(null);jt({componentName:"task.management.list"});const[x,S]=n.useState(null),j=n.useRef({}),L=ie(),{localData:g,taskGroupsWithTasksList:y,uiState:W}=e,[U,Q]=n.useState([]),O=n.useRef(null);hs({scrollContainerRef:O,isEnabled:L!=="small"});const P=n.useMemo(()=>e.userList.users.map(l=>l.user).filter(l=>l!=null),[e.userList.users]),oe=yt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>qe(e.taskGroupsWithTasksList,g,P,d),[g,e.taskGroupsWithTasksList,P,d]),values:n.useMemo(()=>qe(e.taskGroupsWithTasksList,g,P,d),[g,e.taskGroupsWithTasksList,P,d])}),Y=n.useMemo(()=>{if(r!==q)return y;const l=[],G=y.map(F=>{const I=F.tasks.filter(N=>{const A=g.selectedTaskIds.includes(N.id)===!0;return A&&l.push(N),A===!1});return{...F,tasks:I}});return G.unshift({groupName:"",isDefault:!1,id:q,tasks:l}),G},[r,y,g.selectedTaskIds]),pe=n.useCallback(l=>U.includes(Y[l].id)||Y[l].tasks.length===0?100:j.current?.[l]!=null?j.current[l]+Ho.rowGap.value(L):(ns*1+as)*3+rs+is,[U,Y,L]),fe=n.useCallback(l=>{S(l.currentTarget)},[]),le=n.useCallback((l,G)=>{j.current={...j.current,[l]:G},T.current?.resetAfterIndex(0,!0)},[L,T,y]),ue=n.useCallback(l=>{Q(G=>G.includes(l)?G.filter(F=>l!==F):[...G,l]),T.current?.resetAfterIndex(0,!0)},[]),ne=n.useCallback(()=>{S(null)},[]),Ce=n.useCallback(()=>{Q(y.map(l=>l.id)),T.current?.resetAfterIndex(0,!0)},[y]),ee=n.useCallback(()=>{Q([]),T.current?.resetAfterIndex(0,!0)},[]),X=n.useCallback(()=>{E(),T.current?.scrollTo(0),ne()},[ne,E]),$e=n.useCallback(l=>{w(l),i(!0)},[w,i]),de=n.useCallback(()=>{g.selectedTaskIds.length>0?r!==q?X():c(!0):r===q?c(!1):r!=null&&m(r,g.existingTaskGroupNamesByGroupId[r])},[g.selectedTaskIds.length,g.existingTaskGroupNamesByGroupId,r,X,c,m]),Te=n.useCallback(()=>{u(null),C()},[C,u]),je=n.useCallback(l=>{C(),u(l)},[C,u]),ye=n.useCallback(()=>{g.defaultTaskGroupId!=null&&b(g.defaultTaskGroupId)},[b,g.defaultTaskGroupId]),ve=async(l,G)=>{if(l.includes(nt)){const I=l.split(".")[2],N=y.flatMap(v=>v.tasks).find(v=>v.id===I),A=G[V][ae][I].priority.selectedOption;if(N!=null&&A!=null){const v=lt.find($=>$.code===A);v!=null&&h(N,{priority:v})}return}if(l.includes(at)){const I=l.split(".")[2],N=y.flatMap(v=>v.tasks).find(v=>v.id===I),A=G[V][ae][I].status.selectedOption;if(N!=null&&A!=null){const v=dt.find($=>$.code===A);N!=null&&v!=null&&h(N,{status:v})}return}if(l.includes(st)){const I=l.split(".")[2],N=y.flatMap($=>$.tasks).find($=>$.id===I),A=y.find($=>$.tasks.find(te=>te.id===I))?.id,v=G[V][ae][I].assignees.selectedUsers.map($=>$.userId);A!=null&&v!=null&&N!=null&&h(N,{assignees:v});return}if(l.includes(ot)){const I=l.split(".")[2],N=y.flatMap($=>$.tasks).find($=>$.id===I),A=y.find($=>$.tasks.find(te=>te.id===I))?.id,v=G[V][ae][I].dueDate.date;A!=null&&v!=null&&N!=null&&h(N,{dueDate:v});return}if(l.includes(tt)){const I=l.split(".")[2],N=y.flatMap($=>$.tasks).find($=>$.id===I),A=y.find($=>$.tasks.find(te=>te.id===I))?.id,v=G[V][ae][I].tags.selectedOptions;A!=null&&v!=null&&N!=null&&h(N,{tagIds:v});return}l.includes(xe)&&oe.trigger(l);const F=Ko(l,G,g);p(F)};n.useEffect(()=>{const l=oe.watch((G,{name:F})=>{F!=null&&G!=null&&vt(()=>ve(F,G))});return()=>{l.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&u(null)},[u,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&u(null)},[u,e.taskGroupUpdateStatus.fetchState]);const he=y.length>1&&g.selectedTaskIds.length>0&&r!==q,me=g.newTaskGroupName.length>0||g.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(bt,{...oe,children:t.jsx("form",{id:Ve(Me),onSubmit:oe.handleSubmit(de),style:{width:"100%"},children:t.jsx(en,{isFooterVisible:me,windowSize:L,children:t.jsx(St,{children:({height:l,width:G})=>t.jsx(Gt,{ref:T,outerRef:O,height:l,itemCount:Y.length,itemSize:pe,estimatedItemSize:It,itemKey:F=>Y[F].id,width:G,overscanCount:Lt,itemData:{tagList:d,taskGroupsWithTasksList:Y,uiState:W,collapsedGroups:U,userList:e.userList,renameActiveField:r,selectedRowIds:g.selectedTaskIds,existingTaskGroupNamesByGroupId:g.existingTaskGroupNamesByGroupId,onRenameClick:je,handleOnDragNDrop:a,onCollapseToggle:ue,setRowHeight:le,onTaskManagementRowClick:D,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,onCollapseAll:Ce,onDeleteTaskGroup:$e,onExpandAll:ee,onTimeSpentUpdate:M,onShowToast:B,onCreateTagClick:z},initialScrollOffset:0,children:Uo})})})})}),me?t.jsx(Nt,{formId:Ve(Me),primaryBtn:{label:y.length===1&&g.selectedTaskIds.length>0&&r!==q?Le.taskList.footer.createGroup:Ke.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Ke.cancel,style:{width:"135px"},onClick:Te},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(_,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsxs(sn,{children:[t.jsx(ct,{count:g.selectedTaskIds.length}),t.jsx(on,{children:g.selectedTaskIds.length>1?Le.taskList.footer.tasksSelected:Le.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(_,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsx(ln,{children:t.jsx(Ne,{enterDelay:600,title:H.taskManagement.taskList.footer.ungroup,children:t.jsx(rn,{onClick:ye})})})}),showPrimaryButton:he===!1,customPrimaryButton:he?t.jsxs(t.Fragment,{children:[t.jsx(De,{variant:"secondary",label:H.taskManagement.taskList.footer.moveTo,onClick:fe,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(js,{taskGroupsList:y,anchorEl:x,groupByKey:W.groupByKey,onCreateNewGroup:X,onExistingGroupSelection:l=>{ne(),b(l)},onClose:ne})]}):void 0}):null]})},Uo=({index:e,style:d,data:r})=>{const h=n.useRef(null),m=ie(),{tagList:u,taskGroupsWithTasksList:a,uiState:p,renameActiveField:i,collapsedGroups:c,onCollapseToggle:C,onTaskManagementRowClick:b,setRowHeight:E,onColumnSortConfigChanged:D,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:M,handleOnDragNDrop:B,onRenameClick:z,userList:T,selectedRowIds:x,existingTaskGroupNamesByGroupId:S,onTimeSpentUpdate:j,onShowToast:L,onCreateTagClick:g}=r;n.useEffect(()=>{h.current?.firstElementChild!=null&&E(e,h.current.firstElementChild.clientHeight)},[e,h,m,a[e]?.tasks]);const y=n.useCallback(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)},Q=()=>{z(a[e].id)};return t.jsx(tn,{style:{...d,width:"100%"},ref:h,onDrop:y,onDragOver:W,children:t.jsx(Vo,{taskGroup:a[e],showGroupName:!0,tagList:u,uiState:p,isCollapsed:c.includes(a[e].id),onCollapseToggle:C,showRenameTextField:i===a[e].id,isSelectionAllowed:i==null,onTaskManagementRowClick:b,onColumnSortConfigChanged:D,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:M,onExpandAll:f,selectedRowIds:x,userList:T,existingTaskGroupNamesByGroupId:S,onDragStart:U,onRenameClick:Q,onTimeSpentUpdate:j,onShowToast:L,onCreateTagClick:g},a[e].id)})},Vo=({taskGroup:e,tagList:d,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:u,isSelectionAllowed:a,selectedRowIds:p,userList:i,existingTaskGroupNamesByGroupId:c,onRenameClick:C,onTaskManagementRowClick:b,onCollapseToggle:E,onColumnSortConfigChanged:D,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:M,onDragStart:B,onTimeSpentUpdate:z,onShowToast:T,onCreateTagClick:x})=>{const S=ie(),j=S==="medium-regular"||S==="medium-compact"||S==="small"?ho:Ft;return t.jsx(j,{taskGroup:e,tagList:d,userList:i,sectionId:V,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:u,isSelectionAllowed:a,selectedRowIds:p,existingTaskGroupNamesByGroupId:c,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:M,onExpandAll:f,onCollapseToggle:E,onTaskManagementRowClick:b,onColumnSortConfigChanged:D,onDragStart:B,onRenameClick:C,onTimeSpentUpdate:z,onShowToast:T,onCreateTagClick:x})},qe=(e,d,r,h)=>{const m={},u={};e.forEach(p=>{u[p.id]={[ke]:[],[ce]:d.existingTaskGroupNamesByGroupId[p.id]},p.tasks.forEach(i=>{d.selectedTaskIds.includes(i.id)&&u[p.id].selectedIds.push(i.id),m[i.id]={[at]:{selectedOption:i.status.code,allOptions:dt.map(c=>({label:c.name,value:c.code}))},[nt]:{selectedOption:i.priority.code,allOptions:lt.map(c=>({label:c.name,value:c.code}))},[ot]:{date:i.dueDate,showBusinessDay:!1},[st]:{allUsers:r,selectedUsers:i.assigneeUsers.map(c=>c.user)},[tt]:{allOptions:Dt(h),selectedOptions:i.tagIds},[xe]:i.timeSpent}})});const a={[rt]:{[q]:{[ce]:d.newTaskGroupName,[ke]:[]},...u},[ae]:m};return{[V]:a}},Ko=(e,d,r)=>{if(e.includes(V)){const h=e.split(".")[2];if(e.includes(ce))return e.includes(q)?{...r,newTaskGroupName:d[V].groupData[h][ce]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[h]:d[V].groupData[h][ce]}};if(e.includes(ke)){const m=Rt(Wt(Object.values(d[V][rt]),ke)).filter(u=>u!==H.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:m}}}return r},qo=o.div`
+`,Po=e=>n.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("rect",{x:10,y:2,width:12,height:12,rx:2,stroke:"currentColor",strokeWidth:1.5}),n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 10.75C7 10.3358 6.66421 10 6.25 10H3.70967C2.76545 10 2 10.7654 2 11.7097V20.2936C2 21.2378 2.76544 22.0033 3.70966 22.0033H12.2936C13.2378 22.0033 14.0033 21.2378 14.0033 20.2936V17.75C14.0033 17.3358 13.6675 17 13.2533 17C12.8391 17 12.5033 17.3358 12.5033 17.75V20.2936C12.5033 20.4094 12.4094 20.5033 12.2936 20.5033H3.70966C3.59387 20.5033 3.5 20.4094 3.5 20.2936V11.7097C3.5 11.5939 3.59387 11.5 3.70967 11.5H6.25C6.66421 11.5 7 11.1642 7 10.75Z",fill:"currentColor"})),H=se.getLocalizedStrings(),Ve=e=>`${e}_form`,Ho={rowGap:new Je(ge[0],ge[5],ge[5])},{common:{footer:Ke},taskManagement:Le}=se.getLocalizedStrings(),yn=({taskListView:e,tagListView:d,isTaskTemplatesEnabled:r,onCreateTagClick:h,updateTask:m,onDragNDrop:u,onDeleteTaskGroup:a,updateLocalData:p,onTaskManagementRowClick:i,onReloadTasks:c,onColumnSortConfigChanged:C,onSearchTextChanged:b,onBackClick:E,onNewTaskClick:D,onFiltersChange:k,resetLocalData:f,handleCreateGroup:w,assignGroupToTasks:M,onAddNewTaskToTaskGroup:B,onGroupByFilterChange:z,onTaskGroupRename:$,analytics:x,onTimeSpentUpdate:S,onShowToast:j,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,handleNewTaskInitialization:y})=>{const[W,_]=n.useState(!1),[Q,O]=n.useState(null),[P,oe]=n.useState(null),[Y,pe]=n.useState(null),[fe,le]=n.useState(null),[ue,ne]=n.useState(!1),Ce=gt(),{fetchState:ee,uiState:X,filters:Te,userList:de,taskGroupsWithTasksList:$e}=e,{tagList:je}=d,ye=Ye(),ve=R=>{ne(R)},he=n.useCallback(R=>{le(R.currentTarget)},[]),me=n.useCallback(R=>{z(R)},[z]),l=n.useCallback(()=>{z("groupName")},[z]),G=n.useCallback(R=>{y(R)},[y]),F=de.users.map(R=>R.user).filter(R=>R!=null),I={entity:"task_management",showNewButtonOnNavbar:!0,showEntityEmailInfoIconOnNavbar:!1,newButtonLabel:H.common.create,isSearchOpen:ue,searchPlaceHolder:H.taskManagement.taskList.searchPlaceHolder,searchText:X.searchText,showSettingsIcon:!1,showStatementButtonOnNavbar:!1,showDownloadButtonOnNavbar:!1,disableDownloadButton:!0,filters:Te,searchTextBoxStyle:{right:"108px"},onNewButtonClick:he,onSearchOpen:ve,onSearchTextChanged:b,onFiltersChange:k,analytics:x,downloadState:"Not-Started",createdByUserListLoaded:de.fetchState==="Completed"||de.fetchState==="Error",groupByFiltersComponent:{component:t.jsx(ks,{value:X.groupByKey,resetDisabled:X.groupByKey==="groupName",onChange:me,onReset:l}),height:90},getFilterOptions:()=>ls("task_management",F,Ce.loggedInUserRole??[],d.tagList)},N=n.useCallback(R=>{le(null),O(q),p({...e.localData,newTaskGroupName:R})},[e.localData,p]),A=n.useCallback(()=>{le(null)},[]),v=n.useCallback(()=>{P!=null&&a(P)},[P,a]),T=n.useCallback(()=>{O(q)},[]),te=n.useCallback(R=>{pe(mt=>mt===R?null:R)},[]);n.useEffect(()=>{e.taskGroupDeleteStatus.fetchState==="Completed"&&_(!1)},[e.taskGroupDeleteStatus.fetchState]),n.useEffect(()=>{r&&e.taskGroupTemplates.length>0&&pe(e.taskGroupTemplates[0].id)},[r,e.taskGroupTemplates]);const ut=()=>ee==="Error"?t.jsxs(Xo,{children:[t.jsx(Zo,{onClick:c,children:t.jsx(Jo,{})}),t.jsx(Qo,{children:H.common.reloadPage.label})]}):ee==="Completed"&&$e.length===0?t.jsx(ft,{message:H.taskManagement.taskList.noDataText}):ee==="Not-Started"||ee==="In-Progress"?t.jsx(Ct,{fetchState:ee}):t.jsx(Uo,{taskListView:e,tagList:je,renameActiveField:Q,updateTask:m,onDragNDrop:u,onAddNewTaskToTaskGroup:B,onColumnSortConfigChanged:C,onTaskManagementRowClick:i,assignGroupToTasks:M,handleCreateGroup:w,resetLocalData:f,setGroupCreationInProgress:T,setShowDeleteModal:_,updateLocalData:p,setActiveTaskGroupId:oe,setRenameActiveField:O,onTaskGroupRename:$,onTimeSpentUpdate:S,onShowToast:j,onCreateTagClick:h}),ht=t.jsx(os,{spendManagementSectionProps:I});return t.jsxs(Yo,{children:[t.jsx(kt,{title:H.taskManagement.taskList.pageTitle,showBackButton:!0,showMenuIcon:!1,backgroundColor:ye.colors.grey4,style:{zIndex:3},onBackClick:E,rightSideComponent:ht,isSearchOpen:ue,source:"TaskManagementPage"}),t.jsx(Rs,{anchorEl:fe,groupByKey:X.groupByKey,taskGroupTemplates:e.taskGroupTemplates,taskCreationFromTemplateStatus:e.taskCreationFromTemplateStatus,isTaskTemplatesEnabled:r,onClose:A,onNewTaskClick:D,onNewGroupClick:N,handleGroupTemplateClick:L,handleGroupTemplateTaskClick:g,onNewTaskInitialization:G,onExpandTemplate:te,expandedTemplate:Y}),t.jsx(qo,{children:ut()}),t.jsx(U,{controller:W===!0,children:t.jsx(xt,{action:{onOkClick:v,onCancelClick:()=>{_(!1)}},isLoading:e.taskGroupDeleteStatus.fetchState==="In-Progress",secondaryButtonText:H.common.cancel,primaryButtonText:H.common.confirm,titleComponent:t.jsx(nn,{children:t.jsx(wt,{children:H.taskManagement.taskList.taskGroup.deleteTaskGroup})}),proceedButtonVariant:"primary",descriptionComponent:t.jsx(an,{children:t.jsx(K,{children:H.taskManagement.taskList.deleteConfirmationMessage})})})})]})},Uo=({taskListView:e,tagList:d,renameActiveField:r,updateTask:h,onTaskGroupRename:m,setRenameActiveField:u,onDragNDrop:a,updateLocalData:p,setShowDeleteModal:i,handleCreateGroup:c,resetLocalData:C,assignGroupToTasks:b,setGroupCreationInProgress:E,onTaskManagementRowClick:D,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,setActiveTaskGroupId:w,onTimeSpentUpdate:M,onShowToast:B,onCreateTagClick:z})=>{const $=n.useRef(null);jt({componentName:"task.management.list"});const[x,S]=n.useState(null),j=n.useRef({}),L=ie(),{localData:g,taskGroupsWithTasksList:y,uiState:W}=e,[_,Q]=n.useState([]),O=n.useRef(null);hs({scrollContainerRef:O,isEnabled:L!=="small"});const P=n.useMemo(()=>e.userList.users.map(l=>l.user).filter(l=>l!=null),[e.userList.users]),oe=yt({mode:"onSubmit",reValidateMode:"onSubmit",shouldFocusError:!0,defaultValues:n.useMemo(()=>qe(e.taskGroupsWithTasksList,g,P,d),[g,e.taskGroupsWithTasksList,P,d]),values:n.useMemo(()=>qe(e.taskGroupsWithTasksList,g,P,d),[g,e.taskGroupsWithTasksList,P,d])}),Y=n.useMemo(()=>{if(r!==q)return y;const l=[],G=y.map(F=>{const I=F.tasks.filter(N=>{const A=g.selectedTaskIds.includes(N.id)===!0;return A&&l.push(N),A===!1});return{...F,tasks:I}});return G.unshift({groupName:"",isDefault:!1,id:q,tasks:l}),G},[r,y,g.selectedTaskIds]),pe=n.useCallback(l=>_.includes(Y[l].id)||Y[l].tasks.length===0?100:j.current?.[l]!=null?j.current[l]+Ho.rowGap.value(L):(ns*1+as)*3+rs+is,[_,Y,L]),fe=n.useCallback(l=>{S(l.currentTarget)},[]),le=n.useCallback((l,G)=>{j.current={...j.current,[l]:G},$.current?.resetAfterIndex(0,!0)},[L,$,y]),ue=n.useCallback(l=>{Q(G=>G.includes(l)?G.filter(F=>l!==F):[...G,l]),$.current?.resetAfterIndex(0,!0)},[]),ne=n.useCallback(()=>{S(null)},[]),Ce=n.useCallback(()=>{Q(y.map(l=>l.id)),$.current?.resetAfterIndex(0,!0)},[y]),ee=n.useCallback(()=>{Q([]),$.current?.resetAfterIndex(0,!0)},[]),X=n.useCallback(()=>{E(),$.current?.scrollTo(0),ne()},[ne,E]),Te=n.useCallback(l=>{w(l),i(!0)},[w,i]),de=n.useCallback(()=>{g.selectedTaskIds.length>0?r!==q?X():c(!0):r===q?c(!1):r!=null&&m(r,g.existingTaskGroupNamesByGroupId[r])},[g.selectedTaskIds.length,g.existingTaskGroupNamesByGroupId,r,X,c,m]),$e=n.useCallback(()=>{u(null),C()},[C,u]),je=n.useCallback(l=>{C(),u(l)},[C,u]),ye=n.useCallback(()=>{g.defaultTaskGroupId!=null&&b(g.defaultTaskGroupId)},[b,g.defaultTaskGroupId]),ve=async(l,G)=>{if(l.includes(nt)){const I=l.split(".")[2],N=y.flatMap(v=>v.tasks).find(v=>v.id===I),A=G[V][ae][I].priority.selectedOption;if(N!=null&&A!=null){const v=lt.find(T=>T.code===A);v!=null&&h(N,{priority:v})}return}if(l.includes(at)){const I=l.split(".")[2],N=y.flatMap(v=>v.tasks).find(v=>v.id===I),A=G[V][ae][I].status.selectedOption;if(N!=null&&A!=null){const v=dt.find(T=>T.code===A);N!=null&&v!=null&&h(N,{status:v})}return}if(l.includes(st)){const I=l.split(".")[2],N=y.flatMap(T=>T.tasks).find(T=>T.id===I),A=y.find(T=>T.tasks.find(te=>te.id===I))?.id,v=G[V][ae][I].assignees.selectedUsers.map(T=>T.userId);A!=null&&v!=null&&N!=null&&h(N,{assignees:v});return}if(l.includes(ot)){const I=l.split(".")[2],N=y.flatMap(T=>T.tasks).find(T=>T.id===I),A=y.find(T=>T.tasks.find(te=>te.id===I))?.id,v=G[V][ae][I].dueDate.date;A!=null&&v!=null&&N!=null&&h(N,{dueDate:v});return}if(l.includes(tt)){const I=l.split(".")[2],N=y.flatMap(T=>T.tasks).find(T=>T.id===I),A=y.find(T=>T.tasks.find(te=>te.id===I))?.id,v=G[V][ae][I].tags.selectedOptions;A!=null&&v!=null&&N!=null&&h(N,{tagIds:v});return}l.includes(xe)&&oe.trigger(l);const F=Ko(l,G,g);p(F)};n.useEffect(()=>{const l=oe.watch((G,{name:F})=>{F!=null&&G!=null&&vt(()=>ve(F,G))});return()=>{l.unsubscribe()}}),n.useEffect(()=>{e.taskGroupCreationStatus.fetchState==="Completed"&&u(null)},[u,e.taskGroupCreationStatus.fetchState]),n.useEffect(()=>{e.taskGroupUpdateStatus.fetchState==="Completed"&&u(null)},[u,e.taskGroupUpdateStatus.fetchState]);const he=y.length>1&&g.selectedTaskIds.length>0&&r!==q,me=g.newTaskGroupName.length>0||g.selectedTaskIds.length>0||r!==null;return t.jsxs(t.Fragment,{children:[t.jsx(bt,{...oe,children:t.jsx("form",{id:Ve(Me),onSubmit:oe.handleSubmit(de),style:{width:"100%"},children:t.jsx(en,{isFooterVisible:me,windowSize:L,children:t.jsx(St,{children:({height:l,width:G})=>t.jsx(Gt,{ref:$,outerRef:O,height:l,itemCount:Y.length,itemSize:pe,estimatedItemSize:It,itemKey:F=>Y[F].id,width:G,overscanCount:Lt,itemData:{tagList:d,taskGroupsWithTasksList:Y,uiState:W,collapsedGroups:_,userList:e.userList,renameActiveField:r,selectedRowIds:g.selectedTaskIds,existingTaskGroupNamesByGroupId:g.existingTaskGroupNamesByGroupId,onRenameClick:je,handleOnDragNDrop:a,onCollapseToggle:ue,setRowHeight:le,onTaskManagementRowClick:D,onColumnSortConfigChanged:k,onAddNewTaskToTaskGroup:f,onCollapseAll:Ce,onDeleteTaskGroup:Te,onExpandAll:ee,onTimeSpentUpdate:M,onShowToast:B,onCreateTagClick:z},initialScrollOffset:0,children:_o})})})})}),me?t.jsx(Nt,{formId:Ve(Me),primaryBtn:{label:y.length===1&&g.selectedTaskIds.length>0&&r!==q?Le.taskList.footer.createGroup:Ke.save,style:{width:"135px"},isLoading:e.taskGroupCreationStatus.fetchState==="In-Progress"||e.taskGroupUpdateStatus.fetchState==="In-Progress"},cancelBtn:{label:Ke.cancel,style:{width:"135px"},onClick:$e},helperContainerStyle:L==="small"?{width:"100%"}:void 0,leftSideComponent:t.jsx(U,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsxs(sn,{children:[t.jsx(ct,{count:g.selectedTaskIds.length}),t.jsx(on,{children:g.selectedTaskIds.length>1?Le.taskList.footer.tasksSelected:Le.taskList.footer.taskSelected})]})}),rightSideComponent:t.jsx(U,{controller:L!=="small"&&g.selectedTaskIds.length>0,children:t.jsx(ln,{children:t.jsx(Ne,{enterDelay:600,title:H.taskManagement.taskList.footer.ungroup,children:t.jsx(rn,{onClick:ye})})})}),showPrimaryButton:he===!1,customPrimaryButton:he?t.jsxs(t.Fragment,{children:[t.jsx(De,{variant:"secondary",label:H.taskManagement.taskList.footer.moveTo,onClick:fe,style:{width:"135px"},size:"standard",loading:e.updateTasksFetchState.fetchState==="In-Progress",reverseSpinnerColor:!1}),t.jsx(js,{taskGroupsList:y,anchorEl:x,groupByKey:W.groupByKey,onCreateNewGroup:X,onExistingGroupSelection:l=>{ne(),b(l)},onClose:ne})]}):void 0}):null]})},_o=({index:e,style:d,data:r})=>{const h=n.useRef(null),m=ie(),{tagList:u,taskGroupsWithTasksList:a,uiState:p,renameActiveField:i,collapsedGroups:c,onCollapseToggle:C,onTaskManagementRowClick:b,setRowHeight:E,onColumnSortConfigChanged:D,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:M,handleOnDragNDrop:B,onRenameClick:z,userList:$,selectedRowIds:x,existingTaskGroupNamesByGroupId:S,onTimeSpentUpdate:j,onShowToast:L,onCreateTagClick:g}=r;n.useEffect(()=>{h.current?.firstElementChild!=null&&E(e,h.current.firstElementChild.clientHeight)},[e,h,m,a[e]?.tasks]);const y=n.useCallback(O=>{const P=O.dataTransfer.getData("row");B(P,a[e].id)},[B,e,a]),W=n.useCallback(O=>{O.preventDefault()},[]),_=(O,P)=>{O.dataTransfer.setData("row",P)},Q=()=>{z(a[e].id)};return t.jsx(tn,{style:{...d,width:"100%"},ref:h,onDrop:y,onDragOver:W,children:t.jsx(Vo,{taskGroup:a[e],showGroupName:!0,tagList:u,uiState:p,isCollapsed:c.includes(a[e].id),onCollapseToggle:C,showRenameTextField:i===a[e].id,isSelectionAllowed:i==null,onTaskManagementRowClick:b,onColumnSortConfigChanged:D,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:M,onExpandAll:f,selectedRowIds:x,userList:$,existingTaskGroupNamesByGroupId:S,onDragStart:_,onRenameClick:Q,onTimeSpentUpdate:j,onShowToast:L,onCreateTagClick:g},a[e].id)})},Vo=({taskGroup:e,tagList:d,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:u,isSelectionAllowed:a,selectedRowIds:p,userList:i,existingTaskGroupNamesByGroupId:c,onRenameClick:C,onTaskManagementRowClick:b,onCollapseToggle:E,onColumnSortConfigChanged:D,onCollapseAll:k,onExpandAll:f,onAddNewTaskToTaskGroup:w,onDeleteTaskGroup:M,onDragStart:B,onTimeSpentUpdate:z,onShowToast:$,onCreateTagClick:x})=>{const S=ie(),j=S==="medium-regular"||S==="medium-compact"||S==="small"?ho:Ft;return t.jsx(j,{taskGroup:e,tagList:d,userList:i,sectionId:V,showGroupName:r,uiState:h,showRenameTextField:m,isCollapsed:u,isSelectionAllowed:a,selectedRowIds:p,existingTaskGroupNamesByGroupId:c,onAddNewTaskToTaskGroup:w,onCollapseAll:k,onDeleteTaskGroup:M,onExpandAll:f,onCollapseToggle:E,onTaskManagementRowClick:b,onColumnSortConfigChanged:D,onDragStart:B,onRenameClick:C,onTimeSpentUpdate:z,onShowToast:$,onCreateTagClick:x})},qe=(e,d,r,h)=>{const m={},u={};e.forEach(p=>{u[p.id]={[ke]:[],[ce]:d.existingTaskGroupNamesByGroupId[p.id]},p.tasks.forEach(i=>{d.selectedTaskIds.includes(i.id)&&u[p.id].selectedIds.push(i.id),m[i.id]={[at]:{selectedOption:i.status.code,allOptions:dt.map(c=>({label:c.name,value:c.code}))},[nt]:{selectedOption:i.priority.code,allOptions:lt.map(c=>({label:c.name,value:c.code}))},[ot]:{date:i.dueDate,showBusinessDay:!1},[st]:{allUsers:r,selectedUsers:i.assigneeUsers.map(c=>c.user)},[tt]:{allOptions:Dt(h),selectedOptions:i.tagIds},[xe]:i.timeSpent}})});const a={[rt]:{[q]:{[ce]:d.newTaskGroupName,[ke]:[]},...u},[ae]:m};return{[V]:a}},Ko=(e,d,r)=>{if(e.includes(V)){const h=e.split(".")[2];if(e.includes(ce))return e.includes(q)?{...r,newTaskGroupName:d[V].groupData[h][ce]}:{...r,existingTaskGroupNamesByGroupId:{...r.existingTaskGroupNamesByGroupId,[h]:d[V].groupData[h][ce]}};if(e.includes(ke)){const m=Rt(Wt(Object.values(d[V][rt]),ke)).filter(u=>u!==H.common.all.toLocaleLowerCase());return{...r,selectedTaskIds:m}}}return r},qo=o.div`
   display: block;
   height: 100%;
 `,Yo=o.div`
@@ -464,7 +464,7 @@ import{ax as gt,d as Ye,V as t,jy as q,bD as kt,aa as _,cr as xt,am as K,ar as w
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Qo=o(Tt)`
+`,Qo=o($t)`
   margin-top: ${s.sp3};
   color: ${e=>e.theme.colors.hero};
 `,en=o.div`

package/dist/assets/{TimeRangeSwitcher-C3mH2YE7-CxdwLD3J.js → TimeRangeSwitcher-DEqlZxa6-BNFFHAst.js}

@@ -1,4 +1,4 @@
-import{V as t,b4 as _,aF as S,dm as B,bs as H,o as a,aj as L}from"./index-i62ZqD9V.js";import{a as n}from"./sentry-DhNwX3jk.js";import{n as g}from"./mui-rLvQ8A4a.js";import{Y as q}from"./core-DQ8U4CJb.js";import{V as U}from"./CollapsableReportTable-CncMWpFI-BCZVc9KX.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="1580487e-53b5-44c7-a266-64486bffcf38",e._sentryDebugIdIdentifier="sentry-dbid-1580487e-53b5-44c7-a266-64486bffcf38")}catch{}})();const W=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M12 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8v40z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),X=e=>n.createElement("svg",{width:12,height:40,viewBox:"0 0 12 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},n.createElement("path",{d:"M0 0h8a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H0V0z"}),n.createElement("path",{d:"M8 23.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM8 19a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-1-3.333a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-3 7.666a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM3 20a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm1-5.333a1 1 0 1 0 0 2 1 1 0 0 0 0-2z",fill:"currentColor"})),p=40,h=90,Z=g.div`
+import{V as t,b4 as _,aE as S,dm as B,bs as H,o as c,ai as L}from"./index-GSKpJ8ET.js";import{a as n}from"./sentry-BZBky1_g.js";import{n as g}from"./mui-DenpH-hx.js";import{Y as q}from"./core-CEu4PzGb.js";import{V as U}from"./CollapsableReportTable-DlYIKSlQ-CcB96aJz.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="bf81f1d9-8a36-404d-a299-43e68cb294cb",e._sentryDebugIdIdentifier="sentry-dbid-bf81f1d9-8a36-404d-a299-43e68cb294cb")}catch{}})();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;
@@ -25,8 +25,8 @@ import{V as t,b4 as _,aF as S,dm as B,bs as H,o as a,aj as L}from"./index-i62ZqD
   position: relative;
   scrollbar-width: none;
 `,J=g(L)``,K=g.div`
-  top: ${a.sp0};
-  left: ${a.sp0};
+  top: ${c.sp0};
+  left: ${c.sp0};
   width: calc(${e=>h*e.numberOfTicksSelected}px);
   position: absolute;
   height: ${p}px;
@@ -34,19 +34,19 @@ import{V as t,b4 as _,aF as S,dm as B,bs as H,o as a,aj as L}from"./index-i62ZqD
   .slider-icon {
     fill: ${e=>e.theme.colors.grey1};
   }
-  border-radius: ${a.sp2};
-  border-left: ${a.sp0};
-  border-right: ${a.sp0};
+  border-radius: ${c.sp2};
+  border-left: ${c.sp0};
+  border-right: ${c.sp0};
   &:hover {
     border: 1px solid ${e=>e.theme.colors.primary};
-    border-radius: ${a.sp2};
-    border-left: ${a.sp0};
-    border-right: ${a.sp0};
+    border-radius: ${c.sp2};
+    border-left: ${c.sp0};
+    border-right: ${c.sp0};
     .slider-icon {
       fill: ${e=>e.theme.colors.primary};
     }
   }
-  line-height: ${a.sp0};
+  line-height: ${c.sp0};
   pointer-events: none;
   box-sizing: border-box;
 `,Q=g.div`
@@ -61,4 +61,4 @@ import{V as t,b4 as _,aF as S,dm as B,bs as H,o as a,aj as L}from"./index-i62ZqD
   cursor: pointer;
   pointer-events: all;
   color: ${e=>e.theme.colors.grey5};
-`;function j({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 q.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:s,timeframe:l,tick:r,tickIndex:u,isSelected:c,onClick:f}){return t.jsx(A,{isEnabled:e,isSelected:c,onClick:()=>{f(r,u,l)},children:t.jsx(J,{children:U(s,r,l)})})}function ne(e,s,l,r,u){const c=s-e,f=Math.floor(e/h)+Math.round(c/h),w=f+l.length-r.length,x=f+l.length,b=u-x;return{selectedTicks:{fromStart:{startIndex:f,length:l.length},fromEnd:{offsetFromEnd:b,length:l.length}},highlightedOfSelectedTicks:{startIndex:w,length:r.length}}}function oe(e){return e.startIndex!=null}function I(e,s){let l={startIndex:0,length:0};if(oe(e))l=e;else{const r=e.length;l={startIndex:s.length-e.offsetFromEnd-r+1,length:e.length}}return l}function le({width:e,firstMonthOfFY:s,timeframe:l,timeframeTicks:r,isEnabled:u,selection:c,onClick:f,onSelectionChanged:w}){const x=n.createRef(),b=n.useRef(null),[z,M]=n.useState(!1),[i,T]=n.useState(I(c.selectedTicks,r)),$=n.useRef(i.startIndex);n.useEffect(()=>{$.current=i.startIndex});const[y,C]=n.useState(c.highlightedOfSelectedTicks),O=(i.startIndex+i.length>r.length?Math.max(r.length-i.length,0):i.startIndex)*h,[E,F]=n.useState({x:O,y:0});n.useEffect(()=>{M(!0)},[]),n.useEffect(()=>{const o=I(c.selectedTicks,r);if(!S(i,o)){T(o);const d=o.startIndex*h;F({x:d,y:0})}S(y,c.highlightedOfSelectedTicks)||C(c.highlightedOfSelectedTicks)},[i,y,c,r]),n.useLayoutEffect(()=>{const{startIndex:o,length:d}=i;x.current?.scrollToItem($.current<=o?o+d-1:o)},[x,i]);const N=u!==!1,P=(o,d,m)=>{f?.(m,o)},V=(o,d)=>{const m=ne(E.x,d.x,i,y,r.length);w?.(m.selectedTicks,m.highlightedOfSelectedTicks,l,r)},D=({index:o,style:d})=>{const m=r[o],{startIndex:v,length:R}=y,Y=o>=v&&o<v+R;return t.jsx("div",{style:{...d},children:t.jsx(re,{enabled:N,firstMonthOfFY:s,timeframe:l,tick:m,tickIndex:o,isSelected:Y,onClick:P},o)})},k=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(G,{ref:x,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:D}),z===!0&&k!=null?t.jsx(te,{parentNode:k,children:t.jsx(B,{axis:"x",defaultPosition:{x:0,y:0},position:E,bounds:{left:0,right:(r.length-i.length)*h},grid:[1,0],scale:1,onStop:V,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:i.length,ref:b,children:[t.jsx(Q,{children:t.jsx(j,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(j,{iconPosition:"right"})})]})})}):null]})}function he(e){return t.jsx(Z,{children:t.jsx(_,{children:({width:s})=>t.jsx(le,{...e,width:s})})})}export{p as a,he as p};
+`;function j({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 q.createPortal(e.children,e.parentNode)}function re({enabled:e,firstMonthOfFY:s,timeframe:i,tick:r,tickIndex:u,isSelected:a,onClick:f}){return t.jsx(A,{isEnabled:e,isSelected:a,onClick:()=>{f(r,u,i)},children:t.jsx(J,{children:U(s,r,i)})})}function ne(e,s,i,r,u){const a=s-e,f=Math.floor(e/h)+Math.round(a/h),w=f+i.length-r.length,x=f+i.length,b=u-x;return{selectedTicks:{fromStart:{startIndex:f,length:i.length},fromEnd:{offsetFromEnd:b,length:i.length}},highlightedOfSelectedTicks:{startIndex:w,length:r.length}}}function oe(e){return e.startIndex!=null}function I(e,s){let i={startIndex:0,length:0};if(oe(e))i=e;else{const r=e.length;i={startIndex:s.length-e.offsetFromEnd-r+1,length:e.length}}return i}function ie({width:e,firstMonthOfFY:s,timeframe:i,timeframeTicks:r,isEnabled:u,selection:a,onClick:f,onSelectionChanged:w}){const x=n.createRef(),b=n.useRef(null),[z,M]=n.useState(!1),[l,T]=n.useState(I(a.selectedTicks,r)),$=n.useRef(l.startIndex);n.useEffect(()=>{$.current=l.startIndex});const[y,C]=n.useState(a.highlightedOfSelectedTicks),O=(l.startIndex+l.length>r.length?Math.max(r.length-l.length,0):l.startIndex)*h,[E,F]=n.useState({x:O,y:0});n.useEffect(()=>{M(!0)},[]),n.useEffect(()=>{const o=I(a.selectedTicks,r);if(!S(l,o)){T(o);const d=o.startIndex*h;F({x:d,y:0})}S(y,a.highlightedOfSelectedTicks)||C(a.highlightedOfSelectedTicks)},[l,y,a,r]),n.useLayoutEffect(()=>{const{startIndex:o,length:d}=l;x.current?.scrollToItem($.current<=o?o+d-1:o)},[x,l]);const N=u!==!1,P=(o,d,m)=>{f?.(m,o)},V=(o,d)=>{const m=ne(E.x,d.x,l,y,r.length);w?.(m.selectedTicks,m.highlightedOfSelectedTicks,i,r)},D=({index:o,style:d})=>{const m=r[o],{startIndex:v,length:R}=y,Y=o>=v&&o<v+R;return t.jsx("div",{style:{...d},children:t.jsx(re,{enabled:N,firstMonthOfFY:s,timeframe:i,tick:m,tickIndex:o,isSelected:Y,onClick:P},o)})},k=document.getElementsByClassName("date-range-list")[0];return t.jsxs(t.Fragment,{children:[t.jsx(G,{ref:x,height:p,width:e,itemCount:r.length,itemSize:h,layout:"horizontal",className:"date-range-list",style:{overflowY:"hidden"},children:D}),z===!0&&k!=null?t.jsx(te,{parentNode:k,children:t.jsx(B,{axis:"x",defaultPosition:{x:0,y:0},position:E,bounds:{left:0,right:(r.length-l.length)*h},grid:[1,0],scale:1,onStop:V,nodeRef:b,children:t.jsxs(K,{numberOfTicksSelected:l.length,ref:b,children:[t.jsx(Q,{children:t.jsx(j,{iconPosition:"left"})}),t.jsx(ee,{children:t.jsx(j,{iconPosition:"right"})})]})})}):null]})}function he(e){return t.jsx(Z,{children:t.jsx(_,{children:({width:s})=>t.jsx(ie,{...e,width:s})})})}export{p as a,he as p};

package/dist/assets/{TimeframeSwitcher-C8iVJfJz-r75odRQ8.js → TimeframeSwitcher-BppC6giF-D-wC9bQx.js}

@@ -1,4 +1,4 @@
-import{V as s,o,aj as f,F as p}from"./index-i62ZqD9V.js";import{n}from"./mui-rLvQ8A4a.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="6675e759-ce01-41d7-8e81-d1944b3c60db",e._sentryDebugIdIdentifier="sentry-dbid-6675e759-ce01-41d7-8e81-d1944b3c60db")}catch{}})();const u=n.div`
+import{V as s,o,ai as f,F as p}from"./index-GSKpJ8ET.js";import{n as d}from"./mui-DenpH-hx.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="ae25b2a9-e3e2-42a4-ad73-49f9fc69c2d4",e._sentryDebugIdIdentifier="sentry-dbid-ae25b2a9-e3e2-42a4-ad73-49f9fc69c2d4")}catch{}})();const u=d.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -9,7 +9,7 @@ import{V as s,o,aj as f,F as p}from"./index-i62ZqD9V.js";import{n}from"./mui-rLv
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;
-`,g=n.div`
+`,g=d.div`
   color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
   &:hover {
     color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
@@ -18,14 +18,14 @@ import{V as s,o,aj as f,F as p}from"./index-i62ZqD9V.js";import{n}from"./mui-rLv
   border-radius: ${o.sp2};
   background-color: ${e=>e.isSelected?e.theme.colors.grey5:e.theme.colors.background};
   box-shadow: ${e=>e.isSelected?`${o.sp0} 2px ${o.sp1} ${e.theme.colors.dropShadowNormal}`:null};
-`,b=n(f)`
+`,_=d(f)`
   padding: ${o.sp2} ${o.sp3} ${o.sp2} ${o.sp3};
-`,_=n.div`
+`,b=d.div`
   width: 1px;
   height: ${o.sp3};
   background-color: ${e=>e.isSelected?e.theme.colors.background:e.theme.colors.grey2};
-`,w=n.div`
+`,w=d.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-`;function y({timeframe:e,isSelected:t,onClick:a}){const c=r=>{switch(r){case"month":case"quarter":case"year":case"this_week_to_date":case"last_week":case"this_month_to_date":case"last_month":case"last_3_months":case"last_6_months":case"last_12_months":case"this_year_to_date":case"last_year":return p.getLocalizedStrings().timeframeSwitcherLabels[r];default:return console.warn("Unsupported timeframe"),""}};return s.jsx(g,{onClick:()=>{t===!1&&a(e)},isSelected:t,children:s.jsx(b,{children:c(e)})})}function S({timeframes:e,selectedTimeframe:t,onTimeframeSelectionChanged:a}){const c=d=>{a?.(d)},r=e.findIndex(d=>d===t);return s.jsx(u,{children:e.map((d,i)=>{const h=e.length>1&&i<e.length-1,l=i===r,m=i===r-1;return s.jsxs(w,{children:[s.jsx(y,{timeframe:d,isSelected:l,onClick:c},i),h?s.jsx(_,{isSelected:l||m}):null]},i)})})}export{S as b};
+`;function y({timeframe:e,isSelected:t,onClick:n}){const c=r=>{switch(r){case"month":case"quarter":case"year":case"this_week_to_date":case"last_week":case"this_month_to_date":case"last_month":case"last_3_months":case"last_6_months":case"last_12_months":case"this_year_to_date":case"last_year":return p.getLocalizedStrings().timeframeSwitcherLabels[r];default:return console.warn("Unsupported timeframe"),""}};return s.jsx(g,{onClick:()=>{t===!1&&n(e)},isSelected:t,children:s.jsx(_,{children:c(e)})})}function S({timeframes:e,selectedTimeframe:t,onTimeframeSelectionChanged:n}){const c=a=>{n?.(a)},r=e.findIndex(a=>a===t);return s.jsx(u,{children:e.map((a,i)=>{const h=e.length>1&&i<e.length-1,l=i===r,m=i===r-1;return s.jsxs(w,{children:[s.jsx(y,{timeframe:a,isSelected:l,onClick:c},i),h?s.jsx(b,{isSelected:l||m}):null]},i)})})}export{S as b};

package/dist/assets/TimeframeSwitcherWithToggle-CbX9ElMN-Txpnr2g5.js

@@ -0,0 +1,31 @@
+import{J as n,V as t,y as d,ai as u,bK as b}from"./index-GSKpJ8ET.js";import{n as r}from"./mui-DenpH-hx.js";import{b as l}from"./TimeframeSwitcher-BppC6giF-D-wC9bQx.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="2ffe0265-5098-45cb-b36b-6fe1f4476eb0",e._sentryDebugIdIdentifier="sentry-dbid-2ffe0265-5098-45cb-b36b-6fe1f4476eb0")}catch{}})();const s="ZeniSwitch",i={root:`${s}-root`,switchBase:`${s}-switchBase`,track:`${s}-track`,thumb:`${s}-thumb`},w=({className:e,...o})=>t.jsx(b,{...o,className:e,classes:{...i}}),x=r(w)(({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}})),p=e=>t.jsx(x,{...e}),c={timeframePaddingLeft:new d(0,0,125),timeframePaddingBottom:new d(8,8,0)},y=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+`,$=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+`,m=r.div`
+  display: flex;
+  flex-direction: row;
+  flex: 1 1 auto;
+  justify-content: center;
+  padding-left: ${e=>c.timeframePaddingLeft.valuePx(e.windowSize)};
+  padding-bottom: ${e=>c.timeframePaddingBottom.valuePx(e.windowSize)};
+`,k=r.div`
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+`,j=r.div`
+  display: flex;
+  width: 125px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+`,C=r(u)`
+  color: ${e=>e.isOn?e.theme.colors.primary:e.theme.colors.hero};
+  opacity: ${e=>e.isDisabled?.5:1};
+`,f=({label:e,isOn:o,isToggleDisabled:a,onValueChanged:h})=>t.jsxs(t.Fragment,{children:[t.jsx(C,{isOn:o,isDisabled:a===!0,children:e}),t.jsx(p,{checked:o,edge:"end",disabled:a===!0,disableRipple:a===!0,onChange:g=>{h(g.target.checked)}})]}),T=e=>{const o=n();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(k,{children:t.jsx(f,{...e.toggle})})]})},v=e=>{const o=n();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(j,{children:t.jsx(f,{...e.toggle})})]})};function L(e){const o=n();return o==="small"||o==="medium-compact"?t.jsx(T,{...e}):t.jsx(v,{...e})}export{L as M};

package/dist/assets/{TopExCard-DlberdWy-C2q30Aki.js → TopExCard-Cy6tPVSx-B-keVDu8.js}

@@ -1,4 +1,4 @@
-import{aF as z,J as M,V as t,d as x,u as f,b as T,aZ as H,aP as R,aN as F,o as p,aj as C,ba as U,am as X,F as S,aO as Y,aT as E,b3 as G,b4 as N,ab as q,aU as J,bS as Q}from"./index-i62ZqD9V.js";import{P as w,a as W}from"./sentry-DhNwX3jk.js";import{F7 as Z}from"./zeni-epic-state-DwkN4IvA.js";import{n as g}from"./mui-rLvQ8A4a.js";import{I as ee,T as te}from"./ReloadCard-BluhBNO--JXB8TN8J.js";import{o as ae,r as re}from"./graphic-no-data-l-DU4J8fDt-B74xUk4A.js";import{H as k,X as L,Y as $,K,O as P,Q as ne,S as oe}from"./recharts-BYppTjSs.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="73e592ae-e6ff-4102-bc65-a9b7a8cbee0a",e._sentryDebugIdIdentifier="sentry-dbid-73e592ae-e6ff-4102-bc65-a9b7a8cbee0a")}catch{}})();const ie=g(E)`
+import{aE as M,J as z,V as t,e as x,u as f,b as T,aZ as R,aO as H,aM as X,o as p,ai as C,ba as F,al as Q,F as S,aN as q,aT as E,b3 as G,b4 as N,aQ as U,aU as Y,bS as J}from"./index-GSKpJ8ET.js";import{P as w,a as Z}from"./sentry-BZBky1_g.js";import{F7 as W}from"./zeni-epic-state-BKgIzPpM.js";import{n as g}from"./mui-DenpH-hx.js";import{I as ee,T as te}from"./ReloadCard-C81rGzOp-DY4k84ea.js";import{o as ae,r as re}from"./graphic-no-data-l-DU4J8fDt-CtMgv3E2.js";import{H as k,X as K,Y as L,K as $,O,Q as ne,S as oe}from"./recharts-9NtTDQfo.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="2a177e62-0fb3-42d0-89e9-06b5d88c3765",e._sentryDebugIdIdentifier="sentry-dbid-2a177e62-0fb3-42d0-89e9-06b5d88c3765")}catch{}})();const ie=g(E)`
   justify-content: space-between;
   margin: 0;
   height: ${e=>e.height!=null?e.height+"px":"auto"};
@@ -6,14 +6,14 @@ import{aF as z,J as M,V as t,d as x,u as f,b as T,aZ as H,aP as R,aN as F,o as p
 `,se=g.div``,le=g(C)`
   color: ${e=>e.theme.colors.hero};
   margin: ${p.sp2} ${p.sp0} ${p.sp2} ${p.sp0};
-`,ce=({width:e,height:n,label:r})=>{const l=x();return t.jsxs(ie,{height:n,width:e,children:[t.jsx(se,{}),l.mode==="light"?t.jsx(ae,{style:{marginBottom:p.sp4}}):t.jsx(re,{style:{marginBottom:p.sp4}}),t.jsx(le,{children:r})]})},de=g.div``;function he({allowedValues:e,timeframeSelected:n,onTimeframeChanged:r,textStyle:l}){const i=o=>S.getLocalizedStrings().timeframe[o];return t.jsx(de,{onClick:o=>o.stopPropagation(),children:t.jsx(Q,{pickerValues:e,valueToLabel:i,selectedValue:n,onPickerSelectionChanged:r,optionTextStyle:l})})}const me=g(J)`
+`,ce=({width:e,height:n,label:r})=>{const l=x();return t.jsxs(ie,{height:n,width:e,children:[t.jsx(se,{}),l.mode==="light"?t.jsx(ae,{style:{marginBottom:p.sp4}}):t.jsx(re,{style:{marginBottom:p.sp4}}),t.jsx(le,{children:r})]})},de=g.div``;function he({allowedValues:e,timeframeSelected:n,onTimeframeChanged:r,textStyle:l}){const i=o=>S.getLocalizedStrings().timeframe[o];return t.jsx(de,{onClick:o=>o.stopPropagation(),children:t.jsx(J,{pickerValues:e,valueToLabel:i,selectedValue:n,onPickerSelectionChanged:r,optionTextStyle:l})})}const me=g(Y)`
   color: ${e=>e.theme.colors.champion};
 `,D=g.div`
   display: flex;
   flex: 0 1 auto;
   flex-direction: row;
   align-items: center;
-`;function ue({dimension:e,reportTitle:n,cardType:r,cardIndex:l,onCardClick:i,timeframe:o,allowedValues:d,chartElement:s,onTimeframeChange:h}){const c=d.length>0?" - ":"";return t.jsx(Y,{"data-testid":q("dashboard",`${r}-timeframe-${o}`),style:{cursor:"pointer"},dimension:e,onClick:()=>i(l,r),children:t.jsxs(E,{children:[t.jsxs(D,{style:{marginBottom:f[3]},children:[t.jsx(me,{children:n!=null?n+c:G(r)+c})," ",d.length>0?t.jsx(he,{timeframeSelected:o,onTimeframeChanged:a=>h?.(a??"month"),allowedValues:d}):null]}),t.jsx(D,{style:{width:"100%",height:"100%",cursor:"pointer"},children:t.jsx("div",{style:{width:"100%",height:"100%"},children:t.jsx(N,{children:({height:a,width:m})=>s(m,a)})})})]})})}function O({card:e,reportTitle:n,actions:r,timeframe:l,allowedValues:i,chartElement:o,onTimeframeChange:d}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(ee,{dimension:e.dimension,animated:!e.disableAnimations}):e.fetchState==="Error"?t.jsx(te,{dimension:e.dimension,cardType:e.cardType,cardIndex:e.cardIndex,onReloadData:r.onReloadData,reportTitle:n}):t.jsx(ue,{dimension:e.dimension,reportTitle:n,cardType:e.cardType,cardIndex:e.cardIndex,onCardClick:r.onCardClick,timeframe:l,allowedValues:i??["month","quarter","year"],chartElement:o,onTimeframeChange:s=>{r.onTimeframeChange?.(e.cardType,s),d?.(e.cardType,s)}})}w.memo(O);const A=(e,n,r)=>{const l=n.map(a=>({label:a.timePeriod,startDate:a.startDate,endDate:a.endDate})),i=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=i?.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:i??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:n,cardType:r,cardIndex:l,onCardClick:i,timeframe:o,allowedValues:d,chartElement:s,onTimeframeChange:h}){const c=d.length>0?" - ":"";return t.jsx(q,{"data-testid":U("dashboard",`${r}-timeframe-${o}`),style:{cursor:"pointer"},dimension:e,onClick:()=>i(l,r),children:t.jsxs(E,{children:[t.jsxs(D,{style:{marginBottom:f[3]},children:[t.jsx(me,{children:n!=null?n+c:G(r)+c})," ",d.length>0?t.jsx(he,{timeframeSelected:o,onTimeframeChanged:a=>h?.(a??"month"),allowedValues:d}):null]}),t.jsx(D,{style:{width:"100%",height:"100%",cursor:"pointer"},children:t.jsx("div",{style:{width:"100%",height:"100%"},children:t.jsx(N,{children:({height:a,width:m})=>s(m,a)})})})]})})}function P({card:e,reportTitle:n,actions:r,timeframe:l,allowedValues:i,chartElement:o,onTimeframeChange:d}){return e.fetchState==="In-Progress"||e.fetchState==="Not-Started"?t.jsx(ee,{dimension:e.dimension,animated:!e.disableAnimations}):e.fetchState==="Error"?t.jsx(te,{dimension:e.dimension,cardType:e.cardType,cardIndex:e.cardIndex,onReloadData:r.onReloadData,reportTitle:n}):t.jsx(ue,{dimension:e.dimension,reportTitle:n,cardType:e.cardType,cardIndex:e.cardIndex,onCardClick:r.onCardClick,timeframe:l,allowedValues:i??["month","quarter","year"],chartElement:o,onTimeframeChange:s=>{r.onTimeframeChange?.(e.cardType,s),d?.(e.cardType,s)}})}w.memo(P);const A=(e,n,r)=>{const l=n.map(a=>({label:a.timePeriod,startDate:a.startDate,endDate:a.endDate})),i=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=i?.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:i??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{aF as z,J as M,V as t,d as x,u as f,b as T,aZ as H,aP as R,aN as F,o as p
   height: ${p.sp4};
 `,xe=g(C)`
   margin-left: ${p.sp2};
-`,ye=g(U)`
+`,ye=g(F)`
   flex: 1 1 0;
   color: ${e=>e.theme.colors.primary};
-`,be=g(X)`
+`,be=g(Q)`
   flex: 1 1 0;
   margin-right: ${p.sp2};
-`;function je({report:e,width:n,height:r,showBarHoverBackground:l}){const i=x(),o=A(e.topExpenses.accountsOrdered.length,e.allTimePeriods,e.topExpenses),d=(s,h)=>t.jsx(K,{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:i.colors.background},children:s.map(c=>t.jsx(P,{fill:i.colors.topExCustomColor},h))},Math.random());return o.chartItems.length===0?null:t.jsx(De,{chartItemArray:o.chartItems,showBarHoverBackground:l,barElement:d(o.chartItems,o.chartItems[0].barKey),width:n,height:r})}const we=e=>{const{barKey:n,payload:r,chartItems:l,width:i,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:i,height:b,children:t.jsxs(ge,{children:[t.jsxs(pe,{children:[t.jsx(fe,{src:s.logo,alt:s.accountDescription,loading:"lazy"}),t.jsx(xe,{children:s.accountDescription})]}),t.jsx(ye,{children:"⟶"}),t.jsx(be,{children:R("0,0",s[n])})]})})},De=({chartItemArray:e,barElement:n,width:r,height:l})=>{const i=e[0],o=i.total,d=i.barKey;return t.jsxs(k,{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(L,{hide:!0,axisLine:!1,type:"number",domain:[s=>Math.min(0,s),o?.amount??0]}),t.jsx($,{orientation:"left",yAxisId:0,dataKey:s=>s.accountId,type:"category",axisLine:!1,tickLine:!1,width:r/2,mirror:!1,tick:t.jsx(we,{width:r/2,chartItems:e,barKey:d})}),n]})},I=41,v=4;function Ie({report:e,width:n,height:r,showBarHoverBackground:l,isDetailPage:i}){const o=x(),d=A(i===!0?e.topExpenses.accountsOrdered.length:6,e.allTimePeriods,e.topExpenses),s=(h,c,a)=>t.jsxs(K,{dataKey:m=>{const u=m[c]!=null?m[c]:void 0;return u!=null&&u.amount>0?u.amount:0},isAnimationActive:!0,animationDuration:i===!0?800:void 0,background:void 0,children:[t.jsx(ne,{dataKey:"accountDescription",position:"insideLeft",offset:8,content:m=>{const{x:u,y,value:B,height:_,offset:V}=m;return t.jsx(oe,{x:u+V,y:y+_/2,fill:o.colors.hero,fontSize:T.smallRegular.fontSize,verticalAnchor:"middle",width:a-110,maxLines:1,children:B})}}),h.map(m=>t.jsx(P,{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(ve,{chartItemArray:d.chartItems,showBarHoverBackground:l,barElement:s(d.chartItems,d.chartItems[0].barKey,n),width:n,height:r,isDetailPage:i===!0})}const ve=({chartItemArray:e,barElement:n,width:r,height:l,isDetailPage:i})=>{const o=x(),d=e[0],s=d.total,h=d.barKey,c=s?.currencySymbol??"";return t.jsxs(k,{data:e,layout:"vertical",width:r,barCategoryGap:i?v:2,height:i?e.length?(I+2*v)*e.length:l:l+5,barSize:i?I:38,margin:{top:0,right:i?f[0]:f[3],left:i?f[0]:f[3],bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:i?"default":"pointer"},children:[t.jsx(L,{hide:!0,axisLine:!1,type:"number",domain:[a=>Math.min(0,a),s?.amount??0]}),t.jsx($,{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,...T.smallRegular.cssObject},tickFormatter:a=>a!==0?H("0,0.[00]a",a,c):""}),n]})};function Te(e){const n=M();return n!=="small"&&n!=="medium-compact"&&e.isDetailPage===!0?t.jsx(je,{...e}):t.jsx(Ie,{...e})}const Ce=w.memo(Te,z);function Se(e){if(e==null||e.length===0)return!0;let n=!0;for(const r of e)if(r.balance.available.amount!==0){n=!1;break}return n}function Ee({card:e,actions:n,data:r,dndProps:l}){const[i,o]=W.useState(r?.topExTimePeriod??"last_month"),d=[...Z],s=e.fetchState==="Completed"?Se(r?.topExpenses.accountsOrdered):!1,h=(c,a)=>s===!1?t.jsx(Ce,{report:r,width:c,height:a,timeframe:i}):t.jsx(ce,{width:c,height:a,label:S.getLocalizedStrings().chartCard.no_data.top_expenses[i]});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(O,{card:e,actions:n,timeframe:i,chartElement:h,allowedValues:d,onTimeframeChange:(c,a)=>o(a)})},e.cardIndex)}w.memo(Ee);export{O as A,Se as E,Ce as I,Ee as L,ce as c};
+`;function je({report:e,width:n,height:r,showBarHoverBackground:l}){const i=x(),o=A(e.topExpenses.accountsOrdered.length,e.allTimePeriods,e.topExpenses),d=(s,h)=>t.jsx($,{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:i.colors.background},children:s.map(c=>t.jsx(O,{fill:i.colors.topExCustomColor},h))},Math.random());return o.chartItems.length===0?null:t.jsx(De,{chartItemArray:o.chartItems,showBarHoverBackground:l,barElement:d(o.chartItems,o.chartItems[0].barKey),width:n,height:r})}const we=e=>{const{barKey:n,payload:r,chartItems:l,width:i,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:i,height:b,children:t.jsxs(ge,{children:[t.jsxs(pe,{children:[t.jsx(fe,{src:s.logo,alt:s.accountDescription,loading:"lazy"}),t.jsx(xe,{children:s.accountDescription})]}),t.jsx(ye,{children:"⟶"}),t.jsx(be,{children:H("0,0",s[n])})]})})},De=({chartItemArray:e,barElement:n,width:r,height:l})=>{const i=e[0],o=i.total,d=i.barKey;return t.jsxs(k,{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(K,{hide:!0,axisLine:!1,type:"number",domain:[s=>Math.min(0,s),o?.amount??0]}),t.jsx(L,{orientation:"left",yAxisId:0,dataKey:s=>s.accountId,type:"category",axisLine:!1,tickLine:!1,width:r/2,mirror:!1,tick:t.jsx(we,{width:r/2,chartItems:e,barKey:d})}),n]})},I=41,v=4;function Ie({report:e,width:n,height:r,showBarHoverBackground:l,isDetailPage:i}){const o=x(),d=A(i===!0?e.topExpenses.accountsOrdered.length:6,e.allTimePeriods,e.topExpenses),s=(h,c,a)=>t.jsxs($,{dataKey:m=>{const u=m[c]!=null?m[c]:void 0;return u!=null&&u.amount>0?u.amount:0},isAnimationActive:!0,animationDuration:i===!0?800:void 0,background:void 0,children:[t.jsx(ne,{dataKey:"accountDescription",position:"insideLeft",offset:8,content:m=>{const{x:u,y,value:B,height:_,offset:V}=m;return t.jsx(oe,{x:u+V,y:y+_/2,fill:o.colors.hero,fontSize:T.smallRegular.fontSize,verticalAnchor:"middle",width:a-110,maxLines:1,children:B})}}),h.map(m=>t.jsx(O,{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(ve,{chartItemArray:d.chartItems,showBarHoverBackground:l,barElement:s(d.chartItems,d.chartItems[0].barKey,n),width:n,height:r,isDetailPage:i===!0})}const ve=({chartItemArray:e,barElement:n,width:r,height:l,isDetailPage:i})=>{const o=x(),d=e[0],s=d.total,h=d.barKey,c=s?.currencySymbol??"";return t.jsxs(k,{data:e,layout:"vertical",width:r,barCategoryGap:i?v:2,height:i?e.length?(I+2*v)*e.length:l:l+5,barSize:i?I:38,margin:{top:0,right:i?f[0]:f[3],left:i?f[0]:f[3],bottom:0},style:{display:"flex",flex:"1 1 auto",cursor:i?"default":"pointer"},children:[t.jsx(K,{hide:!0,axisLine:!1,type:"number",domain:[a=>Math.min(0,a),s?.amount??0]}),t.jsx(L,{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,...T.smallRegular.cssObject},tickFormatter:a=>a!==0?R("0,0.[00]a",a,c):""}),n]})};function Te(e){const n=z();return n!=="small"&&n!=="medium-compact"&&e.isDetailPage===!0?t.jsx(je,{...e}):t.jsx(Ie,{...e})}const Ce=w.memo(Te,M);function Se(e){if(e==null||e.length===0)return!0;let n=!0;for(const r of e)if(r.balance.available.amount!==0){n=!1;break}return n}function Ee({card:e,actions:n,data:r,dndProps:l}){const[i,o]=Z.useState(r?.topExTimePeriod??"last_month"),d=[...W],s=e.fetchState==="Completed"?Se(r?.topExpenses.accountsOrdered):!1,h=(c,a)=>s===!1?t.jsx(Ce,{report:r,width:c,height:a,timeframe:i}):t.jsx(ce,{width:c,height:a,label:S.getLocalizedStrings().chartCard.no_data.top_expenses[i]});return t.jsx(X,{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:n,timeframe:i,chartElement:h,allowedValues:d,onTimeframeChange:(c,a)=>o(a)})},e.cardIndex)}w.memo(Ee);export{P as A,Se as E,Ce as I,Ee as L,ce as c};

package/dist/assets/{TopExDetailPage-DZyUPQ9i-BLn9-yw3.js → TopExDetailPage-Rtrcdkcp-BJDfbujg.js}

@@ -1,4 +1,4 @@
-import{d as v,J as A,V as t,bD as S,F as f,aP as j,b4 as B,w as P,o as i,y as b,bR as H,bt as D,u as c,p as V,am as $,ab as F,b0 as z}from"./index-i62ZqD9V.js";import{n}from"./mui-rLvQ8A4a.js";import{F7 as T}from"./zeni-epic-state-DwkN4IvA.js";import{E as _,I}from"./TopExCard-DlberdWy-C2q30Aki.js";import{b as M}from"./TimeframeSwitcher-C8iVJfJz-r75odRQ8.js";import{d as L}from"./NoDataTable-B7LkfAQX-Bh-1O4BJ.js";import{P as Z,a as o}from"./sentry-DhNwX3jk.js";import"./liveblocks-DXGUxn7J.js";import"./core-DQ8U4CJb.js";import"./recharts-BYppTjSs.js";import"./lottie-C1yptpVV.js";import"./analytics-DkApCpAh.js";import"./lexical-CvUIM9vD.js";import"./utils-BdIPH7k8.js";import"./ReloadCard-BluhBNO--JXB8TN8J.js";import"./graphic-no-data-l-DU4J8fDt-B74xUk4A.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="7d30376b-59c1-4177-bea1-b0eb6ec29858",e._sentryDebugIdIdentifier="sentry-dbid-7d30376b-59c1-4177-bea1-b0eb6ec29858")}catch{}})();const E="141px",O=i.sp4,N="123px",R=n(z)`
+import{e as v,J as S,V as t,bD as A,F as f,aO as b,b4 as B,x as P,o as i,y as E,bR as H,bt as D,u as c,p as V,al as $,aQ as F,b0 as z}from"./index-GSKpJ8ET.js";import{n}from"./mui-DenpH-hx.js";import{F7 as T}from"./zeni-epic-state-BKgIzPpM.js";import{E as _,I}from"./TopExCard-Cy6tPVSx-B-keVDu8.js";import{b as M}from"./TimeframeSwitcher-BppC6giF-D-wC9bQx.js";import{d as Z}from"./NoDataTable-9xF1_3XS-gmK0ApJv.js";import{P as L,a as o}from"./sentry-BZBky1_g.js";import"./liveblocks-D1OOExFG.js";import"./core-CEu4PzGb.js";import"./recharts-9NtTDQfo.js";import"./lottie-fNTw06NH.js";import"./analytics-DgE91yP9.js";import"./lexical-CnqcqOEB.js";import"./utils-CHibiken.js";import"./ReloadCard-C81rGzOp-DY4k84ea.js";import"./graphic-no-data-l-DU4J8fDt-CtMgv3E2.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="7341dae9-de0b-4553-aa07-6aae4105dca4",e._sentryDebugIdIdentifier="sentry-dbid-7341dae9-de0b-4553-aa07-6aae4105dca4")}catch{}})();const j="141px",O=i.sp4,N="123px",R=n(z)`
   color: inherit;
   width: ${i.sp3};
   height: ${i.sp3};
@@ -18,31 +18,31 @@ import{d as v,J as A,V as t,bD as S,F as f,aP as j,b4 as B,w as P,o as i,y as b,
   &:hover {
     color: ${e=>e.isClickable?e.theme.colors.primary:e.theme.colors.hero};
   }
-`,W=n.div`
+`,Q=n.div`
   display: flex;
   flex-grow: 1;
   flex-shrink: 0;
   flex-direction: row;
   justify-content: flex-end;
-`,X=n($)`
+`,W=n($)`
   user-select: none;
-  width: ${E};
-  min-width: ${E};
+  width: ${j};
+  min-width: ${j};
   text-align: right;
   margin-left: ${O};
-`,q=n.div`
+`,X=n.div`
   display: flex;
   flex-direction: row;
   flex-shrink: 2;
   flex-grow: 1;
   align-items: center;
-`,G=n($)`
+`,q=n($)`
   user-select: none;
   display: flex;
   min-width: ${N};
   text-align: left;
   margin-left: ${i.sp4};
-`;function K({leftChevron:e,account:l,onAccountBalanceClick:a}){const s=l!=null&&l.balance!=null,r=e==="hidden",g=s?"pointer":"default",d=r===!1&&s,w=d?"pointer":"default",h=r?c[6]:c[4],m=R,{common:{strings:{empty:y}}}=f.getLocalizedStrings(),C=l?.accountDescription?l.accountDescription:y,x=l?.accountName?l.accountName:C;return t.jsxs(J,{isClickable:d,children:[t.jsxs(q,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(G,{"data-testid":F("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&l!=null&&l.balance!=null&&a?.(l)},children:x})]}),t.jsx(W,{style:{cursor:g},children:t.jsx(X,{isClickable:s,onClick:()=>{l?.balance!=null&&a?.(l)},children:j("0,0",l?.balance.available)})})]})}const Q=n.div`
+`;function G({leftChevron:e,account:l,onAccountBalanceClick:a}){const s=l!=null&&l.balance!=null,r=e==="hidden",g=s?"pointer":"default",d=r===!1&&s,w=d?"pointer":"default",h=r?c[6]:c[4],m=R,{common:{strings:{empty:y}}}=f.getLocalizedStrings(),C=l?.accountDescription?l.accountDescription:y,x=l?.accountName?l.accountName:C;return t.jsxs(J,{isClickable:d,children:[t.jsxs(X,{style:{cursor:w},isClickable:d,children:[r===!1?t.jsx(m,{style:{minWidth:c[3],minHeight:c[3]}}):null,t.jsx(q,{"data-testid":F("top-ex-account-name",x),style:{marginLeft:h},title:x,onClick:()=>{d&&l!=null&&l.balance!=null&&a?.(l)},children:x})]}),t.jsx(Q,{style:{cursor:g},children:t.jsx(W,{isClickable:s,onClick:()=>{l?.balance!=null&&a?.(l)},children:b("0,0",l?.balance.available)})})]})}const K=n.div`
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -56,7 +56,7 @@ import{d as v,J as A,V as t,bD as S,F as f,aP as j,b4 as B,w as P,o as i,y as b,
   width: 100%;
   height: 1px;
   background-color: ${e=>e.theme.colors.grey3};
-`;function ee({accounts:e,onAccountBalanceClick:l}){const a=(s,r)=>s.length>1&&r<s.length-1;return t.jsx(Q,{children:e?.map((s,r)=>t.jsxs(U,{children:[t.jsx(K,{leftChevron:"collapsed",account:s,onAccountBalanceClick:l}),a(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=Z.memo(ee),ie=n.div`
+`;function ee({accounts:e,onAccountBalanceClick:l}){const a=(s,r)=>s.length>1&&r<s.length-1;return t.jsx(K,{children:e?.map((s,r)=>t.jsxs(U,{children:[t.jsx(G,{leftChevron:"collapsed",account:s,onAccountBalanceClick:l}),a(e,r)===!0?t.jsx(Y,{}):null]},r))})}const te=L.memo(ee),ie=n.div`
   margin: ${i.sp0} ${i.sp0} ${i.sp6} ${i.sp0};
   background-color: inherit;
   width: 100%;
@@ -84,7 +84,7 @@ import{d as v,J as A,V as t,bD as S,F as f,aP as j,b4 as B,w as P,o as i,y as b,
 `,ce=n($)`
   color: ${V.alert};
   margin: ${i.sp3} ${i.sp0} ${i.sp5} ${i.sp0};
-`;function de(){switch(v().mode){case"light":return t.jsx(oe,{width:"100%",preserveAspectRatio:"none"});case"dark":default:return t.jsx(le,{width:"100%",preserveAspectRatio:"none"})}}function pe({title:e}){return t.jsxs(re,{children:[e!=null?t.jsx(ce,{children:e}):null,t.jsx(ae,{children:t.jsx(se,{children:t.jsx(de,{})})})]})}const u={wrapperPadding:new b(c[3],c[3],c[8]),chartContainerMinHeight:new b(c[12],c[11])},he=n.div`
+`;function de(){switch(v().mode){case"light":return t.jsx(oe,{width:"100%",preserveAspectRatio:"none"});case"dark":default:return t.jsx(le,{width:"100%",preserveAspectRatio:"none"})}}function pe({title:e}){return t.jsxs(re,{children:[e!=null?t.jsx(ce,{children:e}):null,t.jsx(ae,{children:t.jsx(se,{children:t.jsx(de,{})})})]})}const u={wrapperPadding:new E(c[3],c[3],c[8]),chartContainerMinHeight:new E(c[12],c[11])},he=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -129,4 +129,4 @@ import{d as v,J as A,V as t,bD as S,F as f,aP as j,b4 as B,w as P,o as i,y as b,
   margin-bottom: ${i.sp5};
 `,$e=n.div`
   display: flex;
-`;function Ie(e){const l=v(),{report:a,onTimeframeSelectionChanged:s,onAccountBalanceClick:r,onBackClick:g}=e,d=A(),w=[...T],h=_(a.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:y}=a,C=y.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(S,{source:"TopExDetailPage",title:f.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:l.colors.grey5,onBackClick:g,searchAutoComplete:{autoCompleteData:e.autoCompleteData,autoCompleteActions:{...e.autoCompleteActions,onAutoCompleteEntity:x}}}),t.jsxs(me,{windowSize:d,children:[t.jsx(fe,{children:t.jsx(xe,{children:t.jsx(M,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{s?.(p)}})})}),h?null:t.jsxs(ge,{children:[t.jsx(we,{children:j("0,0",C)}),t.jsx(ye,{children:f.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx($e,{children:t.jsx(pe,{title:`${f.getLocalizedStrings().chartCard.no_data_available_for} ${f.getLocalizedStrings().timeframe[m]}`})}):t.jsx(Ce,{windowSize:d,children:t.jsx(B,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(I,{report:a,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(ue,{windowSize:d,children:h?t.jsx(L,{}):t.jsx(ne,{report:a,onAccountBalanceClick:r})})]})}export{Ie as default};
+`;function Ie(e){const l=v(),{report:a,onTimeframeSelectionChanged:s,onAccountBalanceClick:r,onBackClick:g}=e,d=S(),w=[...T],h=_(a.topExpenses.accountsOrdered),{topExTimePeriod:m,topExpenses:y}=a,C=y.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(A,{source:"TopExDetailPage",title:f.getLocalizedStrings().reportTitleById.top_expenses,backgroundColor:l.colors.grey5,onBackClick:g,searchAutoComplete:{autoCompleteData:e.autoCompleteData,autoCompleteActions:{...e.autoCompleteActions,onAutoCompleteEntity:x}}}),t.jsxs(me,{windowSize:d,children:[t.jsx(fe,{children:t.jsx(xe,{children:t.jsx(M,{timeframes:w,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{s?.(p)}})})}),h?null:t.jsxs(ge,{children:[t.jsx(we,{children:b("0,0",C)}),t.jsx(ye,{children:f.getLocalizedStrings().reports.detail.topEx.insightLabel})]}),h?t.jsx($e,{children:t.jsx(pe,{title:`${f.getLocalizedStrings().chartCard.no_data_available_for} ${f.getLocalizedStrings().timeframe[m]}`})}):t.jsx(Ce,{windowSize:d,children:t.jsx(B,{style:{height:"fit-content"},children:({height:p,width:k})=>t.jsx(I,{report:a,timeframe:m,showBarHoverBackground:!1,width:k,height:p,isDetailPage:!0})})})]}),t.jsx(ue,{windowSize:d,children:h?t.jsx(Z,{}):t.jsx(ne,{report:a,onAccountBalanceClick:r})})]})}export{Ie as default};