@zeniai/web-cockpit-ui 1.14.41-qa → 1.14.42-dev

package/dist/assets/{NotificationsPage-CKcEU-jy-D9LjSHYu.js → NotificationsPage-d4HJEE7S-DignNo6N.js}

@@ -1,4 +1,4 @@
-import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 as Xt,o as i,b as we,gu as Qt,C as R,hu as ei,v as Ne,m as ti,H as et,bS as tt,aj as it,dl as ot,b_ as st,jd as at,q as y,K as ii,je as oi,dj as ce,ae as si,J as ai,y as rt,g as S,w as ri,bh as z,cn as ue,fG as he,jf as pe,Y as nt,x as lt,dt as E,d4 as dt,fP as ni,t as Q,hI as li,n as H,f3 as di,a8 as ye,ap as fe,jg as ci,be as ct,jh as Ie,aR as ui}from"./index-IgYBqF_x.js";import{b as x,n as r,j as A}from"./vendor-rkTZJa59.js";import{k as hi}from"./SubTabSwitcher-CKh0fbAL-CZyzUbuM.js";import{d as ut}from"./useLongPress-GCK2COYQ-BoJXFS3o.js";import{A as ht,t as pt,a as ft,E as mt,L as gt,I as xt}from"./NotificationsListConfig-DINVh9-P-Cr5z8nJ2.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";function pi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:u}){const h=v(),p=X(),m=x.useCallback(b=>{d(b.id)},[d]),f=x.useCallback(b=>{u(b.id)},[u]);return e.length===0?null:t.jsxs(fi,{windowSize:h,children:[t.jsx(ei,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(hi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const fi=r.div`
+import{u as Q,e as v,a as Jt,R as P,ca as qt,j as t,aX as Zt,l as g,F as Xt,a4 as Qt,o as i,_ as we,gu as Kt,C as R,hu as ei,v as Ne,m as ti,D as et,bS as tt,aj as it,dl as ot,b_ as st,jd as at,q as y,Q as ii,je as oi,dj as ce,ae as si,X as ai,g as rt,f as S,w as ri,bh as z,cn as ue,fG as he,jf as pe,Y as nt,b as lt,dt as E,d4 as dt,fP as ni,y as K,hI as li,n as H,f3 as di,a8 as ye,ap as fe,jg as ci,be as ct,jh as Ie,aR as ui}from"./index-DESjn-8d.js";import{b as x,n as r,j as A}from"./vendor-rkTZJa59.js";import{k as hi}from"./SubTabSwitcher-BNFnbB_T-DaWGnnx_.js";import{d as ut}from"./useLongPress-GCK2COYQ-BoJXFS3o.js";import{A as ht,t as pt,a as ft,E as mt,L as gt,I as xt}from"./NotificationsListConfig-EynMAcn9-B66CEzXh.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";function pi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:u}){const h=v(),p=Q(),m=x.useCallback(b=>{d(b.id)},[d]),f=x.useCallback(b=>{u(b.id)},[u]);return e.length===0?null:t.jsxs(fi,{windowSize:h,children:[t.jsx(ei,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(hi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const fi=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -61,14 +61,14 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,Ri=r(Q)`
+`,Ri=r(K)`
   color: inherit;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: ${e=>le.lineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   width: ${e=>le.sectionWidth.valuePercentage(e.windowSize)};
-`,zi=r.strong``,Di=r.code``,_i=r.em``,Mi=r.s``,Oi=r.span``,Ai=r.a``,Pi=r(Q)`
+`,zi=r.strong``,Di=r.code``,_i=r.em``,Mi=r.s``,Oi=r.span``,Ai=r.a``,Pi=r(K)`
   color: inherit;
   display: -webkit-box;
   overflow: hidden;
@@ -158,21 +158,21 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
   align-items: baseline;
   flex-direction: row;
   justify-content: end;
-`,Wi=()=>v()==="small"?t.jsx(Ei,{}):t.jsx(Gi,{}),Ji={marginLeft:new R(y[2],y[5],y[7])},qi=()=>t.jsxs(Zi,{children:[t.jsx(Se,{numberOfRows:5}),t.jsx(Se,{numberOfRows:3})]}),Se=({numberOfRows:e})=>{const o=v();return t.jsxs(Ki,{windowSize:o,children:[t.jsx(Qi,{children:t.jsx(z,{width:y[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(Xi,{children:[...Array(e)].map(s=>t.jsx(Wi,{},ce()))})]})},Zi=r.div`
+`,Wi=()=>v()==="small"?t.jsx(Ei,{}):t.jsx(Gi,{}),Ji={marginLeft:new R(y[2],y[5],y[7])},qi=()=>t.jsxs(Zi,{children:[t.jsx(Se,{numberOfRows:5}),t.jsx(Se,{numberOfRows:3})]}),Se=({numberOfRows:e})=>{const o=v();return t.jsxs(Xi,{windowSize:o,children:[t.jsx(Ki,{children:t.jsx(z,{width:y[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(Qi,{children:[...Array(e)].map(s=>t.jsx(Wi,{},ce()))})]})},Zi=r.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
   width: 100%;
-`,Ki=r.div`
+`,Xi=r.div`
   display: flex;
   flex-direction: column;
   margin-bottom: ${i.sp5};
   margin-left: ${e=>Ji.marginLeft.valuePx(e.windowSize)};
-`,Xi=r.div`
+`,Qi=r.div`
   display: flex;
   flex-direction: column;
   border-radius: ${i.sp2};
-`,Qi=r.div`
+`,Ki=r.div`
   display: flex;
   padding: ${i.sp3} ${i.sp0};
 `,eo=({notificationData:e,users:o,isSelectionMode:s=!1,isHighlighted:a=!1,style:n,onNotificationTileClick:l,onNotificationTileLongPress:c})=>{const d=nt(),u=lt().analytics,{inboxNotification:{id:h,readAt:p,notifiedAt:m},thread:f}=e,b=p!=null?"read":"unread",k=f.metadata.url,B=x.useCallback(()=>{c?.()},[c]),D=x.useCallback(w=>{w.stopPropagation(),w.cancelable&&w.preventDefault(),s?c?.():k!=null&&(l(h,g.toZeniUrl(f.metadata.url),b),f.metadata.application!=="cockpit"&&u.trackCommentActivity("notification","clicked",f.metadata.companyName,d.controllersList.controllers.map(L=>E(L)),f.resolved?"resolved":"open",{name:dt(d.loggedInUser),email:d.loggedInUser?.userEmail??""},"db notification"))},[s,k,c,l,h,f.metadata.url,f.metadata.application,b,d.controllersList,d.loggedInUser,u,f.metadata.companyName,f.resolved]),T=ut({onLongPress:B},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(so,{readStatus:b,isClickable:k!=null,isHighlighted:a,style:n,...T,onClick:D,children:[t.jsxs(ro,{children:[t.jsx(to,{notificationData:e,users:o}),t.jsx(io,{...e})]}),t.jsx(oo,{timestamp:m,readStatus:b})]})},to=({notificationData:e,users:o})=>t.jsx(Nt,{children:t.jsx(St,{notificationData:e,users:o})}),io=e=>t.jsx(Nt,{children:t.jsx(vt,{...e})}),oo=e=>t.jsx(ao,{children:t.jsx(Ct,{...e})}),so=r.div`
@@ -239,12 +239,12 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
   display: flex;
   flex-direction: column;
   gap: ${i.sp2};
-`,Nt=r(Q)`
+`,Nt=r(K)`
   color: inherit;
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;
-`,Tt=e=>v()==="small"?t.jsx(eo,{...e}):t.jsx(ji,{...e}),{common:{all:_e}}=P.getLocalizedStrings(),no=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=X(),{getValues:u}=ue(),h=u(s);return t.jsx(lo,{style:n,children:t.jsx(he,{mode:a,checkBoxes:[{label:t.jsx(co,{htmlFor:`${s}.${_e.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:me(e)}),value:_e.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Tt,{notificationData:p,users:o,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0},isHighlighted:h?.includes(p.inboxNotification.id)===!0,onNotificationTileClick:c}),value:p.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},lo=r.div`
+`,Tt=e=>v()==="small"?t.jsx(eo,{...e}):t.jsx(ji,{...e}),{common:{all:_e}}=P.getLocalizedStrings(),no=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:u}=ue(),h=u(s);return t.jsx(lo,{style:n,children:t.jsx(he,{mode:a,checkBoxes:[{label:t.jsx(co,{htmlFor:`${s}.${_e.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:me(e)}),value:_e.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Tt,{notificationData:p,users:o,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0},isHighlighted:h?.includes(p.inboxNotification.id)===!0,onNotificationTileClick:c}),value:p.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},lo=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -253,7 +253,7 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:Me}}=P.getLocalizedStrings(),uo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=X(),{getValues:u}=ue(),h=u(s),p=x.useRef([]);return x.useEffect(()=>{p.current=p.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(ho,{style:n,children:t.jsx(he,{mode:a,checkBoxes:[{label:t.jsx(Oe,{htmlFor:`${s}.${Me.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:me(e)}),value:Me.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((m,f)=>{const b=f===0,k=e.notifications.length-1===f;return{label:t.jsx(Oe,{ref:B=>p.current[f]=B,htmlFor:`${s}.${m.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(po,{notificationData:m,users:o,style:{borderTopLeftRadius:b?i.sp2:void 0,borderTopRightRadius:b?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:h?.includes(m.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{p.current[f]?.click()}})}),value:m.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:d.colors.grey5}})})},ho=r.div`
+`,{common:{all:Me}}=P.getLocalizedStrings(),uo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:u}=ue(),h=u(s),p=x.useRef([]);return x.useEffect(()=>{p.current=p.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(ho,{style:n,children:t.jsx(he,{mode:a,checkBoxes:[{label:t.jsx(Oe,{htmlFor:`${s}.${Me.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:me(e)}),value:Me.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((m,f)=>{const b=f===0,k=e.notifications.length-1===f;return{label:t.jsx(Oe,{ref:B=>p.current[f]=B,htmlFor:`${s}.${m.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(po,{notificationData:m,users:o,style:{borderTopLeftRadius:b?i.sp2:void 0,borderTopRightRadius:b?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:h?.includes(m.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{p.current[f]?.click()}})}),value:m.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:d.colors.grey5}})})},ho=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -342,7 +342,7 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,Fo=r(Q)`
+`,Fo=r(K)`
   color: inherit;
 
   ${e=>e.statusUpdate?A`
@@ -357,7 +357,7 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
           -webkit-box-orient: vertical;
         `};
   width: ${e=>de.sectionWidth.valuePercentage(e.windowSize)};
-`,Go=r(Q)`
+`,Go=r(K)`
   color: inherit;
   display: -webkit-box;
   overflow: hidden;
@@ -428,7 +428,7 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
   width: ${e=>e.isLastItem?"10%":zt.valuePercentage(e.windowSize)};
-`,Zo=()=>{const e=v();return t.jsxs(Ko,{windowSize:e,children:[t.jsxs(Ge,{children:[t.jsx(z,{width:180,height:y[4]}),t.jsx(z,{width:60,height:18})]}),t.jsxs(Ge,{children:[t.jsx(z,{width:180,height:y[4]}),t.jsx(z,{width:60,height:18})]})]})},Ko=r.div`
+`,Zo=()=>{const e=v();return t.jsxs(Xo,{windowSize:e,children:[t.jsxs(Ge,{children:[t.jsx(z,{width:180,height:y[4]}),t.jsx(z,{width:60,height:18})]}),t.jsxs(Ge,{children:[t.jsx(z,{width:180,height:y[4]}),t.jsx(z,{width:60,height:18})]})]})},Xo=r.div`
   display: flex;
   flex-direction: column;
   align-items: baseline;
@@ -462,7 +462,7 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
   gap: ${i.sp2};
   flex: 1 1 auto;
   width: 100%;
-`,Xo=()=>v()==="small"?t.jsx(Zo,{}):t.jsx(Jo,{}),Qo={marginLeft:new R(y[2],y[5],y[7])},es=()=>t.jsxs(ts,{children:[t.jsx(ve,{numberOfRows:5}),t.jsx(ve,{numberOfRows:3})]}),ve=({numberOfRows:e})=>{const o=v();return t.jsxs(is,{windowSize:o,children:[t.jsx(ss,{children:t.jsx(z,{width:y[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(os,{children:[...Array(e)].map(s=>t.jsx(Xo,{},ce()))})]})},ts=r.div`
+`,Qo=()=>v()==="small"?t.jsx(Zo,{}):t.jsx(Jo,{}),Ko={marginLeft:new R(y[2],y[5],y[7])},es=()=>t.jsxs(ts,{children:[t.jsx(ve,{numberOfRows:5}),t.jsx(ve,{numberOfRows:3})]}),ve=({numberOfRows:e})=>{const o=v();return t.jsxs(is,{windowSize:o,children:[t.jsx(ss,{children:t.jsx(z,{width:y[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(os,{children:[...Array(e)].map(s=>t.jsx(Qo,{},ce()))})]})},ts=r.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -471,7 +471,7 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
   display: flex;
   flex-direction: column;
   margin-bottom: ${i.sp5};
-  margin-left: ${e=>Qo.marginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>Ko.marginLeft.valuePx(e.windowSize)};
 `,os=r.div`
   display: flex;
   flex-direction: column;
@@ -550,7 +550,7 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
   width: 100%;
   justify-content: space-between;
   align-items: start;
-`,At=r(Q)`
+`,At=r(K)`
   color: inherit;
   ${e=>e.statusUpdate?A`
           display: flex;
@@ -561,7 +561,7 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
           -webkit-box-orient: horizontal;
           gap: ${i.sp1};
         `};
-`,Pt=e=>v()==="small"?t.jsx(as,{...e}):t.jsx(Io,{...e}),{common:{all:Ee}}=P.getLocalizedStrings(),ps=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=X(),{getValues:d}=ue(),u=d(o);return t.jsx(fs,{style:a,children:t.jsx(he,{mode:s,checkBoxes:[{label:t.jsx(ms,{htmlFor:`${o}.${Ee.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:me(e)}),value:Ee.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((h,p)=>{const m=p===0,f=e.notifications.length-1===p;return{label:t.jsx(Pt,{notificationData:h,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:f?i.sp2:void 0,borderBottomRightRadius:f?i.sp2:void 0},isHighlighted:u?.includes(h.notificationId)===!0,onNotificationTileClick:l}),value:h.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},fs=r.div`
+`,Pt=e=>v()==="small"?t.jsx(as,{...e}):t.jsx(Io,{...e}),{common:{all:Ee}}=P.getLocalizedStrings(),ps=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=ue(),u=d(o);return t.jsx(fs,{style:a,children:t.jsx(he,{mode:s,checkBoxes:[{label:t.jsx(ms,{htmlFor:`${o}.${Ee.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:me(e)}),value:Ee.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((h,p)=>{const m=p===0,f=e.notifications.length-1===p;return{label:t.jsx(Pt,{notificationData:h,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:f?i.sp2:void 0,borderBottomRightRadius:f?i.sp2:void 0},isHighlighted:u?.includes(h.notificationId)===!0,onNotificationTileClick:l}),value:h.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},fs=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -570,7 +570,7 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:He}}=P.getLocalizedStrings(),gs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=X(),{getValues:d}=ue(),u=d(o),h=x.useRef([]);return x.useEffect(()=>{h.current=h.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(xs,{style:a,children:t.jsx(he,{mode:s,checkBoxes:[{label:t.jsx(Ye,{htmlFor:`${o}.${He.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:me(e)}),value:He.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Ye,{ref:k=>h.current[m]=k,htmlFor:`${o}.${p.notificationId}`,style:{padding:i.sp0},children:t.jsx(bs,{notificationData:p,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(p.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{h.current[m]?.click()}})}),value:p.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},xs=r.div`
+`,{common:{all:He}}=P.getLocalizedStrings(),gs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=ue(),u=d(o),h=x.useRef([]);return x.useEffect(()=>{h.current=h.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(xs,{style:a,children:t.jsx(he,{mode:s,checkBoxes:[{label:t.jsx(Ye,{htmlFor:`${o}.${He.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:me(e)}),value:He.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Ye,{ref:k=>h.current[m]=k,htmlFor:`${o}.${p.notificationId}`,style:{padding:i.sp0},children:t.jsx(bs,{notificationData:p,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(p.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{h.current[m]?.click()}})}),value:p.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},xs=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -596,7 +596,7 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{all:Ce,texts:re,footer:Cs,strings:{plus:Ns},numbers:{maximumCount:Je}},commentsAndNotifications:{notifications:{title:Ts,texts:Bt,strings:qe}}}=P.getLocalizedStrings(),te={tableContainerLeftPadding:new R(y[2],y[2],y[2]),tableContainerRightPadding:new R(y[3],y[6],y[8]),tabsContainerLeftRightPadding:new R(y[3],y[6],y[8]),selectedNotificationsTextMarginLeft:new R(y[0],y[6],y[6])},Ls={selectedNotificationsText:new ai("smallRegular","standardRegular")},Ze="notificationsPage",Z="commentsNotificationsTable",K="notificationsTable",Ft=20,aa=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:n,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:u,onUpdateNotificationViewSubTab:h,onFetchMoreNotifications:p,onUpdateNotificationStatus:m,onSettingsClick:f,onBackClick:b,onMarkAllNotificationsAsRead:k})=>{const B=X(),D=v(),T=Jt({mode:"all",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Qe(e),[e]),values:x.useMemo(()=>Qe(e),[e])}),{currentTab:w,currentSubTab:L,notificationDetailsByTab:j,allSubTabs:Y,allNotifications:I,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:V}=e,U=x.useMemo(()=>Object.keys(j).map($=>({label:re[$],id:re[$].toLocaleLowerCase(),countDetails:{count:j[$].uiState.unreadCount,isFetching:j[$].fetchCountState.fetchState==="In-Progress"}})),[j]),W=x.useMemo(()=>Y.map($=>({label:$==="all"?Ce:re[$],id:$})),[Y]),Gt=x.useMemo(()=>$t(V).filter($=>$.notifications.length>0),[V]),Ut=x.useMemo(()=>It(G).filter($=>$.notifications.length>0),[G]),Et=async($,N)=>{const F=$.split(".")[0],J=[];F!=null&&(F===Z||F===K)&&(Object.values(N[F]).forEach(_=>{J.push(..._.filter(Wt=>Wt.includes(Ce.toLowerCase())===!1))}),d({selectedNotificationIds:J},w))};x.useEffect(()=>{const $=T.watch((N,{name:F})=>{F!=null&&N!=null&&qt(()=>Et(F,N))});return()=>{$.unsubscribe()}});const ge=x.useCallback(()=>{const $=[],N=j[w].selectedNotificationIdsForSubTab,F="read";if(w==="comments"){const J=C.filter(_=>_.inboxNotification.readAt==null).map(_=>_.inboxNotification.id);N.forEach(_=>{J.includes(_)&&$.push(_)})}else{const J=I.filter(_=>_.status!==F).map(_=>_.notificationId);N.forEach(_=>{J.includes(_)&&$.push(_)})}return $},[C,I,w,j]),Ht=ge().length>Ft?"disabled":a,xe=T.watch(Z),be=T.watch(K),Le=x.useCallback(()=>{p(w,L)},[p,w,L]),Yt=x.useCallback(()=>{if(w==="comments"){const $={};Object.keys(xe).forEach(N=>{$[N]=[]}),T.reset({[Z]:$,[K]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const $={};Object.keys(be).forEach(N=>{$[N]=[]}),T.reset({[K]:$,[Z]:xe},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},w)},[be,xe]),Vt=x.useCallback(()=>{const $=j[w].selectedNotificationIdsForSubTab,N="read",F=ge();m(w,$,N,F)},[w,j,ge,m]);return t.jsxs(Rs,{children:[t.jsx(Zt,{source:"NotificationsPage",title:Ts.notifications,backgroundColor:B.colors.grey4,onBackClick:b,rightSideComponent:s===!0?t.jsx(Vs,{onClick:f}):t.jsx(Ys,{})}),t.jsx(_s,{}),t.jsx(Ds,{windowSize:D,children:t.jsx(pi,{tabs:U,selectedTab:w,onTabChange:$=>{const N=g.toNotificationTabTypeStrict($);N!=null&&u(N)},subTabs:W,selectedSubTab:L,onSubTabChange:$=>{const N=g.toNotificationSubTabTypeStrict($);N!=null&&h(N)},subTabRightComponent:t.jsx(Is,{notificationCount:j[w].uiState.unreadCount,markAsAllReadUpdateState:j[w].markAsAllReadState.fetchState,markAsReadUpdateState:j[w].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(w)}})})}),t.jsx(zs,{windowSize:D,children:t.jsx(Kt,{...T,children:t.jsx("form",{id:Xe(Ze),onSubmit:T.handleSubmit(Vt),style:{width:"100%"},children:w==="comments"?t.jsx(go,{users:o,hasMore:j[w].uiState.hasMore,isFetching:j[w].fetchState==="In-Progress",scrollYOffset:j[w].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[w].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Gt,sectionId:Z,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[w].uiState.scrollYOffset,[L]:$}},w),onNotificationClick:l}):t.jsx($s,{hasMore:j[w].uiState.hasMore,isFetching:j[w].fetchState==="In-Progress",scrollYOffset:j[w].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[w].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ut,sectionId:K,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[w].uiState.scrollYOffset,[L]:$}},w),onNotificationClick:n})})})}),j[w].selectedNotificationIdsForSubTab.length?t.jsx(Xt,{formId:Xe(Ze),primaryBtn:{label:Bt.markAsRead,isLoading:j[w].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Ht!=null},cancelBtn:{label:Cs.cancel,isDisabled:j[w].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Yt},helperContainerStyle:D==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(we,{controller:D!=="small",children:t.jsx(Ke,{selectedNotificationsCount:j[w].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(we,{controller:D==="small",children:t.jsx(Ke,{selectedNotificationsCount:j[w].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(we,{controller:D!=="small",children:t.jsx(As,{})})}):null]})},Is=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const n=s===0,l=x.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!n&&a()},[e,o,n,a]);return t.jsx(Ms,{variant:"tertiary",size:"small",label:Bt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(ti,{size:"Small",start:!0}):t.jsx(Os,{className:"mark-as-read"}),disabled:n,textStyle:{fontWeight:Ne.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||n?"default":"pointer"}})},Ke=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Ps,{windowSize:o,children:[t.jsx(Fs,{children:t.jsx(Bs,{isCircular:e<10,children:t.jsx(Gs,{children:e>Je?`${Je}${Ns}`:e})})}),t.jsxs(Hs,{windowSize:o,children:[t.jsx(Us,{children:e>1?qe.notificationsSelected:qe.notificationSelected}),e>Ft?t.jsx(Es,{children:re.maxLimit}):null]})]})},Rs=r.div`
+`,{common:{all:Ce,texts:re,footer:Cs,strings:{plus:Ns},numbers:{maximumCount:Je}},commentsAndNotifications:{notifications:{title:Ts,texts:Bt,strings:qe}}}=P.getLocalizedStrings(),te={tableContainerLeftPadding:new R(y[2],y[2],y[2]),tableContainerRightPadding:new R(y[3],y[6],y[8]),tabsContainerLeftRightPadding:new R(y[3],y[6],y[8]),selectedNotificationsTextMarginLeft:new R(y[0],y[6],y[6])},Ls={selectedNotificationsText:new ai("smallRegular","standardRegular")},Ze="notificationsPage",Z="commentsNotificationsTable",X="notificationsTable",Ft=20,aa=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:n,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:u,onUpdateNotificationViewSubTab:h,onFetchMoreNotifications:p,onUpdateNotificationStatus:m,onSettingsClick:f,onBackClick:b,onMarkAllNotificationsAsRead:k})=>{const B=Q(),D=v(),T=Jt({mode:"all",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Ke(e),[e]),values:x.useMemo(()=>Ke(e),[e])}),{currentTab:w,currentSubTab:L,notificationDetailsByTab:j,allSubTabs:Y,allNotifications:I,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:V}=e,U=x.useMemo(()=>Object.keys(j).map($=>({label:re[$],id:re[$].toLocaleLowerCase(),countDetails:{count:j[$].uiState.unreadCount,isFetching:j[$].fetchCountState.fetchState==="In-Progress"}})),[j]),W=x.useMemo(()=>Y.map($=>({label:$==="all"?Ce:re[$],id:$})),[Y]),Gt=x.useMemo(()=>$t(V).filter($=>$.notifications.length>0),[V]),Ut=x.useMemo(()=>It(G).filter($=>$.notifications.length>0),[G]),Et=async($,N)=>{const F=$.split(".")[0],J=[];F!=null&&(F===Z||F===X)&&(Object.values(N[F]).forEach(_=>{J.push(..._.filter(Wt=>Wt.includes(Ce.toLowerCase())===!1))}),d({selectedNotificationIds:J},w))};x.useEffect(()=>{const $=T.watch((N,{name:F})=>{F!=null&&N!=null&&qt(()=>Et(F,N))});return()=>{$.unsubscribe()}});const ge=x.useCallback(()=>{const $=[],N=j[w].selectedNotificationIdsForSubTab,F="read";if(w==="comments"){const J=C.filter(_=>_.inboxNotification.readAt==null).map(_=>_.inboxNotification.id);N.forEach(_=>{J.includes(_)&&$.push(_)})}else{const J=I.filter(_=>_.status!==F).map(_=>_.notificationId);N.forEach(_=>{J.includes(_)&&$.push(_)})}return $},[C,I,w,j]),Ht=ge().length>Ft?"disabled":a,xe=T.watch(Z),be=T.watch(X),Le=x.useCallback(()=>{p(w,L)},[p,w,L]),Yt=x.useCallback(()=>{if(w==="comments"){const $={};Object.keys(xe).forEach(N=>{$[N]=[]}),T.reset({[Z]:$,[X]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const $={};Object.keys(be).forEach(N=>{$[N]=[]}),T.reset({[X]:$,[Z]:xe},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},w)},[be,xe]),Vt=x.useCallback(()=>{const $=j[w].selectedNotificationIdsForSubTab,N="read",F=ge();m(w,$,N,F)},[w,j,ge,m]);return t.jsxs(Rs,{children:[t.jsx(Zt,{source:"NotificationsPage",title:Ts.notifications,backgroundColor:B.colors.grey4,onBackClick:b,rightSideComponent:s===!0?t.jsx(Vs,{onClick:f}):t.jsx(Ys,{})}),t.jsx(_s,{}),t.jsx(Ds,{windowSize:D,children:t.jsx(pi,{tabs:U,selectedTab:w,onTabChange:$=>{const N=g.toNotificationTabTypeStrict($);N!=null&&u(N)},subTabs:W,selectedSubTab:L,onSubTabChange:$=>{const N=g.toNotificationSubTabTypeStrict($);N!=null&&h(N)},subTabRightComponent:t.jsx(Is,{notificationCount:j[w].uiState.unreadCount,markAsAllReadUpdateState:j[w].markAsAllReadState.fetchState,markAsReadUpdateState:j[w].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(w)}})})}),t.jsx(zs,{windowSize:D,children:t.jsx(Xt,{...T,children:t.jsx("form",{id:Qe(Ze),onSubmit:T.handleSubmit(Vt),style:{width:"100%"},children:w==="comments"?t.jsx(go,{users:o,hasMore:j[w].uiState.hasMore,isFetching:j[w].fetchState==="In-Progress",scrollYOffset:j[w].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[w].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Gt,sectionId:Z,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[w].uiState.scrollYOffset,[L]:$}},w),onNotificationClick:l}):t.jsx($s,{hasMore:j[w].uiState.hasMore,isFetching:j[w].fetchState==="In-Progress",scrollYOffset:j[w].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[w].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ut,sectionId:X,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[w].uiState.scrollYOffset,[L]:$}},w),onNotificationClick:n})})})}),j[w].selectedNotificationIdsForSubTab.length?t.jsx(Qt,{formId:Qe(Ze),primaryBtn:{label:Bt.markAsRead,isLoading:j[w].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Ht!=null},cancelBtn:{label:Cs.cancel,isDisabled:j[w].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Yt},helperContainerStyle:D==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(we,{controller:D!=="small",children:t.jsx(Xe,{selectedNotificationsCount:j[w].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(we,{controller:D==="small",children:t.jsx(Xe,{selectedNotificationsCount:j[w].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(we,{controller:D!=="small",children:t.jsx(As,{})})}):null]})},Is=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const n=s===0,l=x.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!n&&a()},[e,o,n,a]);return t.jsx(Ms,{variant:"tertiary",size:"small",label:Bt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(ti,{size:"Small",start:!0}):t.jsx(Os,{className:"mark-as-read"}),disabled:n,textStyle:{fontWeight:Ne.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||n?"default":"pointer"}})},Xe=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Ps,{windowSize:o,children:[t.jsx(Fs,{children:t.jsx(Bs,{isCircular:e<10,children:t.jsx(Gs,{children:e>Je?`${Je}${Ns}`:e})})}),t.jsxs(Hs,{windowSize:o,children:[t.jsx(Us,{children:e>1?qe.notificationsSelected:qe.notificationSelected}),e>Ft?t.jsx(Es,{children:re.maxLimit}):null]})]})},Rs=r.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -674,7 +674,7 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
 `,Ys=r.div`
   width: ${i.sp4};
   height: ${i.sp4};
-`,Vs=r(Qt)`
+`,Vs=r(Kt)`
   color: ${e=>e.theme.colors.hero};
   width: ${i.sp4};
   height: ${i.sp4};
@@ -682,4 +682,4 @@ import{u as X,e as v,a as Jt,B as P,ca as qt,j as t,aX as Zt,l as g,F as Kt,a4 a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Xe=e=>`${e}_form`,Qe=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:n}}}=e,l={};It(o).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(h=>h.notificationId);l[ne(d)]=a.filter(h=>u.includes(h))});const c={};return $t(s).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(h=>h.inboxNotification.id);c[ne(d)]=n.filter(h=>u.includes(h))}),{[Z]:c,[K]:l}},ra=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(n=>{n.includes(Ce.toLocaleLowerCase())===!1&&o.includes(n)&&s.push(n)})}),s};export{aa as default,ra as getSelectedNotificationIds,Xe as uniqueFormName};
+`,Qe=e=>`${e}_form`,Ke=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:n}}}=e,l={};It(o).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(h=>h.notificationId);l[ne(d)]=a.filter(h=>u.includes(h))});const c={};return $t(s).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(h=>h.inboxNotification.id);c[ne(d)]=n.filter(h=>u.includes(h))}),{[Z]:c,[X]:l}},ra=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(n=>{n.includes(Ce.toLocaleLowerCase())===!1&&o.includes(n)&&s.push(n)})}),s};export{aa as default,ra as getSelectedNotificationIds,Qe as uniqueFormName};

package/dist/assets/{OpExByVendorPage-3oQc7n37-ie-HlsGj.js → OpExByVendorPage-CmuEz33W-DHZbqMQl.js}

@@ -1,4 +1,4 @@
-import{e as G,ht as ye,B,u as q,bJ as be,H as _e,j as t,$ as Se,bg as ke,hs as we,aZ as ve,aX as Be,hu as $e,hv as Oe,o as u,a6 as je,m as Pe,C as F,aj as le,O as ie,a8 as Te,q as $,b0 as De,bL as Ne,bM as Ee,bN as Ie,g as a,t as ce,bd as Ae,b8 as Me,aw as Le,v as Z,av as Fe,ab as Ve,b9 as Re,bb as ze,l as We}from"./index-IgYBqF_x.js";import{b as y,n as m,f as Ke}from"./vendor-rkTZJa59.js";import{p as Ye,d as He,y as H,b as de,u as ee}from"./chartTypes-DJwqK5Pl-BjORIfWQ.js";import{V as Ge}from"./toChartData-pW2XLZo--pfboHwjV.js";import{m as V}from"./analyticsHelper-nzXGHX-f-DDF_mzG5.js";import{p as qe}from"./TimeRangeSwitcher-X1sd0HJo-D3i-wisc.js";import{M as Je}from"./TimeframeSwitcherWithToggle-Cnlgngu_-BVr6cN7Q.js";import{C as Qe}from"./NoDataChart-Cu34Y6fv-CDediDtZ.js";import{d as Ue}from"./NoDataTable-CPWzH0PE-DkDzGQpn.js";import{H as Xe,N as oe}from"./detailCommon-BqVKB773-C2U67xrp.js";import{n as R}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Ze,W as J}from"./CollapsableReportTable-C3JrOMbA-C8RANxS5.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-Brqz18bN-TNhDDil7.js";import{d as re}from"./mapLoadingInProgressToTreeNode-BrrNGuAc-CqsUk4Uv.js";import{l as eo}from"./mapSpacerToTreeNode-CgMaqSi_-CjubQCh8.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";import"./TimeframeSwitcher-TLcNg_CN-98HiGYj7.js";import"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";import"./AccountRow-D-CPGejv-C0MkYOn9.js";const oo=m.div`
+import{e as H,ht as xe,R as B,u as q,bJ as be,D as _e,j as t,W as Se,bg as ke,hs as we,aZ as ve,aX as Be,hu as $e,hv as Oe,o as u,a6 as je,m as Pe,C as F,aj as le,J as ie,a8 as Te,q as $,b0 as De,bL as Ne,bM as Ee,bN as Ie,f as a,y as ce,bd as Ae,b8 as Me,aw as Le,v as Z,av as Fe,ab as Re,b9 as Ve,bb as ze,l as We}from"./index-DESjn-8d.js";import{b as x,n as m,f as Ke}from"./vendor-rkTZJa59.js";import{p as Ye,d as Ge,y as G,b as de,u as ee}from"./chartTypes-C2jC2nzT-B64Jl2-O.js";import{V as He}from"./toChartData-BCFss2y_-DT7ekoOJ.js";import{m as R}from"./analyticsHelper-c9SRwhe3-rKFHsE9O.js";import{p as qe}from"./TimeRangeSwitcher-CNdJhUPl-Lk4TfGUR.js";import{M as Je}from"./TimeframeSwitcherWithToggle-gywVFoaK-CKJ0rtbC.js";import{C as Qe}from"./NoDataChart-D9tQhnyu-C94gJNvj.js";import{d as Ue}from"./NoDataTable-8FGbkVty-RgNhnWfj.js";import{H as Xe,N as oe}from"./detailCommon-BBImn49A-BK4c1Pxj.js";import{n as V}from"./getReferrerType-DjPOy76W-Cm31g4vJ.js";import{R as Ze,W as J}from"./CollapsableReportTable-B_qvVX0p-B7sAIIqY.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-Vy-w7j2m-DzRWaem3.js";import{d as re}from"./mapLoadingInProgressToTreeNode-CKsE235C-BIU8Mfd7.js";import{l as eo}from"./mapSpacerToTreeNode-DkIeEOlL-Pn1zCywK.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./TimeframeSwitcher-B7t79hiQ-DXBKb0F7.js";import"./graphic-no-data-l-DU4J8fDt-BBc6l6Au.js";import"./AccountRow-Dj74AzIh-BbDAUA8T.js";const oo=m.div`
   display: flex;
 `,ro=m.div`
   flex: display;
@@ -22,10 +22,10 @@ import{e as G,ht as ye,B,u as q,bJ as be,H as _e,j as t,$ as Se,bg as ke,hs as w
   width: 100%;
   height: 1px;
   background-color: ${a.neutralGrey3Dark};
-`,to=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const l=r.filter(C=>C.name==o)[0],i=l.payload,h=l.color,n={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:i.timeLabel})}return s},no=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),so=e=>{const r=to({...e});return r.length===0?null:t.jsx(no,{barLabelsWithValues:r,getVendorName:e.getVendorName})},lo=Ke.memo(so),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!ie(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const io=N.instance(),co=(e,r)=>{const o=new Set,s={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Ye(g,"actual");o.add(c),l==null&&n.balance!=null&&(l=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),l!=null?Ge(e,[...o],l,s):void 0},po=m.div`
+`,to=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const l=r.filter(C=>C.name==o)[0],i=l.payload,h=l.color,n={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=n.currencyCode,p.currencySymbol=n.currencySymbol,s.push({barName:de(o),actual:n,color:h,total:p,timeframeTick:i.timeLabel})}return s},no=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(ae,{children:[t.jsx(te,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(ne,{color:e[0].color,children:`${ee(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(ae,{children:[t.jsx(te,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(ne,{children:`${ee(e[0].total)}`})]})]})}),so=e=>{const r=to({...e});return r.length===0?null:t.jsx(no,{barLabelsWithValues:r,getVendorName:e.getVendorName})},lo=Ke.memo(so),se=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class N{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new N;getBarColor(r){const o=N.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=se.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=N.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!ie(s,r)}static init(){return this.#e=new N,this.#e}static instance(){return this.#e}}const io=N.instance(),co=(e,r)=>{const o=new Set,s={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Ye(g,"actual");o.add(c),l==null&&n.balance!=null&&(l=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),l!=null?He(e,[...o],l,s):void 0},po=m.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=y.useRef(!1),h=io,[n,p]=y.useState(void 0);y.useEffect(()=>{i.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(b=>{const S=l===!0&&!i.current;d.push(C(b,S))}),d},C=(d,b)=>t.jsx(ze,{name:d,animationDuration:b?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:b})=>b?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(lo,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=We.getOpexVendorTimeframeKey(d);try{const v=b.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(mo,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=He(e),g=i!==!1,c=h?(s-60)/H.operating_expenses_by_vendor*(H.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ae,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?$[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Me,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Le,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Fe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Ve("0,0.[00]a",f,p)}),t.jsx(Re,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/H.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function go(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function uo(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function fo(e){const r=uo(e);if(r!=null)return Co(e.statementEndPoint,e.authParams,r)}async function Co(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const i=await Ne({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ee(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ie(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function xo({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function yo({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function bo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const _o=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((C,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=bo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const C=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>yo({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&C==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(eo({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(xo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function So(e,r,o,s=!0){Object.assign(e.config,r);const l=ko(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const ko=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F($[3],$[3],$[8]),contentPaddingLeft:new F($[0],$[0],$[0]),contentPaddingRight:new F($[3],$[3],$[8])},wo=m.div`
+`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:l=!1}){const i=x.useRef(!1),h=io,[n,p]=x.useState(void 0);x.useEffect(()=>{i.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(b=>{const S=l===!0&&!i.current;d.push(C(b,S))}),d},C=(d,b)=>t.jsx(ze,{name:d,animationDuration:b?500:void 0,style:{cursor:"pointer"},dataKey:S=>{const v=S.record;return(v[d]?.amount!=null?v[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(de(d)),onMouseEnter:()=>{n!==d&&p(d)},onMouseLeave:()=>{n!=null&&p(void 0)}},d),_=({active:d,payload:b})=>b?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(lo,{active:d,payload:b,barName:n,getVendorName:f}):null,f=(d,b)=>{const S=We.getOpexVendorTimeframeKey(d);try{const v=b.split("_")[1];return e.top4VendorsAndOthers[S][parseInt(v)].vendor.name}catch(v){return console.warn("Was not able to parse vendor index for tooltip ",v),""}};return g==null?null:t.jsx(mo,{chartData:g,showBarHoverBackground:s,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const n=q(),p=Ge(e),g=i!==!1,c=h?(s-60)/G.operating_expenses_by_vendor*(G.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:s,height:l,children:t.jsx(le,{children:({height:C,width:_})=>t.jsxs(Ae,{width:_,height:C,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?$[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Me,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Le,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:n.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject}}),t.jsx(Fe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Re("0,0.[00]a",f,p)}),t.jsx(Ve,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(_-120)/G.operating_expenses_by_vendor,fill:n.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function go(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function uo(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:s}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:s,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function fo(e){const r=uo(e);if(r!=null)return Co(e.statementEndPoint,e.authParams,r)}async function Co(e,r,o){const s=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const i=await Ne({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ee(i.headers,s.defaultFileName),n=await i.arrayBuffer();Ie(n,h)}else console.error(`${s.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${s.reportErrorMessage} ${JSON.stringify(i)}`)}}function yo({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function xo({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:l}){const i=e.account?.accountName??"-",h=e.classBase?.className??"-",n=J("vendor_row",[],o+i+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:l}}}function bo({title:e,balances:r,config:o,numOfBalances:s,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const _o=(e,r,o,s=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=pe({balances:i,config:o}),n=[];n.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((C,_)=>{n.push(re({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=bo({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});n.push(f)}const C=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>xo({opExByVendor:f,title:f.vendor.name,numOfBalances:l,isLastNode:d===e.opexBalances.length-1&&C==null,config:o}));n.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(eo({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(yo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function So(e,r,o,s=!0){Object.assign(e.config,r);const l=ko(o),i=pe({balances:l,config:r});return{config:r,headerNodes:s?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const ko=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new F(288,360),wrapperPadding:new F($[3],$[3],$[8]),contentPaddingLeft:new F($[0],$[0],$[0]),contentPaddingRight:new F($[3],$[3],$[8])},wo=m.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -97,4 +97,4 @@ import{e as G,ht as ye,B,u as q,bJ as be,H as _e,j as t,$ as Se,bg as ke,hs as w
 `,Mo=m.div`
   width: 100%;
   height: calc(100vh - ${u.sp11});
-`,Lo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx(Pe,{size:"ExtraLarge",start:!0})}):null,gr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:b,updateDownloadStateHandler:S,onClearSearch:v,analytics:O,onClickMenuIcon:z})=>{const[P,I]=y.useState(o.searchString[o.timeframe]),[A,M]=y.useState(!1),k=G(),T=y.useRef(null),W=ye(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,Q=B.getLocalizedStrings().vendors,U=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:j}=o,D=o.searchString[j];be({componentName:"vendors.opex_by_vendor.list"});const fe=y.useCallback(w=>{n(j,D,w)},[j,D,n]),Ce=y.useCallback((w,x)=>{window.scrollTo({top:T.current?.offsetTop,behavior:"smooth"}),w.length>0?(C(!0),n(x,w,!1)):(C(!1),v(x))},[v,n,C]),X=y.useRef(_e((w,x)=>Ce(w,x),500,{trailing:!0})).current,xe=(w,x)=>{c(w,x,j),C(!0),n(j,D,!1)};if(y.useEffect(()=>{async function w(){await fo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[j],...s}),O?.trackDownload(R("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}A&&o.downloadState!=="In-Progress"&&(M(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,A]),y.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs($o,{children:[t.jsx(Oo,{"data-testid":Se("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(ke,{})}),t.jsx(jo,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Lo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(we,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:Q.common.searchPlaceholder,searchText:P??"",onSearchTextChanged:x=>{I(x),x.trim().length>=2?X(x,j):x.trim().length==0&&X("",j)},downloadPresent:!0}),t.jsx(ve,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async x=>{if(x==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(wo,{windowSize:k,children:[t.jsx(Be,{title:Q.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:U.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:z,source:"OpExByVendorPage"}),t.jsxs(vo,{windowSize:k,children:[he?t.jsx($e,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${U.colors.grey3}`},onTabChange:x=>l(Oe(x.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Fo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:O}),Y!=null?t.jsx(Io,{children:t.jsx(Xe,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:K})]}),t.jsx(Ro,{reference:T,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:xe,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Fo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(Do,{children:t.jsxs(To,{children:[t.jsx(Po,{children:t.jsx(Je,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&i(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,R("operating_expenses_by_vendor"),V(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(qe,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=G();return e?t.jsx(Eo,{children:t.jsx(Qe,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(No,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(ho,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Ro=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const C=r.mode==="compare_mode",_=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),l(C,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,b]=y.useState(void 0),[S,v]=y.useState(void 0),O=G(),z=q(),P=!(O==="small"||O==="medium-compact");y.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:De(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!ie(S,e)){const T=_o(e,r,k,P);v(e),b(T)}else{const T=So(d,k,e,P);b(T)}},[r.mode,e]);const I=k=>k<e.opexBalances.length,A=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Ao,{windowSize:O,ref:s,children:o?t.jsx(Ue,{}):d!=null?t.jsx(Mo,{children:t.jsx(Ze,{backgroundColor:new Te(z.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:E.contentPaddingLeft.value(O),right:E.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:M,loadMoreItems:A}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{gr as default};
+`,Lo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx(Pe,{size:"ExtraLarge",start:!0})}):null,gr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:C,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:b,updateDownloadStateHandler:S,onClearSearch:v,analytics:O,onClickMenuIcon:z})=>{const[P,I]=x.useState(o.searchString[o.timeframe]),[A,M]=x.useState(!1),k=H(),T=x.useRef(null),W=xe(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,Q=B.getLocalizedStrings().vendors,U=q(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:j}=o,D=o.searchString[j];be({componentName:"vendors.opex_by_vendor.list"});const fe=x.useCallback(w=>{n(j,D,w)},[j,D,n]),Ce=x.useCallback((w,y)=>{window.scrollTo({top:T.current?.offsetTop,behavior:"smooth"}),w.length>0?(C(!0),n(y,w,!1)):(C(!1),v(y))},[v,n,C]),X=x.useRef(_e((w,y)=>Ce(w,y),500,{trailing:!0})).current,ye=(w,y)=>{c(w,y,j),C(!0),n(j,D,!1)};if(x.useEffect(()=>{async function w(){await fo({report:e,isCompareModeOn:L,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[j],...s}),O?.trackDownload(V("operating_expenses_by_vendor"),R(o.timeframe),"excel",L),S("Completed")}A&&o.downloadState!=="In-Progress"&&(M(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,A]),x.useEffect(()=>{I(D)},[D]),e.fetchState==="Error")return t.jsxs($o,{children:[t.jsx(Oo,{"data-testid":Se("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(ke,{})}),t.jsx(jo,{children:me.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Lo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(we,{isSearchOpen:(D?.length??0)>0,searchPlaceHolder:Q.common.searchPlaceholder,searchText:P??"",onSearchTextChanged:y=>{I(y),y.trim().length>=2?X(y,j):y.trim().length==0&&X("",j)},downloadPresent:!0}),t.jsx(ve,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async y=>{if(y==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(wo,{windowSize:k,children:[t.jsx(Be,{title:Q.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:U.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:k==="medium-compact"||k==="small",downloadPresent:!0,onClickMenuIcon:z,source:"OpExByVendorPage"}),t.jsxs(vo,{windowSize:k,children:[he?t.jsx($e,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${U.colors.grey3}`},onTabChange:y=>l(Oe(y.id)),previousTabPosition:d,setPreviousTabPosition:b}):null,t.jsx(Fo,{timeframes:ge,isCompareModeOn:L,firstMonthOfFY:e.firstMonthOfFY,allTimeframeTicks:e.allTimeframeTicks,selectedTimeframe:o.timeframe,selectedCOABalancesRange:e.filter.balancesRange,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,mode:o.mode,analytics:O}),Y!=null?t.jsx(Io,{children:t.jsx(Xe,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Ro,{report:e,isEmptyPeriod:K})]}),t.jsx(Vo,{reference:T,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:ye,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Fo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:l,onTimeframeSelectionChanged:i,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(Do,{children:t.jsxs(To,{children:[t.jsx(Po,{children:t.jsx(Je,{timeframe:{allowedTimeframes:e,selectedTimeframe:l,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(R(c),V("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&i(c),n==="compare_mode"&&!p&&h(p,p?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:p,isToggleDisabled:!1,onValueChanged:c=>{g?.trackCompareMode(c,V("operating_expenses_by_vendor"),R(l)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(qe,{firstMonthOfFY:r,timeframe:l,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Ro=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(Eo,{children:t.jsx(Qe,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(No,{windowSize:o,children:t.jsx(le,{children:({height:s,width:l})=>t.jsx(ho,{selectedRangeReport:r,width:l,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Vo=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const C=r.mode==="compare_mode",_=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",V("operating_expenses_by_vendor"),R(r.timeframe),"dropdown"),l(C,[k==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,b]=x.useState(void 0),[S,v]=x.useState(void 0),O=H(),z=q(),P=!(O==="small"||O==="medium-compact");x.useEffect(()=>{const k={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:De(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:n}};if(d==null||!ie(S,e)){const T=_o(e,r,k,P);v(e),b(T)}else{const T=So(d,k,e,P);b(T)}},[r.mode,e]);const I=k=>k<e.opexBalances.length,A=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Ao,{windowSize:O,ref:s,children:o?t.jsx(Ue,{}):d!=null?t.jsx(Mo,{children:t.jsx(Ze,{backgroundColor:new Te(z.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:E.contentPaddingLeft.value(O),right:E.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:I,itemCount:M,loadMoreItems:A}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:l}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{gr as default};

package/dist/assets/{OverlayContainerPage-Bmu909Fo-c3kkjLHu.js → OverlayContainerPage-Bmu909Fo-BEKpfYXF.js}

@@ -1,4 +1,4 @@
-import{u as i,j as r}from"./index-IgYBqF_x.js";import{n}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";const p=n.div`
+import{u as i,j as r}from"./index-DESjn-8d.js";import{n}from"./vendor-rkTZJa59.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";const p=n.div`
   display: ${({isOpen:o})=>o?"block":"none"};
   position: fixed;
   top: 0;

package/dist/assets/{PandLWithForecastPage-BPcWHQXd-CtN-h80b.js → PandLWithForecastPage-C7WaIZ8e-AKi0ejYh.js}

@@ -1,4 +1,4 @@
-import{j as o,N as M,u as T,e as z,$ as A,aX as re,B as c,K as ie,m as ae,C as D,v as ce,o as s,O as le,a8 as de,c7 as ge,c8 as me,aU as pe,q as C,l as U,b0 as he,c9 as ue,a6 as fe,a7 as xe,ap as we}from"./index-IgYBqF_x.js";import{n as r,b as F}from"./vendor-rkTZJa59.js";import{L as Se}from"./NavBarWithPicker-XmGu6RQR-C9BXxiKA.js";import{m as je}from"./analyticsHelper-nzXGHX-f-DDF_mzG5.js";import{M as $e}from"./TimeframeSwitcherWithToggle-Cnlgngu_-BVr6cN7Q.js";import{R as be,a as Ce}from"./CollapsableReportTable-C3JrOMbA-C8RANxS5.js";import{M as E}from"./usp-line-BBd1wKwW-u-VMxix8.js";import{T as Pe,I as ke,L as ye}from"./mapSectionWithAcOnlyToTreeNode-Dwov7nU5-BqLpmvIL.js";import{s as G}from"./mapTimeframeBalancesToTreeNode-BrNgTlbp-CrsNT2yx.js";import"./mui-C42whWwM.js";import"./analytics-Dr_Q0qi5.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-Ccg-ICil.js";import"./TimeframeSwitcher-TLcNg_CN-98HiGYj7.js";import"./AccountRow-D-CPGejv-C0MkYOn9.js";const H="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",Y="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ve=r.div`
+import{j as o,I as M,u as T,e as z,W as A,aX as re,R as c,Q as ie,m as ae,C as D,v as ce,o as s,J as le,a8 as de,c7 as ge,c8 as pe,aU as me,q as C,l as U,b0 as he,c9 as ue,a6 as fe,a7 as xe,ap as we}from"./index-DESjn-8d.js";import{n as r,b as F}from"./vendor-rkTZJa59.js";import{L as Se}from"./NavBarWithPicker-CilKdL1D-Z1krBpRG.js";import{m as je}from"./analyticsHelper-c9SRwhe3-rKFHsE9O.js";import{M as $e}from"./TimeframeSwitcherWithToggle-gywVFoaK-CKJ0rtbC.js";import{R as be,a as Ce}from"./CollapsableReportTable-B_qvVX0p-B7sAIIqY.js";import{M as E}from"./usp-line-BBd1wKwW-u-VMxix8.js";import{T as Pe,I as ke,L as ye}from"./mapSectionWithAcOnlyToTreeNode-D1DheCOl-DwSkrZHk.js";import{s as G}from"./mapTimeframeBalancesToTreeNode-BhmM7oKt-BQL5w7UJ.js";import"./mui-C42whWwM.js";import"./analytics-CcevxdRy.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-CK3r1iTV.js";import"./TimeframeSwitcher-B7t79hiQ-DXBKb0F7.js";import"./AccountRow-Dj74AzIh-BbDAUA8T.js";const H="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",Y="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",ve=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -7,7 +7,7 @@ import{j as o,N as M,u as T,e as z,$ as A,aX as re,B as c,K as ie,m as ae,C as D
 `,ze=r.div`
   padding: ${e=>e.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
   text-align: center;
-`,Le=r(me)`
+`,Le=r(pe)`
   max-width: 600px;
   margin: auto;
   padding: ${s.sp7} ${s.sp0};
@@ -17,22 +17,22 @@ import{j as o,N as M,u as T,e as z,$ as A,aX as re,B as c,K as ie,m as ae,C as D
   margin: auto;
   padding: ${s.sp5} ${s.sp0};
   color: ${e=>e.theme.colors.primary};
-`,Q=r.div`
+`,J=r.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: center;
   justify-content: center;
   margin-bottom: ${e=>e.windowSize==="small"?s.sp3:s.sp4};
-`,Ie=r.div``,X=r.div`
+`,Ie=r.div``,K=r.div`
   width: ${e=>e.windowSize==="small"?"auto":"408px"};
   display: flex;
   flex-direction: column;
-`,Z=r.div`
+`,X=r.div`
   width: ${e=>e.windowSize==="small"?"100%":"calc(100% - 408px)"};
   overflow: hidden;
   max-width: 712px;
   display: flex;
-`,J=r.div`
+`,Z=r.div`
   margin-left: ${e=>e.windowSize==="small"?s.sp0:s.sp6};
   margin-bottom: ${e=>e.windowSize==="small"?s.sp4:s.sp0};
   background: ${e=>e.theme.colors.background};
@@ -52,9 +52,9 @@ import{j as o,N as M,u as T,e as z,$ as A,aX as re,B as c,K as ie,m as ae,C as D
   box-sizing: border-box;
 `,N=r(we)`
   color: ${e=>e.theme.colors.champion};
-`,B=r(xe)`
+`,O=r(xe)`
   color: ${e=>e.theme.colors.champion};
-`,O=r(fe)`
+`,B=r(fe)`
   color: ${e=>e.theme.colors.champion};
 `,_=r(ue)`
   color: ${e=>e.theme.colors.champion};
@@ -66,11 +66,11 @@ import{j as o,N as M,u as T,e as z,$ as A,aX as re,B as c,K as ie,m as ae,C as D
   color: ${e=>e.theme.colors.graphColor25};
 `,te=r(E)`
   color: ${e=>e.theme.colors.graphColor04};
-`,Me=r(pe)`
+`,Me=r(me)`
   margin: ${s.sp3} auto;
   max-width: 422px;
   color: ${e=>e.theme.colors.hero};
-`,Ae=()=>{const e=T(),t=z();return o.jsxs(Q,{windowSize:t,children:[o.jsx(Z,{windowSize:t,children:o.jsx(J,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(X,{windowSize:t,children:[o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Fe=()=>{const e=T(),t=z();return o.jsxs(Q,{windowSize:t,children:[o.jsxs(X,{windowSize:t,children:[o.jsxs(P,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(P,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(P,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(Z,{windowSize:t,children:o.jsx(J,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Ne=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const a=T(),l=z(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(ve,{"data-testid":A("forecast-promo-page"),children:[o.jsx(re,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(ze,{"data-testid":A("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Te,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Le,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ae,{}):o.jsx(Fe,{}),o.jsxs(Ie,{"data-testid":A("forecast-promo-bottom-container"),children:[o.jsx(ie,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Me,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Be(e,t,n=!0){const a=c.getLocalizedStrings().reports,l=e.filter.balancesRange.numberOfPeriods,d=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],p=G({balances:d,config:t}),m=[];return m.push(p),e.idsInOrder.forEach(i=>{if(U.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?m.push(Pe({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):m.push(ke({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else U.isPandLReportViewCalculatedSectionID(i)===!0&&m.push(ye({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[p]:[],contentNodes:m}}function Oe(e,t,n,a=!0){Object.assign(e.config,t);const l=n.sections.expenses.balances.length>0?[...n.sections.expenses.balances,...n.sections.expenses.additionalBalances]:[...n.sections.income.balances,...n.sections.income.additionalBalances],d=G({balances:l,config:t,nodeId:e.contentNodes[0].id}),p=e.contentNodes.slice(1);return p.forEach(m=>se(m,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...p]}}function se(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>se(n,t))}const L={contentPaddingLeft:new D(C[3],C[3],C[8]),contentPaddingRight:new D(C[3],C[3],C[8])},_e=r.div`
+`,Ae=()=>{const e=T(),t=z();return o.jsxs(J,{windowSize:t,children:[o.jsx(X,{windowSize:t,children:o.jsx(Z,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(K,{windowSize:t,children:[o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(P,{windowSize:t,children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},Fe=()=>{const e=T(),t=z();return o.jsxs(J,{windowSize:t,children:[o.jsxs(K,{windowSize:t,children:[o.jsxs(P,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(ee,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(P,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(k,{children:o.jsx(oe,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(P,{windowSize:t,style:{width:"408px"},children:[o.jsx(k,{children:o.jsx(te,{})}),o.jsxs(y,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(N,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(X,{windowSize:t,children:o.jsx(Z,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:Y,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:H,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Ne=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const a=T(),l=z(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(ve,{"data-testid":A("forecast-promo-page"),children:[o.jsx(re,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(ze,{"data-testid":A("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Te,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Le,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ae,{}):o.jsx(Fe,{}),o.jsxs(Ie,{"data-testid":A("forecast-promo-bottom-container"),children:[o.jsx(ie,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Me,{children:c.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Oe(e,t,n=!0){const a=c.getLocalizedStrings().reports,l=e.filter.balancesRange.numberOfPeriods,d=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],m=G({balances:d,config:t}),p=[];return p.push(m),e.idsInOrder.forEach(i=>{if(U.isPandLReportViewSectionID(i)===!0){const f=e.sections[i];if(f==null)return;f.accountGroups.length>0?p.push(Pe({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):p.push(ke({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else U.isPandLReportViewCalculatedSectionID(i)===!0&&p.push(ye({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[m]:[],contentNodes:p}}function Be(e,t,n,a=!0){Object.assign(e.config,t);const l=n.sections.expenses.balances.length>0?[...n.sections.expenses.balances,...n.sections.expenses.additionalBalances]:[...n.sections.income.balances,...n.sections.income.additionalBalances],d=G({balances:l,config:t,nodeId:e.contentNodes[0].id}),m=e.contentNodes.slice(1);return m.forEach(p=>se(p,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...m]}}function se(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>se(n,t))}const L={contentPaddingLeft:new D(C[3],C[3],C[8]),contentPaddingRight:new D(C[3],C[3],C[8])},_e=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -104,4 +104,4 @@ import{j as o,N as M,u as T,e as z,$ as A,aX as re,B as c,K as ie,m as ae,C as D
   align-items: center;
   justify-content: center;
   margin-bottom: ${s.sp3};
-`,De=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:p,onBackClick:m,isPandLReportFetching:i,onClickMenuIcon:f})=>{const h=z(),u=[];for(let g=0;g<e.length;++g)u.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:u,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ce.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const v=e[parseInt(g)];n?.(v.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:m,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:f},$={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:a,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:d,onTimeframeSelectionChanged:g=>p?.(g)}};return o.jsxs(Ve,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(Se,{...x}),i?"":o.jsx(We,{children:o.jsx($e,{...$})})]})},Ue=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:p,onTableScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:f})=>{const h=T(),u=z(),[x,$]=F.useState(void 0),[g,v]=F.useState(void 0),b=!(u==="small"||u==="medium-compact"),I=n===!0?"actual_vs_forecast":"none";return F.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:I,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:Ce(t)===!0&&n===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:he()};if(x==null||!le(g,e)){const w=Be(e,S,b);v(e),$(w)}else{const w=Oe(x,S,e,b);$(w)}},[t,n,e]),x!=null?o.jsx(be,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:b,isStickyName:b},treeNodePadding:{left:L.contentPaddingLeft.value(u),right:L.contentPaddingRight.value(u)},onAccountClick:l==null?void 0:(S,w)=>{l(S,w)},onCompareModeChanged:d,scrollPosition:p,onScroll:m,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function mo({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:p,meetingUrl:m,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:v,nodeOpenStatus:b,onNodeCollapseToggled:I,onBackClick:S,onClickMenuIcon:w}){const R=[a.fetchState,d.fetchState],V=l?.index??-1;return ne(R)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Ne,{meetingUrl:m,onBackClick:S,onClickMenuIcon:w}):K([a.fetchState])===!0?o.jsx(q,{fetchState:Ke(R)}):o.jsxs(_e,{children:[o.jsx(De,{forecastList:a.forecasts,selectedForecastIndex:V,onForecastSelectionChanged:(j,W)=>{i?.trackForecastSwitch(M.Event.profitAndLossWithForecast,a.forecasts[W].name),f?.(j,W)},vsActualOn:t,onVsActualChanged:j=>{i?.trackForecastVsActualMode(M.Event.profitAndLossWithForecast,a.forecasts[V].name,j),u?.(j)},selectedTimeframe:e,onTimeframeChanged:j=>{i?.trackTimeframeSwitch(je(j),M.Event.profitAndLossWithForecast),h?.(j)},onBackClick:S,isPandLReportFetching:K([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(q,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(Ue,{report:d,type:p,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:v,nodeOpenStatus:b,onNodeCollapseToggled:I})})]})}const qe=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),ne=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),K=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ke=e=>qe(e)===!0?"Completed":ne(e)===!0?"Error":"In-Progress";export{mo as default,K as isAnyInProgress};
+`,De=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:m,onBackClick:p,isPandLReportFetching:i,onClickMenuIcon:f})=>{const h=z(),u=[];for(let g=0;g<e.length;++g)u.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:u,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ce.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const v=e[parseInt(g)];n?.(v.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:p,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:f},$={toggle:{label:c.getLocalizedStrings().reports.forecast.vsActual,isOn:a,onValueChanged:l},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:d,onTimeframeSelectionChanged:g=>m?.(g)}};return o.jsxs(Ve,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(Se,{...x}),i?"":o.jsx(We,{children:o.jsx($e,{...$})})]})},Ue=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:m,onTableScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f})=>{const h=T(),u=z(),[x,$]=F.useState(void 0),[g,v]=F.useState(void 0),b=!(u==="small"||u==="medium-compact"),I=n===!0?"actual_vs_forecast":"none";return F.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:I,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:Ce(t)===!0&&n===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:he()};if(x==null||!le(g,e)){const w=Oe(e,S,b);v(e),$(w)}else{const w=Be(x,S,e,b);$(w)}},[t,n,e]),x!=null?o.jsx(be,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:b,isStickyName:b},treeNodePadding:{left:L.contentPaddingLeft.value(u),right:L.contentPaddingRight.value(u)},onAccountClick:l==null?void 0:(S,w)=>{l(S,w)},onCompareModeChanged:d,scrollPosition:m,onScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:f}):null};function po({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:m,meetingUrl:p,analytics:i,onForecastSelectionChanged:f,onTimeframeChanged:h,onForecastVsActualsCompareToggle:u,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:v,nodeOpenStatus:b,onNodeCollapseToggled:I,onBackClick:S,onClickMenuIcon:w}){const R=[a.fetchState,d.fetchState],V=l?.index??-1;return ne(R)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Ne,{meetingUrl:p,onBackClick:S,onClickMenuIcon:w}):Q([a.fetchState])===!0?o.jsx(q,{fetchState:Qe(R)}):o.jsxs(_e,{children:[o.jsx(De,{forecastList:a.forecasts,selectedForecastIndex:V,onForecastSelectionChanged:(j,W)=>{i?.trackForecastSwitch(M.Event.profitAndLossWithForecast,a.forecasts[W].name),f?.(j,W)},vsActualOn:t,onVsActualChanged:j=>{i?.trackForecastVsActualMode(M.Event.profitAndLossWithForecast,a.forecasts[V].name,j),u?.(j)},selectedTimeframe:e,onTimeframeChanged:j=>{i?.trackTimeframeSwitch(je(j),M.Event.profitAndLossWithForecast),h?.(j)},onBackClick:S,isPandLReportFetching:Q([d.fetchState]),onClickMenuIcon:w}),d.fetchState==="In-Progress"?o.jsx(q,{fetchState:"In-Progress"}):o.jsx(Ee,{children:o.jsx(Ue,{report:d,type:m,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:$,scrollPosition:g,onTableScroll:v,nodeOpenStatus:b,onNodeCollapseToggled:I})})]})}const qe=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),ne=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),Q=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Qe=e=>qe(e)===!0?"Completed":ne(e)===!0?"Error":"In-Progress";export{po as default,Q as isAnyInProgress};