@zeniai/web-cockpit-ui 1.15.31-qa → 1.15.32-dev

package/dist/assets/{NotificationsPage-CgFMmR2X-ZazUgOBE.js → NotificationsPage-D7bHfgsd-B-yh8id7.js}

@@ -1,8 +1,8 @@
-import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,aa as ye,F as P,h4 as ti,y as R,i7 as ii,b as Ne,T as oi,ay as tt,cn as it,b4 as ot,dq as st,cu as at,k4 as rt,u as w,i as si,k5 as ai,dn as he,a_ as ri,N as ni,a as nt,p as S,ai as li,bQ as _,cT as ue,g8 as pe,k6 as fe,aw as lt,a8 as dt,dx as E,ft as ct,gi as di,al as ee,im as ci,am as H,fH as hi,aW as $e,bb as me,k7 as ui,bN as ht,k8 as Re,bw as pi}from"./index-B4SkrUUS.js";import{a as g}from"./sentry-BBFZ4Apy.js";import{n as r,c as O}from"./mui-DUBEtzg-.js";import{Gf as fi,Gg as mi,bL as X,bh as $,Eb as ut}from"./zeni-epic-state-CbQxc4HL.js";import{k as gi}from"./SubTabSwitcher-aeDd9xiF-CP_NcrPb.js";import{d as pt}from"./useLongPress-GCK2COYQ-BO__ObzU.js";import{A as ft,t as mt,a as gt,E as xt,L as bt,I as wt}from"./NotificationsListConfig-DG-DH2Aj-C3kn_PJf.js";import"./liveblocks-Dh9EWLXD.js";import"./core-TLZ6PfaT.js";import"./recharts-ZbSULBPo.js";import"./lottie-osIcf0zV.js";import"./analytics-BFo1DlpM.js";import"./lexical-DGcsrY0x.js";import"./utils-DvDl_6hs.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="94ad2fc1-68a9-479d-9bd7-6d6f583ca614",e._sentryDebugIdIdentifier="sentry-dbid-94ad2fc1-68a9-479d-9bd7-6d6f583ca614")}catch{}})();function xi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:h}){const u=v(),p=Z(),m=g.useCallback(x=>{d(x.id)},[d]),f=g.useCallback(x=>{h(x.id)},[h]);return e.length===0?null:t.jsxs(bi,{windowSize:u,children:[t.jsx(ii,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(gi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const bi=r.div`
+import{d as Z,J as v,a9 as Qt,cG as qt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,aa as ye,F as P,h6 as ti,y as R,i9 as ii,b as Ne,T as oi,ay as tt,cn as it,b4 as ot,dp as st,cu as at,k6 as rt,u as w,i as si,k7 as ai,dm as he,a_ as ri,H as ni,a as nt,p as S,ai as li,bQ as _,cK as ue,ga as pe,k8 as fe,aw as lt,a8 as dt,dw as E,fv as ct,gk as di,al as ee,ip as ci,am as H,fJ as hi,aW as $e,bb as me,k9 as ui,bN as ht,ka as Re,bw as pi}from"./index-DOsjGhSZ.js";import{a as g}from"./sentry-otjdlEta.js";import{n as r,c as O}from"./mui-B2MHg-Mu.js";import{Gl as fi,Gm as mi,bL as X,bh as $,Eb as ut}from"./zeni-epic-state-DVinyIRY.js";import{k as gi}from"./SubTabSwitcher-CqTYhJ6K-C6tI5OUk.js";import{d as pt}from"./useLongPress-GCK2COYQ-Sm0Bw4m0.js";import{A as ft,t as mt,a as gt,E as xt,L as bt,I as wt}from"./NotificationsListConfig-8zpkH26L-DVh3_eXQ.js";import"./liveblocks-KFxhhSr3.js";import"./core-BHxev_Cl.js";import"./recharts-B7o7FzH2.js";import"./lottie-DDoT_sT4.js";import"./analytics-Cz7GTPb4.js";import"./lexical-Dja08wvc.js";import"./utils-BbmM3Vsp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="d601c726-8599-455b-943b-f44d539e531d",e._sentryDebugIdIdentifier="sentry-dbid-d601c726-8599-455b-943b-f44d539e531d")}catch{}})();function xi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:h}){const u=v(),p=Z(),m=g.useCallback(x=>{d(x.id)},[d]),f=g.useCallback(x=>{h(x.id)},[h]);return e.length===0?null:t.jsxs(bi,{windowSize:u,children:[t.jsx(ii,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(gi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const bi=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,{common:{timeStrings:yt,strings:wi},dateFormat:Ie,timeFormat:yi}=P.getLocalizedStrings(),$t=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],le=e=>e.type.concat(wi.underscore).concat(e.start.format(Ie.visual.DdashMMdashYYYYFormat)),ge=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return yt[e.type];case"earlier_that_month":return e.start.format(Ie.visual.MMMYYYYFormat)}},jt=e=>{const o=X(e.toUTCString()),s=$(),a=s.diff(o,"minutes"),n=s.diff(o,"seconds"),l=60,c=24*60;return n<=l?yt.justNow:a<c&&ui(o,0)?o.format(yi.hhmmAFormat):o.format(Ie.visual.MMMDFormat)},_e=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:$i}}}}=P.getLocalizedStrings(),kt=e=>{e.sort((n,l)=>X(n.inboxNotification.notifiedAt.toUTCString()).isAfter(X(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),h=$().subtract(2,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),h=$().subtract(9,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(u,"month").startOf("M").startOf("d"),m=$().subtract(u,"month").endOf("M").endOf("d");u++,a=oe(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},oe=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,X(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>X(l.inboxNotification.notifiedAt.toUTCString()).isAfter(X(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:n}},ji=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=$i;return o.comments.length===1?a:s},St=new R(3,2,1,1,1),vt=new R(w[8],w[6],35,35,w[6]),de={lineClamp:St,sectionWidth:vt},{common:{texts:ze,timeStrings:ki,strings:te},commentsAndNotifications:{notifications:{strings:{newMessage:Si},actionStrings:{comments:{newCommentAdded:vi}}}}}=P.getLocalizedStrings(),Ci=({notificationData:e,users:o,isHighlighted:s=!1,style:a,onNotificationTileClick:n})=>{const l=lt(),c=dt().analytics,{inboxNotification:{id:d,readAt:h,notifiedAt:u},thread:p}=e,{setRequestToOpenThread:m}=g.useContext(di),f=h!=null?"read":"unread",{metadata:{url:x,companyId:k,entityType:B},id:z}=p;return t.jsxs(zi,{readStatus:f,isClickable:!!x,isHighlighted:s,style:a,onClick:()=>{x&&(n(d,ut(x),f),(p.metadata.tab==="bill"||p.metadata.tab==="reimbursement")&&m({threadId:z,companyId:k,entityType:B})),p.metadata.application!=="cockpit"&&c.trackCommentActivity("notification","clicked",p.metadata.companyName,l.controllersList.controllers.map(N=>E(N)),p.resolved?"resolved":"open",{name:ct(l.loggedInUser),email:l.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(Ti,{notificationData:e,users:o}),t.jsx(Ii,{...e}),t.jsx(Li,{timestamp:u,readStatus:f})]})},Ct=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,n=a[0];return a.length===0||n.body==null?t.jsx(je,{children:Si}):t.jsx(je,{children:n.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Ri(c)){const u=o.find(p=>p.userId===c.id);return c.id?t.jsx(Ni,{notificationData:e,user:u},`${c.id}${te.underscore}${d}`):null}if(_i(c)){const u=ci(c.url)??c.url;return t.jsx(Gi,{href:u,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let h=c.text;return c.bold===!0&&(h=t.jsx(Ai,{children:h},d)),c.italic===!0&&(h=t.jsx(Pi,{children:h},d)),c.strikethrough===!0&&(h=t.jsx(Bi,{children:h},d)),c.code===!0&&(h=t.jsx(Oi,{children:h},d)),t.jsx(Fi,{children:h},d)});default:return t.jsx(je,{children:vi})}})})},Ti=({notificationData:e,users:o})=>{const s=v();return t.jsx(Ui,{windowSize:s,children:t.jsx(Ct,{notificationData:e,users:o})})},Ni=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let n=t.jsxs(De,{className:"userText",readStatus:a,children:[te.atTheRate,ze.zeniAI,te.space]});if(o!=null){const l=E(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(De,{className:"userText",readStatus:a,children:[te.atTheRate,l||ze.zeniAI,te.space]})})}return n},Tt=e=>{const o=ji(e);return t.jsx(t.Fragment,{children:o})},Ii=e=>{const o=v();return t.jsx(Mi,{windowSize:o,children:t.jsx(Tt,{...e})})},Nt=e=>{const{timestamp:o,readStatus:s}=e,a=jt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Ei,{isNewNotification:a===ki.justNow,children:a}),t.jsx(Hi,{readStatus:s})]})},Li=e=>{const o=v();return t.jsx(Di,{windowSize:o,children:t.jsx(Nt,{...e})})};function Ri(e){return"type"in e&&e.type==="mention"}function _i(e){return"type"in e&&e.type==="link"}const zi=r.div`
+`,{common:{timeStrings:yt,strings:wi},dateFormat:Ie,timeFormat:yi}=P.getLocalizedStrings(),$t=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],le=e=>e.type.concat(wi.underscore).concat(e.start.format(Ie.visual.DdashMMdashYYYYFormat)),ge=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return yt[e.type];case"earlier_that_month":return e.start.format(Ie.visual.MMMYYYYFormat)}},jt=e=>{const o=X(e.toUTCString()),s=$(),a=s.diff(o,"minutes"),n=s.diff(o,"seconds"),l=60,c=24*60;return n<=l?yt.justNow:a<c&&ui(o,0)?o.format(yi.hhmmAFormat):o.format(Ie.visual.MMMDFormat)},_e=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:$i}}}}=P.getLocalizedStrings(),kt=e=>{e.sort((n,l)=>X(n.inboxNotification.notifiedAt.toUTCString()).isAfter(X(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),h=$().subtract(2,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),h=$().subtract(9,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(u,"month").startOf("M").startOf("d"),m=$().subtract(u,"month").endOf("M").endOf("d");u++,a=oe(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},oe=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,X(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>X(l.inboxNotification.notifiedAt.toUTCString()).isAfter(X(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:n}},ji=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=$i;return o.comments.length===1?a:s},St=new R(3,2,1,1,1),vt=new R(w[8],w[6],35,35,w[6]),de={lineClamp:St,sectionWidth:vt},{common:{texts:ze,timeStrings:ki,strings:te},commentsAndNotifications:{notifications:{strings:{newMessage:Si},actionStrings:{comments:{newCommentAdded:vi}}}}}=P.getLocalizedStrings(),Ci=({notificationData:e,users:o,isHighlighted:s=!1,style:a,onNotificationTileClick:n})=>{const l=lt(),c=dt().analytics,{inboxNotification:{id:d,readAt:h,notifiedAt:u},thread:p}=e,{setRequestToOpenThread:m}=g.useContext(di),f=h!=null?"read":"unread",{metadata:{url:x,companyId:k,entityType:B},id:z}=p;return t.jsxs(zi,{readStatus:f,isClickable:!!x,isHighlighted:s,style:a,onClick:()=>{x&&(n(d,ut(x),f),(p.metadata.tab==="bill"||p.metadata.tab==="reimbursement")&&m({threadId:z,companyId:k,entityType:B})),p.metadata.application!=="cockpit"&&c.trackCommentActivity("notification","clicked",p.metadata.companyName,l.controllersList.controllers.map(N=>E(N)),p.resolved?"resolved":"open",{name:ct(l.loggedInUser),email:l.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(Ti,{notificationData:e,users:o}),t.jsx(Ii,{...e}),t.jsx(Li,{timestamp:u,readStatus:f})]})},Ct=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,n=a[0];return a.length===0||n.body==null?t.jsx(je,{children:Si}):t.jsx(je,{children:n.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Ri(c)){const u=o.find(p=>p.userId===c.id);return c.id?t.jsx(Ni,{notificationData:e,user:u},`${c.id}${te.underscore}${d}`):null}if(_i(c)){const u=ci(c.url)??c.url;return t.jsx(Fi,{href:u,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let h=c.text;return c.bold===!0&&(h=t.jsx(Ai,{children:h},d)),c.italic===!0&&(h=t.jsx(Pi,{children:h},d)),c.strikethrough===!0&&(h=t.jsx(Bi,{children:h},d)),c.code===!0&&(h=t.jsx(Oi,{children:h},d)),t.jsx(Gi,{children:h},d)});default:return t.jsx(je,{children:vi})}})})},Ti=({notificationData:e,users:o})=>{const s=v();return t.jsx(Ui,{windowSize:s,children:t.jsx(Ct,{notificationData:e,users:o})})},Ni=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let n=t.jsxs(De,{className:"userText",readStatus:a,children:[te.atTheRate,ze.zeniAI,te.space]});if(o!=null){const l=E(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(De,{className:"userText",readStatus:a,children:[te.atTheRate,l||ze.zeniAI,te.space]})})}return n},Tt=e=>{const o=ji(e);return t.jsx(t.Fragment,{children:o})},Ii=e=>{const o=v();return t.jsx(Mi,{windowSize:o,children:t.jsx(Tt,{...e})})},Nt=e=>{const{timestamp:o,readStatus:s}=e,a=jt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Ei,{isNewNotification:a===ki.justNow,children:a}),t.jsx(Hi,{readStatus:s})]})},Li=e=>{const o=v();return t.jsx(Di,{windowSize:o,children:t.jsx(Nt,{...e})})};function Ri(e){return"type"in e&&e.type==="mention"}function _i(e){return"type"in e&&e.type==="link"}const zi=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -68,7 +68,7 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
   -webkit-line-clamp: ${e=>de.lineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   width: ${e=>de.sectionWidth.valuePercentage(e.windowSize)};
-`,Ai=r.strong``,Oi=r.code``,Pi=r.em``,Bi=r.s``,Fi=r.span``,Gi=r.a``,Ui=r(ee)`
+`,Ai=r.strong``,Oi=r.code``,Pi=r.em``,Bi=r.s``,Gi=r.span``,Fi=r.a``,Ui=r(ee)`
   color: inherit;
   display: -webkit-box;
   overflow: hidden;
@@ -120,7 +120,7 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
   width: ${e=>e.isLastItem?"10%":vt.valuePercentage(e.windowSize)};
-`,Yi=()=>{const e=v();return t.jsxs(Ji,{windowSize:e,children:[t.jsxs(qi,{children:[t.jsx(_,{width:180,height:w[4]}),t.jsx(_,{width:180,height:w[4]})]}),t.jsx(Qi,{children:t.jsx(_,{width:60,height:18})})]})},Ji=r.div`
+`,Yi=()=>{const e=v();return t.jsxs(Ji,{windowSize:e,children:[t.jsxs(Ki,{children:[t.jsx(_,{width:180,height:w[4]}),t.jsx(_,{width:180,height:w[4]})]}),t.jsx(Qi,{children:t.jsx(_,{width:60,height:18})})]})},Ji=r.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -146,7 +146,7 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
     border-bottom-left-radius: ${i.sp2};
     border-bottom-right-radius: ${i.sp2};
   }
-`,qi=r.div`
+`,Ki=r.div`
   display: flex;
   align-items: start;
   flex-direction: column;
@@ -158,7 +158,7 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
   align-items: baseline;
   flex-direction: row;
   justify-content: end;
-`,Ki=()=>v()==="small"?t.jsx(Yi,{}):t.jsx(Vi,{}),Xi={marginLeft:new R(w[2],w[5],w[7])},Zi=()=>t.jsxs(eo,{children:[t.jsx(ve,{numberOfRows:5}),t.jsx(ve,{numberOfRows:3})]}),ve=({numberOfRows:e})=>{const o=v();return t.jsxs(to,{windowSize:o,children:[t.jsx(oo,{children:t.jsx(_,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(io,{children:[...Array(e)].map(s=>t.jsx(Ki,{},he()))})]})},eo=r.div`
+`,qi=()=>v()==="small"?t.jsx(Yi,{}):t.jsx(Vi,{}),Xi={marginLeft:new R(w[2],w[5],w[7])},Zi=()=>t.jsxs(eo,{children:[t.jsx(ve,{numberOfRows:5}),t.jsx(ve,{numberOfRows:3})]}),ve=({numberOfRows:e})=>{const o=v();return t.jsxs(to,{windowSize:o,children:[t.jsx(oo,{children:t.jsx(_,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(io,{children:[...Array(e)].map(s=>t.jsx(qi,{},he()))})]})},eo=r.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -262,7 +262,7 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,xo=r(Lt)``,bo=e=>v()==="small"?t.jsx(mo,{...e}):t.jsx(uo,{...e}),{commentsAndNotifications:{notifications:{message:wo}}}=P.getLocalizedStrings(),Pe={rowGap:new R(w[0],w[5],w[5])},yo=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:n,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:h,onUpdateScrollYOffset:u,onFetchNotificationGroups:p,onNotificationClick:m})=>{const f=v(),x=g.useRef(null),k=g.useRef({});g.useEffect(()=>{x.current?.resetAfterIndex(0,!0)},[f,x,e]),g.useEffect(()=>{x.current?.scrollTo(c)},[d]);const B=g.useCallback(C=>{if(k.current?.[C]!=null){const G=f==="small"&&a===!1&&C===e.length-1?Pe.rowGap.value("medium-regular"):Pe.rowGap.value(f);return k.current[C]+G}return(ft*St.value(f)+mt)*3+gt+xt},[f,k,e]),z=g.useCallback((C,G)=>{k.current={...k.current,[C]:G},x.current?.resetAfterIndex(0,!0)},[f,x,e]),N=g.useCallback(()=>{p()},[p]),b=g.useCallback(()=>{},[]),I=tt(C=>u(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,V=g.useCallback(()=>a&&!s?N():b(),[a,s,N,b]),L=a?e.length+1:e.length;return t.jsx(jo,{children:t.jsx(ko,{windowSize:f,children:s&&e.length===0?t.jsx(Zi,{}):s===!1&&e.length===0?t.jsx(it,{message:wo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(So,{windowSize:f,children:t.jsx(ot,{children:({height:C,width:G})=>t.jsx(st,{isItemLoaded:j,itemCount:bt,loadMoreItems:V,children:({onItemsRendered:W,ref:U})=>t.jsx(at,{ref:Y=>{U(Y),x.current=Y},height:C,itemCount:L,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:h,isItemLoaded:j,setRowHeight:z,onNotificationClick:m},onItemsRendered:W,itemSize:B,width:G,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:Y})=>{I(Y)},initialScrollOffset:c,children:$o})})})})})})},$o=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:n,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:h,setRowHeight:u,onNotificationClick:p}=s,m=g.useRef(null),f=v();if(g.useEffect(()=>{m.current?.firstElementChild!=null&&u(e,m.current.firstElementChild.clientHeight)},[e,m,f,a[e]?.notifications]),d(e)===!0){const x=a[e],k=le(x);return t.jsx(Be,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:m,children:t.jsx(bo,{notificationGroup:x,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:h,users:n,onNotificationTileClick:p})},k)}return t.jsx(Be,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(ve,{numberOfRows:3})},he())},jo=r.div`
+`,xo=r(Lt)``,bo=e=>v()==="small"?t.jsx(mo,{...e}):t.jsx(uo,{...e}),{commentsAndNotifications:{notifications:{message:wo}}}=P.getLocalizedStrings(),Pe={rowGap:new R(w[0],w[5],w[5])},yo=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:n,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:h,onUpdateScrollYOffset:u,onFetchNotificationGroups:p,onNotificationClick:m})=>{const f=v(),x=g.useRef(null),k=g.useRef({});g.useEffect(()=>{x.current?.resetAfterIndex(0,!0)},[f,x,e]),g.useEffect(()=>{x.current?.scrollTo(c)},[d]);const B=g.useCallback(C=>{if(k.current?.[C]!=null){const F=f==="small"&&a===!1&&C===e.length-1?Pe.rowGap.value("medium-regular"):Pe.rowGap.value(f);return k.current[C]+F}return(ft*St.value(f)+mt)*3+gt+xt},[f,k,e]),z=g.useCallback((C,F)=>{k.current={...k.current,[C]:F},x.current?.resetAfterIndex(0,!0)},[f,x,e]),N=g.useCallback(()=>{p()},[p]),b=g.useCallback(()=>{},[]),I=tt(C=>u(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,V=g.useCallback(()=>a&&!s?N():b(),[a,s,N,b]),L=a?e.length+1:e.length;return t.jsx(jo,{children:t.jsx(ko,{windowSize:f,children:s&&e.length===0?t.jsx(Zi,{}):s===!1&&e.length===0?t.jsx(it,{message:wo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(So,{windowSize:f,children:t.jsx(ot,{children:({height:C,width:F})=>t.jsx(st,{isItemLoaded:j,itemCount:bt,loadMoreItems:V,children:({onItemsRendered:W,ref:U})=>t.jsx(at,{ref:Y=>{U(Y),x.current=Y},height:C,itemCount:L,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:h,isItemLoaded:j,setRowHeight:z,onNotificationClick:m},onItemsRendered:W,itemSize:B,width:F,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:Y})=>{I(Y)},initialScrollOffset:c,children:$o})})})})})})},$o=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:n,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:h,setRowHeight:u,onNotificationClick:p}=s,m=g.useRef(null),f=v();if(g.useEffect(()=>{m.current?.firstElementChild!=null&&u(e,m.current.firstElementChild.clientHeight)},[e,m,f,a[e]?.notifications]),d(e)===!0){const x=a[e],k=le(x);return t.jsx(Be,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:m,children:t.jsx(bo,{notificationGroup:x,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:h,users:n,onNotificationTileClick:p})},k)}return t.jsx(Be,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(ve,{numberOfRows:3})},he())},jo=r.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -279,7 +279,7 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{in:vo,strings:Rt},dateFormat:Co,commentsAndNotifications:{notifications:{actionStrings:{notifications:A}}}}=P.getLocalizedStrings(),_t=e=>{e.sort((n,l)=>n.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),h=$().subtract(2,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),h=$().subtract(9,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(u,"month").startOf("M").startOf("d"),m=$().subtract(u,"month").endOf("M").endOf("d");u++,a=se(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},se=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:n}},To=e=>{let o=A.newActivity;return e.code==="in_progress"?o=A.due.replace("__task_status__",Re(e.name.toLocaleLowerCase())):o=A.due.replace("__task_status__",vo.toLocaleLowerCase().concat(Rt.space,Re(e.name.toLocaleLowerCase()))),o},No=e=>{const{eventData:{activities:o}}=e;let s=A.newActivity;if(o.length>0){const a=o[0].activityType,n=o[0].metadata.eventStatus;switch(a){case"task_archived":s=A.archive;break;case"task_deleted":s=A.delete;break;case"task_activities":s=A.activities;break;case"task_assigned":s=A.assign;break;case"task_created":s=A.create;break;case"task_due":s=n!=null?To(n):A.dueTomorrow;break;case"task_overdue":s=A.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Co.visual.MMMDFormat)??Rt.empty);break;case"task_status_updated":s=A.statusUpdate;break}}return s},zt=new R(3,2,1,1,1),Dt=new R(w[8],33,33,33,35),ce={lineClamp:zt,sectionWidth:Dt},{common:{and:Fe,other:Io,others:Lo,texts:Ro,timeStrings:_o,strings:M,tags:zo}}=P.getLocalizedStrings(),Do=({notificationData:e,isHighlighted:o=!1,style:s,onNotificationTileClick:a})=>{const{status:n,notificationId:l,eventData:{entitiyId:c,activities:d},createTime:h}=e;return t.jsxs(Go,{notificationStatus:n,isHighlighted:o,style:s,onClick:()=>{a(l,c,n,d.length>0?d[0].activityType:void 0)},children:[t.jsx(Mo,{...e}),t.jsx(Po,{...e}),t.jsx(Fo,{...e}),t.jsx(Bo,{createTime:h,notificationStatus:n})]})},Mt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Wo,{notificationStatus:o,children:s||M.hyphen})},Mo=e=>{const o=v();return t.jsx(Vo,{windowSize:o,children:t.jsx(Mt,{...e})})},Ao=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Jo,{children:[t.jsx(Ge,{backgroundColor:_e(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(qo,{}),t.jsx(Ge,{backgroundColor:_e(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Oo=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,n=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,Ro.zeniAI,M.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Fe,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,n-1,M.space,Lo,M.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Fe,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,s.length===2?M.atTheRate+E(s[1],!1):Io,M.space]})]}):l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]})),l},At=e=>t.jsxs(t.Fragment,{children:[t.jsx(Oo,{...e}),No(e),t.jsx(Ao,{...e})]}),Po=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Ho,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(At,{...e})})},Ot=e=>{const{createTime:o,notificationStatus:s}=e,a=jt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Yo,{isNewNotification:a===_o.justNow,children:a}),t.jsx(Ko,{notificationStatus:s})]})},Bo=e=>{const o=v();return t.jsx(Uo,{windowSize:o,children:t.jsx(Ot,{...e})})},Pt=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(hi,{tagTitle:zo.overdue,textColor:{color:new $e(S.alert),backgroundColor:new $e("transparent"),borderColor:new $e(S.alert)},showLoader:!1}):t.jsx(Qo,{})},Fo=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(Pt,{...e})})},Go=r.div`
+`,{common:{in:vo,strings:Rt},dateFormat:Co,commentsAndNotifications:{notifications:{actionStrings:{notifications:A}}}}=P.getLocalizedStrings(),_t=e=>{e.sort((n,l)=>n.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),h=$().subtract(2,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),h=$().subtract(9,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(u,"month").startOf("M").startOf("d"),m=$().subtract(u,"month").endOf("M").endOf("d");u++,a=se(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},se=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:n}},To=e=>{let o=A.newActivity;return e.code==="in_progress"?o=A.due.replace("__task_status__",Re(e.name.toLocaleLowerCase())):o=A.due.replace("__task_status__",vo.toLocaleLowerCase().concat(Rt.space,Re(e.name.toLocaleLowerCase()))),o},No=e=>{const{eventData:{activities:o}}=e;let s=A.newActivity;if(o.length>0){const a=o[0].activityType,n=o[0].metadata.eventStatus;switch(a){case"task_archived":s=A.archive;break;case"task_deleted":s=A.delete;break;case"task_activities":s=A.activities;break;case"task_assigned":s=A.assign;break;case"task_created":s=A.create;break;case"task_due":s=n!=null?To(n):A.dueTomorrow;break;case"task_overdue":s=A.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Co.visual.MMMDFormat)??Rt.empty);break;case"task_status_updated":s=A.statusUpdate;break}}return s},zt=new R(3,2,1,1,1),Dt=new R(w[8],33,33,33,35),ce={lineClamp:zt,sectionWidth:Dt},{common:{and:Ge,other:Io,others:Lo,texts:Ro,timeStrings:_o,strings:M,tags:zo}}=P.getLocalizedStrings(),Do=({notificationData:e,isHighlighted:o=!1,style:s,onNotificationTileClick:a})=>{const{status:n,notificationId:l,eventData:{entitiyId:c,activities:d},createTime:h}=e;return t.jsxs(Fo,{notificationStatus:n,isHighlighted:o,style:s,onClick:()=>{a(l,c,n,d.length>0?d[0].activityType:void 0)},children:[t.jsx(Mo,{...e}),t.jsx(Po,{...e}),t.jsx(Go,{...e}),t.jsx(Bo,{createTime:h,notificationStatus:n})]})},Mt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Wo,{notificationStatus:o,children:s||M.hyphen})},Mo=e=>{const o=v();return t.jsx(Vo,{windowSize:o,children:t.jsx(Mt,{...e})})},Ao=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Jo,{children:[t.jsx(Fe,{backgroundColor:_e(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Ko,{}),t.jsx(Fe,{backgroundColor:_e(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Oo=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,n=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(K,{className:"userText",notificationStatus:o,children:[M.atTheRate,Ro.zeniAI,M.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(K,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Ge,t.jsxs(K,{className:"userText",notificationStatus:o,children:[M.space,n-1,M.space,Lo,M.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(K,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Ge,t.jsxs(K,{className:"userText",notificationStatus:o,children:[M.space,s.length===2?M.atTheRate+E(s[1],!1):Io,M.space]})]}):l=t.jsxs(K,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]})),l},At=e=>t.jsxs(t.Fragment,{children:[t.jsx(Oo,{...e}),No(e),t.jsx(Ao,{...e})]}),Po=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Ho,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(At,{...e})})},Ot=e=>{const{createTime:o,notificationStatus:s}=e,a=jt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Yo,{isNewNotification:a===_o.justNow,children:a}),t.jsx(qo,{notificationStatus:s})]})},Bo=e=>{const o=v();return t.jsx(Uo,{windowSize:o,children:t.jsx(Ot,{...e})})},Pt=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(hi,{tagTitle:zo.overdue,textColor:{color:new $e(S.alert),backgroundColor:new $e("transparent"),borderColor:new $e(S.alert)},showLoader:!1}):t.jsx(Qo,{})},Go=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(Pt,{...e})})},Fo=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -364,7 +364,7 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
   -webkit-line-clamp: ${e=>ce.lineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   width: ${e=>ce.sectionWidth.valuePercentage(e.windowSize)};
-`,q=r(me)`
+`,K=r(me)`
   color: ${e=>e.notificationStatus==="read"?e.theme.colors.grey1:S.brandColorJade};
 `,Wo=r(me)`
   color: inherit;
@@ -377,20 +377,20 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
   flex-direction: row;
   gap: ${i.sp2};
   flex-wrap: wrap;
-`,Ge=r(H)`
+`,Fe=r(H)`
   color: ${S.neutralGrey5Light};
   background: ${e=>e.backgroundColor};
   border: 1px solid ${e=>e.backgroundColor};
   padding: ${i.sp0} 6px;
   border-radius: ${i.sp1};
-`,qo=r(pi)`
+`,Ko=r(pi)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
 `,Qo=r.div`
   display: flex;
   flex: 1 1 auto;
-`,Ko=r.div`
+`,qo=r.div`
   display: flex;
   height: ${i.sp2};
   width: ${i.sp2};
@@ -561,7 +561,7 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
           -webkit-box-orient: horizontal;
           gap: ${i.sp1};
         `};
-`,Ft=e=>v()==="small"?t.jsx(ds,{...e}):t.jsx(Do,{...e}),{common:{all:He}}=P.getLocalizedStrings(),xs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Z(),{getValues:d}=ue(),h=d(o);return t.jsx(bs,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(ws,{htmlFor:`${o}.${He.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:ge(e)}),value:He.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((u,p)=>{const m=p===0,f=e.notifications.length-1===p;return{label:t.jsx(Ft,{notificationData:u,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:h?.includes(u.notificationId)===!0,onNotificationTileClick:l}),value:u.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},bs=r.div`
+`,Gt=e=>v()==="small"?t.jsx(ds,{...e}):t.jsx(Do,{...e}),{common:{all:He}}=P.getLocalizedStrings(),xs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Z(),{getValues:d}=ue(),h=d(o);return t.jsx(bs,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(ws,{htmlFor:`${o}.${He.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:ge(e)}),value:He.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((u,p)=>{const m=p===0,f=e.notifications.length-1===p;return{label:t.jsx(Gt,{notificationData:u,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:h?.includes(u.notificationId)===!0,onNotificationTileClick:l}),value:u.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},bs=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -579,7 +579,7 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,js=r(Ft)``,ks=e=>v()==="small"?t.jsx(ys,{...e}):t.jsx(xs,{...e}),{commentsAndNotifications:{notifications:{message:Ss}}}=P.getLocalizedStrings(),Ye={rowGap:new R(w[0],w[5],w[5])},vs=({notificationGroups:e,isFetching:o,hasMore:s,sectionId:a,checkBoxMode:n,scrollYOffset:l,currentSubTab:c,isDisabled:d,onUpdateScrollYOffset:h,onFetchNotificationGroups:u,onNotificationClick:p})=>{const m=v(),f=g.useRef(null),x=g.useRef({});g.useEffect(()=>{f.current?.resetAfterIndex(0,!0)},[m,f,e]),g.useEffect(()=>{f.current?.scrollTo(l)},[c]);const k=g.useCallback(L=>{if(x.current?.[L]!=null){const C=m==="small"&&s===!1&&L===e.length-1?Ye.rowGap.value("medium-regular"):Ye.rowGap.value(m);return x.current[L]+C}return(ft*zt.value(m)+mt)*3+gt+xt},[m,x,e]),B=g.useCallback((L,C)=>{x.current={...x.current,[L]:C},f.current?.resetAfterIndex(0,!0)},[m,f,e]),z=g.useCallback(()=>{u()},[u]),N=g.useCallback(()=>{},[]),b=tt(L=>h(L),1e3,{trailing:!0}),I=L=>!s||L<e.length,j=g.useCallback(()=>s&&!o?z():N(),[s,o,z,N]),V=s?e.length+1:e.length;return t.jsx(Ts,{children:t.jsx(Ns,{windowSize:m,children:o&&e.length===0?t.jsx(ss,{}):o===!1&&e.length===0?t.jsx(it,{message:Ss.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(Is,{windowSize:m,children:t.jsx(ot,{children:({height:L,width:C})=>t.jsx(st,{isItemLoaded:I,itemCount:bt,loadMoreItems:j,children:({onItemsRendered:G,ref:W})=>t.jsx(at,{ref:U=>{W(U),f.current=U},height:L,itemCount:V,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:n,isDisabled:d,isItemLoaded:I,setRowHeight:B,onNotificationClick:p},onItemsRendered:G,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:U})=>{b(U)},initialScrollOffset:l,children:Cs})})})})})})},Cs=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:n,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:h,onNotificationClick:u}=s,p=g.useRef(null),m=v();if(g.useEffect(()=>{p.current?.firstElementChild!=null&&h(e,p.current.firstElementChild.clientHeight)},[e,p,m,a[e]?.notifications]),c(e)===!0){const f=a[e],x=le(f);return t.jsx(Je,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:p,children:t.jsx(ks,{notificationGroup:f,sectionId:`${n}.${x}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:u})},x)}return t.jsx(Je,{ref:p,style:{...o,paddingBottom:i.sp0},children:t.jsx(Ce,{numberOfRows:3})},he())},Ts=r.div`
+`,js=r(Gt)``,ks=e=>v()==="small"?t.jsx(ys,{...e}):t.jsx(xs,{...e}),{commentsAndNotifications:{notifications:{message:Ss}}}=P.getLocalizedStrings(),Ye={rowGap:new R(w[0],w[5],w[5])},vs=({notificationGroups:e,isFetching:o,hasMore:s,sectionId:a,checkBoxMode:n,scrollYOffset:l,currentSubTab:c,isDisabled:d,onUpdateScrollYOffset:h,onFetchNotificationGroups:u,onNotificationClick:p})=>{const m=v(),f=g.useRef(null),x=g.useRef({});g.useEffect(()=>{f.current?.resetAfterIndex(0,!0)},[m,f,e]),g.useEffect(()=>{f.current?.scrollTo(l)},[c]);const k=g.useCallback(L=>{if(x.current?.[L]!=null){const C=m==="small"&&s===!1&&L===e.length-1?Ye.rowGap.value("medium-regular"):Ye.rowGap.value(m);return x.current[L]+C}return(ft*zt.value(m)+mt)*3+gt+xt},[m,x,e]),B=g.useCallback((L,C)=>{x.current={...x.current,[L]:C},f.current?.resetAfterIndex(0,!0)},[m,f,e]),z=g.useCallback(()=>{u()},[u]),N=g.useCallback(()=>{},[]),b=tt(L=>h(L),1e3,{trailing:!0}),I=L=>!s||L<e.length,j=g.useCallback(()=>s&&!o?z():N(),[s,o,z,N]),V=s?e.length+1:e.length;return t.jsx(Ts,{children:t.jsx(Ns,{windowSize:m,children:o&&e.length===0?t.jsx(ss,{}):o===!1&&e.length===0?t.jsx(it,{message:Ss.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(Is,{windowSize:m,children:t.jsx(ot,{children:({height:L,width:C})=>t.jsx(st,{isItemLoaded:I,itemCount:bt,loadMoreItems:j,children:({onItemsRendered:F,ref:W})=>t.jsx(at,{ref:U=>{W(U),f.current=U},height:L,itemCount:V,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:n,isDisabled:d,isItemLoaded:I,setRowHeight:B,onNotificationClick:p},onItemsRendered:F,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:U})=>{b(U)},initialScrollOffset:l,children:Cs})})})})})})},Cs=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:n,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:h,onNotificationClick:u}=s,p=g.useRef(null),m=v();if(g.useEffect(()=>{p.current?.firstElementChild!=null&&h(e,p.current.firstElementChild.clientHeight)},[e,p,m,a[e]?.notifications]),c(e)===!0){const f=a[e],x=le(f);return t.jsx(Je,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:p,children:t.jsx(ks,{notificationGroup:f,sectionId:`${n}.${x}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:u})},x)}return t.jsx(Je,{ref:p,style:{...o,paddingBottom:i.sp0},children:t.jsx(Ce,{numberOfRows:3})},he())},Ts=r.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -596,7 +596,7 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{all:Te,texts:ne,footer:Ls,strings:{plus:Rs},numbers:{maximumCount:qe}},commentsAndNotifications:{notifications:{title:_s,texts:Gt,strings:Qe}}}=P.getLocalizedStrings(),ie={tableContainerLeftPadding:new R(w[2],w[2],w[2]),tableContainerRightPadding:new R(w[3],w[6],w[8]),tabsContainerLeftRightPadding:new R(w[3],w[6],w[8]),selectedNotificationsTextMarginLeft:new R(w[0],w[6],w[6])},zs={selectedNotificationsText:new ni("smallRegular","standardRegular")},Ke="notificationsPage",Q="commentsNotificationsTable",K="notificationsTable",Ut=20,ha=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:n,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:h,onUpdateNotificationViewSubTab:u,onFetchMoreNotifications:p,onUpdateNotificationStatus:m,onSettingsClick:f,onBackClick:x,onMarkAllNotificationsAsRead:k})=>{const B=Z(),z=v(),N=Qt({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>et(e),[e]),values:g.useMemo(()=>et(e),[e])}),{currentTab:b,currentSubTab:I,notificationDetailsByTab:j,allSubTabs:V,allNotifications:L,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:W}=e,U=g.useMemo(()=>Object.keys(j).map(y=>({label:ne[y],id:ne[y].toLocaleLowerCase(),countDetails:{count:j[y].uiState.unreadCount,isFetching:j[y].fetchCountState.fetchState==="In-Progress"}})),[j]),Y=g.useMemo(()=>V.map(y=>({label:y==="all"?Te:ne[y],id:y})),[V]),Et=g.useMemo(()=>kt(W).filter(y=>y.notifications.length>0),[W]),Ht=g.useMemo(()=>_t(G).filter(y=>y.notifications.length>0),[G]),Vt=async(y,T)=>{const F=y.split(".")[0],J=[];F!=null&&(F===Q||F===K)&&(Object.values(T[F]).forEach(D=>{J.push(...D.filter(qt=>qt.includes(Te.toLowerCase())===!1))}),d({selectedNotificationIds:J},b))};g.useEffect(()=>{const y=N.watch((T,{name:F})=>{F!=null&&T!=null&&Kt(()=>Vt(F,T))});return()=>{y.unsubscribe()}});const xe=g.useCallback(()=>{const y=[],T=j[b].selectedNotificationIdsForSubTab,F="read";if(b==="comments"){const J=C.filter(D=>D.inboxNotification.readAt==null).map(D=>D.inboxNotification.id);T.forEach(D=>{J.includes(D)&&y.push(D)})}else{const J=L.filter(D=>D.status!==F).map(D=>D.notificationId);T.forEach(D=>{J.includes(D)&&y.push(D)})}return y},[C,L,b,j]),Wt=xe().length>Ut?"disabled":a,be=N.watch(Q),we=N.watch(K),Le=g.useCallback(()=>{p(b,I)},[p,b,I]),Yt=g.useCallback(()=>{if(b==="comments"){const y={};Object.keys(be).forEach(T=>{y[T]=[]}),N.reset({[Q]:y,[K]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const y={};Object.keys(we).forEach(T=>{y[T]=[]}),N.reset({[K]:y,[Q]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[we,be]),Jt=g.useCallback(()=>{const y=j[b].selectedNotificationIdsForSubTab,T="read",F=xe();m(b,y,T,F)},[b,j,xe,m]);return t.jsxs(Ms,{children:[t.jsx(Xt,{source:"NotificationsPage",title:_s.notifications,backgroundColor:B.colors.grey4,onBackClick:x,rightSideComponent:s===!0?t.jsx(Qs,{onClick:f}):t.jsx(qs,{})}),t.jsx(Ps,{}),t.jsx(Os,{windowSize:z,children:t.jsx(xi,{tabs:U,selectedTab:b,onTabChange:y=>{const T=mi(y);T!=null&&h(T)},subTabs:Y,selectedSubTab:I,onSubTabChange:y=>{const T=fi(y);T!=null&&u(T)},subTabRightComponent:t.jsx(Ds,{notificationCount:j[b].uiState.unreadCount,markAsAllReadUpdateState:j[b].markAsAllReadState.fetchState,markAsReadUpdateState:j[b].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(b)}})})}),t.jsx(As,{windowSize:z,children:t.jsx(Zt,{...N,children:t.jsx("form",{id:Ze(Ke),onSubmit:N.handleSubmit(Jt),style:{width:"100%"},children:b==="comments"?t.jsx(yo,{users:o,hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[I],currentSubTab:I,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Et,sectionId:Q,onFetchNotificationGroups:Le,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[I]:y}},b),onNotificationClick:l}):t.jsx(vs,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[I],currentSubTab:I,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ht,sectionId:K,onFetchNotificationGroups:Le,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[I]:y}},b),onNotificationClick:n})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(ei,{formId:Ze(Ke),primaryBtn:{label:Gt.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Wt!=null},cancelBtn:{label:Ls.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Yt},helperContainerStyle:z==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(ye,{controller:z!=="small",children:t.jsx(Xe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(ye,{controller:z==="small",children:t.jsx(Xe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(ye,{controller:z!=="small",children:t.jsx(Gs,{})})}):null]})},Ds=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const n=s===0,l=g.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!n&&a()},[e,o,n,a]);return t.jsx(Bs,{variant:"tertiary",size:"small",label:Gt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(oi,{size:"Small",start:!0}):t.jsx(Fs,{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(Us,{windowSize:o,children:[t.jsx(Hs,{children:t.jsx(Es,{isCircular:e<10,children:t.jsx(Vs,{children:e>qe?`${qe}${Rs}`:e})})}),t.jsxs(Js,{windowSize:o,children:[t.jsx(Ws,{children:e>1?Qe.notificationsSelected:Qe.notificationSelected}),e>Ut?t.jsx(Ys,{children:ne.maxLimit}):null]})]})},Ms=r.div`
+`,{common:{all:Te,texts:ne,footer:Ls,strings:{plus:Rs},numbers:{maximumCount:Ke}},commentsAndNotifications:{notifications:{title:_s,texts:Ft,strings:Qe}}}=P.getLocalizedStrings(),ie={tableContainerLeftPadding:new R(w[2],w[2],w[2]),tableContainerRightPadding:new R(w[3],w[6],w[8]),tabsContainerLeftRightPadding:new R(w[3],w[6],w[8]),selectedNotificationsTextMarginLeft:new R(w[0],w[6],w[6])},zs={selectedNotificationsText:new ni("smallRegular","standardRegular")},qe="notificationsPage",Q="commentsNotificationsTable",q="notificationsTable",Ut=20,ha=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:n,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:h,onUpdateNotificationViewSubTab:u,onFetchMoreNotifications:p,onUpdateNotificationStatus:m,onSettingsClick:f,onBackClick:x,onMarkAllNotificationsAsRead:k})=>{const B=Z(),z=v(),N=Qt({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>et(e),[e]),values:g.useMemo(()=>et(e),[e])}),{currentTab:b,currentSubTab:I,notificationDetailsByTab:j,allSubTabs:V,allNotifications:L,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:F,externalNotificationsForCurrentTabAndSubTab:W}=e,U=g.useMemo(()=>Object.keys(j).map(y=>({label:ne[y],id:ne[y].toLocaleLowerCase(),countDetails:{count:j[y].uiState.unreadCount,isFetching:j[y].fetchCountState.fetchState==="In-Progress"}})),[j]),Y=g.useMemo(()=>V.map(y=>({label:y==="all"?Te:ne[y],id:y})),[V]),Et=g.useMemo(()=>kt(W).filter(y=>y.notifications.length>0),[W]),Ht=g.useMemo(()=>_t(F).filter(y=>y.notifications.length>0),[F]),Vt=async(y,T)=>{const G=y.split(".")[0],J=[];G!=null&&(G===Q||G===q)&&(Object.values(T[G]).forEach(D=>{J.push(...D.filter(Kt=>Kt.includes(Te.toLowerCase())===!1))}),d({selectedNotificationIds:J},b))};g.useEffect(()=>{const y=N.watch((T,{name:G})=>{G!=null&&T!=null&&qt(()=>Vt(G,T))});return()=>{y.unsubscribe()}});const xe=g.useCallback(()=>{const y=[],T=j[b].selectedNotificationIdsForSubTab,G="read";if(b==="comments"){const J=C.filter(D=>D.inboxNotification.readAt==null).map(D=>D.inboxNotification.id);T.forEach(D=>{J.includes(D)&&y.push(D)})}else{const J=L.filter(D=>D.status!==G).map(D=>D.notificationId);T.forEach(D=>{J.includes(D)&&y.push(D)})}return y},[C,L,b,j]),Wt=xe().length>Ut?"disabled":a,be=N.watch(Q),we=N.watch(q),Le=g.useCallback(()=>{p(b,I)},[p,b,I]),Yt=g.useCallback(()=>{if(b==="comments"){const y={};Object.keys(be).forEach(T=>{y[T]=[]}),N.reset({[Q]:y,[q]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const y={};Object.keys(we).forEach(T=>{y[T]=[]}),N.reset({[q]:y,[Q]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[we,be]),Jt=g.useCallback(()=>{const y=j[b].selectedNotificationIdsForSubTab,T="read",G=xe();m(b,y,T,G)},[b,j,xe,m]);return t.jsxs(Ms,{children:[t.jsx(Xt,{source:"NotificationsPage",title:_s.notifications,backgroundColor:B.colors.grey4,onBackClick:x,rightSideComponent:s===!0?t.jsx(Qs,{onClick:f}):t.jsx(Ks,{})}),t.jsx(Ps,{}),t.jsx(Os,{windowSize:z,children:t.jsx(xi,{tabs:U,selectedTab:b,onTabChange:y=>{const T=mi(y);T!=null&&h(T)},subTabs:Y,selectedSubTab:I,onSubTabChange:y=>{const T=fi(y);T!=null&&u(T)},subTabRightComponent:t.jsx(Ds,{notificationCount:j[b].uiState.unreadCount,markAsAllReadUpdateState:j[b].markAsAllReadState.fetchState,markAsReadUpdateState:j[b].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(b)}})})}),t.jsx(As,{windowSize:z,children:t.jsx(Zt,{...N,children:t.jsx("form",{id:Ze(qe),onSubmit:N.handleSubmit(Jt),style:{width:"100%"},children:b==="comments"?t.jsx(yo,{users:o,hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[I],currentSubTab:I,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Et,sectionId:Q,onFetchNotificationGroups:Le,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[I]:y}},b),onNotificationClick:l}):t.jsx(vs,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[I],currentSubTab:I,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ht,sectionId:q,onFetchNotificationGroups:Le,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[I]:y}},b),onNotificationClick:n})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(ei,{formId:Ze(qe),primaryBtn:{label:Ft.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Wt!=null},cancelBtn:{label:Ls.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Yt},helperContainerStyle:z==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(ye,{controller:z!=="small",children:t.jsx(Xe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(ye,{controller:z==="small",children:t.jsx(Xe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(ye,{controller:z!=="small",children:t.jsx(Fs,{})})}):null]})},Ds=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const n=s===0,l=g.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!n&&a()},[e,o,n,a]);return t.jsx(Bs,{variant:"tertiary",size:"small",label:Ft.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(oi,{size:"Small",start:!0}):t.jsx(Gs,{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(Us,{windowSize:o,children:[t.jsx(Hs,{children:t.jsx(Es,{isCircular:e<10,children:t.jsx(Vs,{children:e>Ke?`${Ke}${Rs}`:e})})}),t.jsxs(Js,{windowSize:o,children:[t.jsx(Ws,{children:e>1?Qe.notificationsSelected:Qe.notificationSelected}),e>Ut?t.jsx(Ys,{children:ne.maxLimit}):null]})]})},Ms=r.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -627,10 +627,10 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
       color: ${e=>e.disabled===!0?e.theme.colors.grey2:e.theme.colors.primary};
     }
   }
-`,Fs=r(ai)`
+`,Gs=r(ai)`
   width: ${i.sp3};
   height: ${i.sp3};
-`,Gs=r.div``,Us=r.div`
+`,Fs=r.div``,Us=r.div`
   display: flex;
   align-items: center;
   flex-direction: row;
@@ -671,7 +671,7 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
   display: flex;
   align-items: center;
   flex-wrap: wrap;
-`,qs=r.div`
+`,Ks=r.div`
   width: ${i.sp4};
   height: ${i.sp4};
 `,Qs=r(ti)`
@@ -682,4 +682,4 @@ import{e as Z,J as v,a9 as Qt,cG as Kt,V as t,bD as Xt,ac as Zt,aS as ei,o as i,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ze=e=>`${e}_form`,et=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:n}}}=e,l={};_t(o).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.notificationId);l[le(d)]=a.filter(u=>h.includes(u))});const c={};return kt(s).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.inboxNotification.id);c[le(d)]=n.filter(u=>h.includes(u))}),{[Q]:c,[K]:l}},ua=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(n=>{n.includes(Te.toLocaleLowerCase())===!1&&o.includes(n)&&s.push(n)})}),s};export{ha as default,ua as getSelectedNotificationIds,Ze as uniqueFormName};
+`,Ze=e=>`${e}_form`,et=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:n}}}=e,l={};_t(o).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.notificationId);l[le(d)]=a.filter(u=>h.includes(u))});const c={};return kt(s).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.inboxNotification.id);c[le(d)]=n.filter(u=>h.includes(u))}),{[Q]:c,[q]:l}},ua=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(n=>{n.includes(Te.toLocaleLowerCase())===!1&&o.includes(n)&&s.push(n)})}),s};export{ha as default,ua as getSelectedNotificationIds,Ze as uniqueFormName};

package/dist/assets/{OpExByVendorPage-eUvIAWzt-CoPEiZJL.js → OpExByVendorPage-PfMkiQRt-CA9khm55.js}

@@ -1,4 +1,4 @@
-import{J as H,i6 as Ce,F as B,e as J,ce as _e,ay as xe,V as t,bP as Se,aQ as ke,i4 as we,bE as ve,bD as Be,i7 as Pe,i8 as Oe,o as u,aU as Te,T as $e,y as F,b4 as ie,aE as le,aW as je,u as P,cg as De,ch as Ie,ci as Ne,bM as Ee,p as a,al as ce,b as Z,aZ as Me}from"./index-B4SkrUUS.js";import{a as C,P as Ae}from"./sentry-BBFZ4Apy.js";import{n as m}from"./mui-DUBEtzg-.js";import{F$ as Le}from"./zeni-epic-state-CbQxc4HL.js";import{p as Fe,d as Ve,y as G,b as de,u as ee}from"./chartTypes-B3501CSI-DzRICrvV.js";import{V as Re}from"./toChartData-DzatRnt8-r7b4SzAV.js";import{m as V}from"./analyticsHelper-CL-t3Y2i-D7L_LVJW.js";import{p as ze}from"./TimeRangeSwitcher-DEqlZxa6-DEfl1xmz.js";import{M as We}from"./TimeframeSwitcherWithToggle-CbX9ElMN-hszvw3pP.js";import{C as Ke}from"./NoDataChart-Bvetk9za-ChhbhAl5.js";import{d as Ye}from"./NoDataTable-9xF1_3XS-DmyXOk6M.js";import{H as Ge,k as oe}from"./detailCommon-C19MYPnq-BkT0buD6.js";import{n as R}from"./getReferrerType-DjPOy76W-DRP5VHem.js";import{I as He,R as U}from"./CollapsableReportTable-DlYIKSlQ-CTPvx283.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-3Hd8QHr2-CJNy6I1V.js";import{d as re}from"./mapLoadingInProgressToTreeNode-D2u9MDI--C5UhDOED.js";import{l as Je}from"./mapSpacerToTreeNode-Blr3egSm-DTRUivWC.js";import{N as Ue,I as qe,X as Qe,Y as Xe,J as Ze,K as eo}from"./recharts-ZbSULBPo.js";import"./liveblocks-Dh9EWLXD.js";import"./core-TLZ6PfaT.js";import"./lottie-osIcf0zV.js";import"./analytics-BFo1DlpM.js";import"./lexical-DGcsrY0x.js";import"./utils-DvDl_6hs.js";import"./TimeframeSwitcher-BppC6giF-C7ddFaNs.js";import"./graphic-no-data-l-DU4J8fDt-BXAAbldy.js";import"./AccountRow-aEmcYP8T-BbTS3-CK.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="aba8584a-f3a9-4547-ace1-e1107e65ba45",e._sentryDebugIdIdentifier="sentry-dbid-aba8584a-f3a9-4547-ace1-e1107e65ba45")}catch{}})();const oo=m.div`
+import{J as H,i8 as Ce,F as B,d as J,ce as _e,ay as xe,V as t,bP as Se,aQ as ke,i6 as we,bE as ve,bD as Be,i9 as Pe,ia as Oe,o as u,aU as Te,T as $e,y as F,b4 as ie,aE as le,aW as je,u as P,cg as De,ch as Ie,ci as Ne,bM as Ee,p as a,al as ce,b as Z,aZ as Ae}from"./index-DOsjGhSZ.js";import{a as C,P as Me}from"./sentry-otjdlEta.js";import{n as m}from"./mui-B2MHg-Mu.js";import{G5 as Le}from"./zeni-epic-state-DVinyIRY.js";import{p as Fe,d as Ve,y as G,b as de,u as ee}from"./chartTypes-BqKhmkSG-DaJzMpYW.js";import{V as Re}from"./toChartData-B3G_wqcy-uAjzhvaS.js";import{m as V}from"./analyticsHelper-DEOt00qX-3E5keIK0.js";import{p as ze}from"./TimeRangeSwitcher-BR-bT1hY-DWqBq-hp.js";import{M as We}from"./TimeframeSwitcherWithToggle-D265f15Y-T64K-skP.js";import{C as Ke}from"./NoDataChart-CGab-TiT-zyPeOkqC.js";import{d as Ye}from"./NoDataTable-B2CS7NPq-CvFUjFVv.js";import{H as Ge,k as oe}from"./detailCommon-BEEE23XQ-C9xvv1qO.js";import{n as R}from"./getReferrerType-DjPOy76W-DRP5VHem.js";import{I as He,R as U}from"./CollapsableReportTable-vwzu1AgW-BTLj3VXb.js";import{o as pe}from"./mapTimeframeBalancesToTreeNode-C8E1dOPs-B00cM4ms.js";import{d as re}from"./mapLoadingInProgressToTreeNode-CBq8hzRN-DunJzr3i.js";import{l as Je}from"./mapSpacerToTreeNode-ycecmJKa-Hd0mRrjF.js";import{N as Ue,I as qe,X as Qe,Y as Xe,J as Ze,K as eo}from"./recharts-B7o7FzH2.js";import"./liveblocks-KFxhhSr3.js";import"./core-BHxev_Cl.js";import"./lottie-DDoT_sT4.js";import"./analytics-Cz7GTPb4.js";import"./lexical-Dja08wvc.js";import"./utils-BbmM3Vsp.js";import"./TimeframeSwitcher-B7EXKmdi-DuvH5agU.js";import"./graphic-no-data-l-DU4J8fDt-EQfaFxjc.js";import"./AccountRow-CK5HLVrf-CkNAMQ2u.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="3e273897-23a8-428c-aaa7-c98aed7e633c",e._sentryDebugIdIdentifier="sentry-dbid-3e273897-23a8-428c-aaa7-c98aed7e633c")}catch{}})();const oo=m.div`
   display: flex;
 `,ro=m.div`
   flex: display;
@@ -22,10 +22,10 @@ import{J as H,i6 as Ce,F as B,e as J,ce as _e,ay as xe,V as t,bP as Se,aQ as ke,
   width: 100%;
   height: 1px;
   background-color: ${a.neutralGrey3Dark};
-`,to=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const i=r.filter(y=>y.name==o)[0],l=i.payload,h=i.color,n={amount:l.record[o].amount?.amount??0,currencyCode:l.record[o].amount?.currencyCode??"",currencySymbol:l.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in l.record)c.endsWith("_actual")&&(g+=l.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:l.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})},io=Ae.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 I{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new I;getBarColor(r){const o=I.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=I.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!le(s,r)}static init(){return this.#e=new I,this.#e}static instance(){return this.#e}}const lo=I.instance(),co=(e,r)=>{const o=new Set,s={};let i;const l=r.top4VendorsAndOthers;return Object.keys(l).length>0&&Object.keys(l).forEach(h=>{l[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Fe(g,"actual");o.add(c),i==null&&n.balance!=null&&(i=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),i!=null?Re(e,[...o],i,s):void 0},po=m.div`
+`,to=({active:e,payload:r,barName:o})=>{const s=[];if(r!==void 0&&e===!0){const i=r.filter(y=>y.name==o)[0],l=i.payload,h=i.color,n={amount:l.record[o].amount?.amount??0,currencyCode:l.record[o].amount?.currencyCode??"",currencySymbol:l.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in l.record)c.endsWith("_actual")&&(g+=l.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:l.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})},io=Me.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 I{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=se.slice(),this._barColorsKeyWise=new Map}static#e=new I;getBarColor(r){const o=I.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=I.instance(),s=Array.from(o._barColorsKeyWise.keys()).sort();return!le(s,r)}static init(){return this.#e=new I,this.#e}static instance(){return this.#e}}const lo=I.instance(),co=(e,r)=>{const o=new Set,s={};let i;const l=r.top4VendorsAndOthers;return Object.keys(l).length>0&&Object.keys(l).forEach(h=>{l[h].forEach((n,p)=>{const g=`vendor_${p}`,c=Fe(g,"actual");o.add(c),i==null&&n.balance!=null&&(i=c),s[c]!=null?s[c].push({key:c,balance:n.balance}):s[c]=[{key:c,balance:n.balance}]})}),i!=null?Re(e,[...o],i,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:i=!1}){const l=C.useRef(!1),h=lo,[n,p]=C.useState(void 0);C.useEffect(()=>{l.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(_=>{const S=i===!0&&!l.current;d.push(y(_,S))}),d},y=(d,_)=>t.jsx(eo,{name:d,animationDuration:_?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),x=({active:d,payload:_})=>_?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(io,{active:d,payload:_,barName:n,getVendorName:f}):null,f=(d,_)=>{const S=Le(d);try{const v=_.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(x,{}),width:r,height:o,isDetailPage:i===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:i,showBarHoverBackground:l=!1,isDetailPage:h})=>{const n=J(),p=Ve(e),g=l!==!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:i,children:t.jsx(ie,{children:({height:y,width:x})=>t.jsxs(Ue,{width:x,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?P[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(qe,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Qe,{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(Xe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Me("0,0.[00]a",f,p)}),t.jsx(Ze,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(x-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,i=[];if(r&&(i.push("this_period_vs_last_period_percent"),i.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:i,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 yo(e.statementEndPoint,e.authParams,r)}async function yo(e,r,o){const s=B.getLocalizedStrings().downloadReport,i=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const l=await De({urlEndPoint:i,authParams:r,fileType:o.statementFileType});if(l.ok){const h=Ie(l.headers,s.defaultFileName),n=await l.arrayBuffer();Ne(n,h)}else console.error(`${s.reportErrorMessage} ${l.statusText}`)}catch(l){console.error(`${s.reportErrorMessage} ${JSON.stringify(l)}`)}}function bo({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??U("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function Co({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:i}){const l=e.account?.accountName??"-",h=e.classBase?.className??"-",n=U("vendor_row",[],o+l+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:i}}}function _o({title:e,balances:r,config:o,numOfBalances:s,nodeId:i}){return{children:[],id:i??U("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const xo=(e,r,o,s=!0)=>{const i=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,l=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&l.push(e.totalBalances.totalBalance);const h=pe({balances:l,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((y,x)=>{n.push(re({title:`${x}+${p.loading}`,balances:l,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=_o({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:i});n.push(f)}const y=r.pageToken[r.timeframe],x=e.opexBalances.map((f,d)=>Co({opExByVendor:f,title:f.vendor.name,numOfBalances:i,isLastNode:d===e.opexBalances.length-1&&y==null,config:o}));n.push(...x),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:l,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(Je({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(bo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:l,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function So(e,r,o,s=!0){Object.assign(e.config,r);const i=ko(o),l=pe({balances:i,config:r});return{config:r,headerNodes:s?[l]:[],contentNodes:[l,...e.contentNodes.slice(1)]}}const ko=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],N={chartHeight:new F(288,360),wrapperPadding:new F(P[3],P[3],P[8]),contentPaddingLeft:new F(P[0],P[0],P[0]),contentPaddingRight:new F(P[3],P[3],P[8])},wo=m.div`
+`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:s=!1,isDetailPage:i=!1}){const l=C.useRef(!1),h=lo,[n,p]=C.useState(void 0);C.useEffect(()=>{l.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(_=>{const S=i===!0&&!l.current;d.push(y(_,S))}),d},y=(d,_)=>t.jsx(eo,{name:d,animationDuration:_?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),x=({active:d,payload:_})=>_?.find(S=>S.name===n)!=null&&n!=null&&d===!0?t.jsx(io,{active:d,payload:_,barName:n,getVendorName:f}):null,f=(d,_)=>{const S=Le(d);try{const v=_.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(x,{}),width:r,height:o,isDetailPage:i===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:s,height:i,showBarHoverBackground:l=!1,isDetailPage:h})=>{const n=J(),p=Ve(e),g=l!==!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:i,children:t.jsx(ie,{children:({height:y,width:x})=>t.jsxs(Ue,{width:x,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?P[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(qe,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:n.colors.grey3}),t.jsx(Qe,{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(Xe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:n.colors.hero,...Z.extraSmallRegular.cssObject},tickFormatter:f=>Ae("0,0.[00]a",f,p)}),t.jsx(Ze,{wrapperStyle:{zIndex:2},cursor:g?{stroke:n.colors.background,strokeWidth:(x-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,i=[];if(r&&(i.push("this_period_vs_last_period_percent"),i.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:i,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 yo(e.statementEndPoint,e.authParams,r)}async function yo(e,r,o){const s=B.getLocalizedStrings().downloadReport,i=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const l=await De({urlEndPoint:i,authParams:r,fileType:o.statementFileType});if(l.ok){const h=Ie(l.headers,s.defaultFileName),n=await l.arrayBuffer();Ne(n,h)}else console.error(`${s.reportErrorMessage} ${l.statusText}`)}catch(l){console.error(`${s.reportErrorMessage} ${JSON.stringify(l)}`)}}function bo({title:e,balances:r,config:o,nodeId:s}){return{children:[],id:s??U("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function Co({opExByVendor:e,numOfBalances:r,title:o,isLastNode:s,config:i}){const l=e.account?.accountName??"-",h=e.classBase?.className??"-",n=U("vendor_row",[],o+l+h);return{children:[],id:n,isLastNode:s,reportElementData:{element:{kind:"vendor_row",title:o,data:e,numOfBalances:r},config:i}}}function _o({title:e,balances:r,config:o,numOfBalances:s,nodeId:i}){return{children:[],id:i??U("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:s},config:o}}}const xo=(e,r,o,s=!0)=>{const i=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,l=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&l.push(e.totalBalances.totalBalance);const h=pe({balances:l,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((y,x)=>{n.push(re({title:`${x}+${p.loading}`,balances:l,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=_o({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:i});n.push(f)}const y=r.pageToken[r.timeframe],x=e.opexBalances.map((f,d)=>Co({opExByVendor:f,title:f.vendor.name,numOfBalances:i,isLastNode:d===e.opexBalances.length-1&&y==null,config:o}));n.push(...x),c===!0&&[...Array(1)].forEach((f,d)=>{n.push(re({title:`${d}+${p.loading}`,balances:l,config:o}))}),[...Array(1)].forEach((f,d)=>{n.push(Je({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&n.push(bo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:l,config:o})),{config:o,headerNodes:s?[h]:[],contentNodes:n}};function So(e,r,o,s=!0){Object.assign(e.config,r);const i=ko(o),l=pe({balances:i,config:r});return{config:r,headerNodes:s?[l]:[],contentNodes:[l,...e.contentNodes.slice(1)]}}const ko=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],N={chartHeight:new F(288,360),wrapperPadding:new F(P[3],P[3],P[8]),contentPaddingLeft:new F(P[0],P[0],P[0]),contentPaddingRight:new F(P[3],P[3],P[8])},wo=m.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -87,14 +87,14 @@ import{J as H,i6 as Ce,F as B,e as J,ce as _e,ay as xe,V as t,bP as Se,aQ as ke,
 `,Eo=m.div`
   margin-top: ${u.sp5};
   margin-bottom: ${u.sp6};
-`,Mo=m.div`
+`,Ao=m.div`
   display: flex;
   position: sticky;
   justify-content: center;
   padding-top: ${u.sp8};
   padding-left: ${e=>N.wrapperPadding.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.grey4};
-`,Ao=m.div`
+`,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($e,{size:"ExtraLarge",start:!0})}):null,fr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:i,onReloadReport:l,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:x,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:_,updateDownloadStateHandler:S,onClearSearch:v,analytics:O,onClickMenuIcon:z})=>{const[$,E]=C.useState(o.searchString[o.timeframe]),[M,A]=C.useState(!1),k=H(),j=C.useRef(null),W=Ce(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,q=B.getLocalizedStrings().vendors,Q=J(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:T}=o,D=o.searchString[T];_e({componentName:"vendors.opex_by_vendor.list"});const fe=C.useCallback(w=>{n(T,D,w)},[T,D,n]),ye=C.useCallback((w,b)=>{window.scrollTo({top:j.current?.offsetTop,behavior:"smooth"}),w.length>0?(y(!0),n(b,w,!1)):(y(!1),v(b))},[v,n,y]),X=C.useRef(xe((w,b)=>ye(w,b),500,{trailing:!0})).current,be=(w,b)=>{c(w,b,T),y(!0),n(T,D,!1)};if(C.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[T],...s}),O?.trackDownload(R("operating_expenses_by_vendor"),V(o.timeframe),"excel",L),S("Completed")}M&&o.downloadState!=="In-Progress"&&(A(!1),S("In-Progress"),w())},[e,o,L,s,o.downloadState,M]),C.useEffect(()=>{E(D)},[D]),e.fetchState==="Error")return t.jsxs(Po,{children:[t.jsx(Oo,{"data-testid":ke("op-ex-by-vendor-reload-page"),onClick:l,children:t.jsx(Se,{})}),t.jsx(To,{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:$??"",onSearchTextChanged:b=>{E(b),b.trim().length>=2?X(b,T):b.trim().length==0&&X("",T)},downloadPresent:!0}),t.jsx(ve,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async b=>{if(b==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else A(!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:Q.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(Pe,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${Q.colors.grey3}`},onTabChange:b=>i(Oe(b.id)),previousTabPosition:d,setPreviousTabPosition:_}):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(Eo,{children:t.jsx(Ge,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:K})]}),t.jsx(Ro,{reference:j,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:x,onSortOrderChanged:be,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Fo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:i,onTimeframeSelectionChanged:l,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(Do,{children:t.jsxs(jo,{children:[t.jsx($o,{children:t.jsx(We,{timeframe:{allowedTimeframes:e,selectedTimeframe:i,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&l(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(i)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(ze,{firstMonthOfFY:r,timeframe:i,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(No,{children:t.jsx(Ke,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Io,{windowSize:o,children:t.jsx(ie,{children:({height:s,width:i})=>t.jsx(ho,{selectedRangeReport:r,width:i,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Ro=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:i,onTableScroll:l,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const y=r.mode==="compare_mode",x=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),i(y,[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,_]=C.useState(void 0),[S,v]=C.useState(void 0),O=H(),z=J(),$=!(O==="small"||O==="medium-compact");C.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:Ee(),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||!le(S,e)){const j=xo(e,r,k,$);v(e),_(j)}else{const j=So(d,k,e,$);_(j)}},[r.mode,e]);const E=k=>k<e.opexBalances.length,M=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},A=e.opexBalances.length;return t.jsx(Mo,{windowSize:O,ref:s,children:o?t.jsx(Ye,{}):d!=null?t.jsx(Ao,{children:t.jsx(He,{backgroundColor:new je(z.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:$,isStickyName:$},treeNodePadding:{left:N.contentPaddingLeft.value(O),right:N.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:x,onScroll:l,infiniteLoadingProps:{isItemLoaded:E,itemCount:A,loadMoreItems:M}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:i}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(i.visual.MMMYYFormat)} - ${o.format(i.visual.MMMYYFormat)}`};export{fr as default};
+`,Lo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx($e,{size:"ExtraLarge",start:!0})}):null,fr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:s,onVendorTabSelectionChanged:i,onReloadReport:l,onBackClick:h,onFetchOpExByVendors:n,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:x,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:_,updateDownloadStateHandler:S,onClearSearch:v,analytics:O,onClickMenuIcon:z})=>{const[$,E]=C.useState(o.searchString[o.timeframe]),[A,M]=C.useState(!1),k=H(),j=C.useRef(null),W=Ce(r),he=W.length>1,me=B.getLocalizedStrings().reports.common,q=B.getLocalizedStrings().vendors,Q=J(),ge=["month","quarter"],ue=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,L=o.mode==="compare_mode"&&!ue,K=e.allTimeframeTicks.length===0,{timeframe:T}=o,D=o.searchString[T];_e({componentName:"vendors.opex_by_vendor.list"});const fe=C.useCallback(w=>{n(T,D,w)},[T,D,n]),ye=C.useCallback((w,b)=>{window.scrollTo({top:j.current?.offsetTop,behavior:"smooth"}),w.length>0?(y(!0),n(b,w,!1)):(y(!1),v(b))},[v,n,y]),X=C.useRef(xe((w,b)=>ye(w,b),500,{trailing:!0})).current,be=(w,b)=>{c(w,b,T),y(!0),n(T,D,!1)};if(C.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[T],...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]),C.useEffect(()=>{E(D)},[D]),e.fetchState==="Error")return t.jsxs(Po,{children:[t.jsx(Oo,{"data-testid":ke("op-ex-by-vendor-reload-page"),onClick:l,children:t.jsx(Se,{})}),t.jsx(To,{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:$??"",onSearchTextChanged:b=>{E(b),b.trim().length>=2?X(b,T):b.trim().length==0&&X("",T)},downloadPresent:!0}),t.jsx(ve,{downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:K,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async b=>{if(b==="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:Q.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(Pe,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${Q.colors.grey3}`},onTabChange:b=>i(Oe(b.id)),previousTabPosition:d,setPreviousTabPosition:_}):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(Eo,{children:t.jsx(Ge,{balance:Y,dateText:zo(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:K})]}),t.jsx(Ro,{reference:j,report:e,uiState:o,isEmptyPeriod:K,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:x,onSortOrderChanged:be,handleFetchOpExByVendor:fe,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Fo=({timeframes:e,firstMonthOfFY:r,allTimeframeTicks:o,selectedCOABalancesRange:s,selectedTimeframe:i,onTimeframeSelectionChanged:l,onAdditionalBalanceSelectionChanged:h,mode:n,isCompareModeOn:p,analytics:g})=>t.jsx(Do,{children:t.jsxs(jo,{children:[t.jsx($o,{children:t.jsx(We,{timeframe:{allowedTimeframes:e,selectedTimeframe:i,onTimeframeSelectionChanged:c=>{g?.trackTimeframeSwitch(V(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&l(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(i)),h(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(ze,{firstMonthOfFY:r,timeframe:i,timeframeTicks:o,selection:{selectedTicks:oe(o,s),highlightedOfSelectedTicks:oe(o,s)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=H();return e?t.jsx(No,{children:t.jsx(Ke,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(Io,{windowSize:o,children:t.jsx(ie,{children:({height:s,width:i})=>t.jsx(ho,{selectedRangeReport:r,width:i,height:s,isDetailPage:!0,showBarHoverBackground:!1})})})},Ro=({report:e,uiState:r,isEmptyPeriod:o,reference:s,onAdditionalBalanceSelectionChanged:i,onTableScroll:l,onSortOrderChanged:h,onVendorNameAndBalanceClicked:n,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const y=r.mode==="compare_mode",x=k=>{c?.trackCompareFilterChange(k==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),V(r.timeframe),"dropdown"),i(y,[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,_]=C.useState(void 0),[S,v]=C.useState(void 0),O=H(),z=J(),$=!(O==="small"||O==="medium-compact");C.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:Ee(),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||!le(S,e)){const j=xo(e,r,k,$);v(e),_(j)}else{const j=So(d,k,e,$);_(j)}},[r.mode,e]);const E=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(Ye,{}):d!=null?t.jsx(Mo,{children:t.jsx(He,{backgroundColor:new je(z.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:$,isStickyName:$},treeNodePadding:{left:N.contentPaddingLeft.value(O),right:N.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:x,onScroll:l,infiniteLoadingProps:{isItemLoaded:E,itemCount:M,loadMoreItems:A}})}):null})},zo=e=>{const r=e.startDate,o=e.endDate,{vendors:s,dateFormat:i}=B.getLocalizedStrings();return`${s.opExByVendor.in} ${r.format(i.visual.MMMYYFormat)} - ${o.format(i.visual.MMMYYFormat)}`};export{fr as default};

package/dist/assets/OverlayContainerPage-D4QU0p4o-DAP8RqtI.js

@@ -0,0 +1,11 @@
+import{d as i,V as n}from"./index-DOsjGhSZ.js";import{n as r}from"./mui-B2MHg-Mu.js";import"./sentry-otjdlEta.js";import"./liveblocks-KFxhhSr3.js";import"./core-BHxev_Cl.js";import"./recharts-B7o7FzH2.js";import"./zeni-epic-state-DVinyIRY.js";import"./lottie-DDoT_sT4.js";import"./analytics-Cz7GTPb4.js";import"./lexical-Dja08wvc.js";import"./utils-BbmM3Vsp.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="f5b93710-1784-4203-8657-2667e67e818e",e._sentryDebugIdIdentifier="sentry-dbid-f5b93710-1784-4203-8657-2667e67e818e")}catch{}})();const d=r.div`
+  display: ${({isOpen:e})=>e?"block":"none"};
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: ${({theme:e})=>e.colors.background};
+  overflow-y: auto;
+  z-index: 10;
+`,h=({isOpen:e,children:o})=>{const t=i();return n.jsx(d,{isOpen:e,theme:t,children:o})};export{h as default};

package/dist/assets/{PandLWithForecastPage-8S06Nyi5-1bcdIh1F.js → PandLWithForecastPage-CtFnhBki-D2LFAlVU.js}

@@ -1,4 +1,4 @@
-import{V as o,x as M,e as I,J as v,bD as ne,F as c,i as re,aQ as A,T as ie,b as ae,y as W,o as s,ce,aE as le,aW as de,R as ge,cE as pe,bz as me,u as $,cF as fe,aU as he,aV as ue,bb as xe,bM as we}from"./index-B4SkrUUS.js";import{a as N}from"./sentry-BBFZ4Apy.js";import{n as r}from"./mui-DUBEtzg-.js";import{R as Se}from"./NavBarWithPicker-C4VfP_Kw-BP1hKzBN.js";import{m as be}from"./analyticsHelper-CL-t3Y2i-D7L_LVJW.js";import{M as je}from"./TimeframeSwitcherWithToggle-CbX9ElMN-hszvw3pP.js";import{I as ye,a as $e}from"./CollapsableReportTable-DlYIKSlQ-CTPvx283.js";import{M as V}from"./usp-line-BBd1wKwW-Ob7uwwlJ.js";import{F5 as Ce,F6 as Pe}from"./zeni-epic-state-CbQxc4HL.js";import{D as ke,T as ze,C as ve}from"./mapSectionWithAcOnlyToTreeNode-BDWD3x8r-BJJQ7ptw.js";import{s as G}from"./mapTimeframeBalancesToTreeNode-D-LTfKnD-BwhFvpsB.js";import"./liveblocks-Dh9EWLXD.js";import"./core-TLZ6PfaT.js";import"./recharts-ZbSULBPo.js";import"./lottie-osIcf0zV.js";import"./analytics-BFo1DlpM.js";import"./lexical-DGcsrY0x.js";import"./utils-DvDl_6hs.js";import"./TimeframeSwitcher-BppC6giF-C7ddFaNs.js";import"./AccountRow-aEmcYP8T-BbTS3-CK.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="a9fdb658-8bf2-46e1-9886-b0ff795c0f91",e._sentryDebugIdIdentifier="sentry-dbid-a9fdb658-8bf2-46e1-9886-b0ff795c0f91")}catch{}})();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",Te=r.div`
+import{V as o,w as A,d as I,J as v,bD as ne,F as c,i as re,aQ as M,T as ie,b as ae,y as W,o as s,ce,aE as le,aW as de,R as ge,cE as pe,bz as me,u as $,cF as he,aU as fe,aV as ue,bb as xe,bM as we}from"./index-DOsjGhSZ.js";import{a as N}from"./sentry-otjdlEta.js";import{n as r}from"./mui-B2MHg-Mu.js";import{R as Se}from"./NavBarWithPicker-B_vr1zc6-DAolNzoK.js";import{m as je}from"./analyticsHelper-DEOt00qX-3E5keIK0.js";import{M as be}from"./TimeframeSwitcherWithToggle-D265f15Y-T64K-skP.js";import{I as ye,a as $e}from"./CollapsableReportTable-vwzu1AgW-BTLj3VXb.js";import{M as V}from"./usp-line-BBd1wKwW-BmAEJQI7.js";import{F5 as Ce,F6 as Pe}from"./zeni-epic-state-DVinyIRY.js";import{D as ke,T as ze,C as ve}from"./mapSectionWithAcOnlyToTreeNode-DtYXgw-F-TAq1Mekz.js";import{s as G}from"./mapTimeframeBalancesToTreeNode-ByLaAQOt-Biy9DgAh.js";import"./liveblocks-KFxhhSr3.js";import"./core-BHxev_Cl.js";import"./recharts-B7o7FzH2.js";import"./lottie-DDoT_sT4.js";import"./analytics-Cz7GTPb4.js";import"./lexical-Dja08wvc.js";import"./utils-BbmM3Vsp.js";import"./TimeframeSwitcher-B7EXKmdi-DuvH5agU.js";import"./AccountRow-CK5HLVrf-CkNAMQ2u.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="c39c60a6-b7e1-485a-9f31-92f6fdaa1395",e._sentryDebugIdIdentifier="sentry-dbid-c39c60a6-b7e1-485a-9f31-92f6fdaa1395")}catch{}})();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",Te=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -23,7 +23,7 @@ import{V as o,x as M,e as I,J as v,bD as ne,F as c,i as re,aQ as A,T as ie,b as
   align-items: center;
   justify-content: center;
   margin-bottom: ${e=>e.windowSize==="small"?s.sp3:s.sp4};
-`,Me=r.div``,Q=r.div`
+`,Ae=r.div``,Q=r.div`
   width: ${e=>e.windowSize==="small"?"auto":"408px"};
   display: flex;
   flex-direction: column;
@@ -54,9 +54,9 @@ import{V as o,x as M,e as I,J as v,bD as ne,F as c,i as re,aQ as A,T as ie,b as
   color: ${e=>e.theme.colors.champion};
 `,O=r(ue)`
   color: ${e=>e.theme.colors.champion};
-`,B=r(he)`
+`,B=r(fe)`
   color: ${e=>e.theme.colors.champion};
-`,E=r(fe)`
+`,E=r(he)`
   color: ${e=>e.theme.colors.champion};
 `,P=r.div``,k=r.div`
   padding-left: ${s.sp3};
@@ -66,11 +66,11 @@ import{V as o,x as M,e as I,J as v,bD as ne,F as c,i as re,aQ as A,T as ie,b as
   color: ${e=>e.theme.colors.graphColor25};
 `,oe=r(V)`
   color: ${e=>e.theme.colors.graphColor04};
-`,Ae=r(me)`
+`,Me=r(me)`
   margin: ${s.sp3} auto;
   max-width: 422px;
   color: ${e=>e.theme.colors.hero};
-`,Ne=()=>{const e=I(),t=v();return o.jsxs(q,{windowSize:t,children:[o.jsx(K,{windowSize:t,children:o.jsx(X,{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(Q,{windowSize:t,children:[o.jsxs(C,{windowSize:t,children:[o.jsx(P,{children:o.jsx(Z,{})}),o.jsxs(k,{children:[o.jsx(E,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(C,{windowSize:t,children:[o.jsx(P,{children:o.jsx(ee,{})}),o.jsxs(k,{children:[o.jsx(E,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(C,{windowSize:t,children:[o.jsx(P,{children:o.jsx(oe,{})}),o.jsxs(k,{children:[o.jsx(E,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},_e=()=>{const e=I(),t=v();return o.jsxs(q,{windowSize:t,children:[o.jsxs(Q,{windowSize:t,children:[o.jsxs(C,{windowSize:t,style:{width:"408px"},children:[o.jsx(P,{children:o.jsx(Z,{})}),o.jsxs(k,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(C,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(P,{children:o.jsx(ee,{})}),o.jsxs(k,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(C,{windowSize:t,style:{width:"408px"},children:[o.jsx(P,{children:o.jsx(oe,{})}),o.jsxs(k,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(K,{windowSize:t,children:o.jsx(X,{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"}})})})]})},Oe=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const a=I(),l=v(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(Te,{"data-testid":A("forecast-promo-page"),children:[o.jsx(ne,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(Le,{"data-testid":A("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Fe,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Ie,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ne,{}):o.jsx(_e,{}),o.jsxs(Me,{"data-testid":A("forecast-promo-bottom-container"),children:[o.jsx(re,{variant:"primary",label:c.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:d}),o.jsx(Ae,{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:[],m=G({balances:d,config:t}),p=[];return p.push(m),e.idsInOrder.forEach(i=>{if(Ce(i)===!0){const u=e.sections[i];if(u==null)return;u.accountGroups.length>0?p.push(ke({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):p.push(ze({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else Pe(i)===!0&&p.push(ve({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[m]:[],contentNodes:p}}function Ee(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=>te(p,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...m]}}function te(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>te(n,t))}const L={contentPaddingLeft:new W($[3],$[3],$[8]),contentPaddingRight:new W($[3],$[3],$[8])},Ve=r.div`
+`,Ne=()=>{const e=I(),t=v();return o.jsxs(q,{windowSize:t,children:[o.jsx(K,{windowSize:t,children:o.jsx(X,{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(Q,{windowSize:t,children:[o.jsxs(C,{windowSize:t,children:[o.jsx(P,{children:o.jsx(Z,{})}),o.jsxs(k,{children:[o.jsx(E,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(C,{windowSize:t,children:[o.jsx(P,{children:o.jsx(ee,{})}),o.jsxs(k,{children:[o.jsx(E,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(C,{windowSize:t,children:[o.jsx(P,{children:o.jsx(oe,{})}),o.jsxs(k,{children:[o.jsx(E,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(B,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},_e=()=>{const e=I(),t=v();return o.jsxs(q,{windowSize:t,children:[o.jsxs(Q,{windowSize:t,children:[o.jsxs(C,{windowSize:t,style:{width:"408px"},children:[o.jsx(P,{children:o.jsx(Z,{})}),o.jsxs(k,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(C,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(P,{children:o.jsx(ee,{})}),o.jsxs(k,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(C,{windowSize:t,style:{width:"408px"},children:[o.jsx(P,{children:o.jsx(oe,{})}),o.jsxs(k,{children:[o.jsx(O,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(_,{children:c.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(K,{windowSize:t,children:o.jsx(X,{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"}})})})]})},Oe=({meetingUrl:e,onBackClick:t,onClickMenuIcon:n})=>{const a=I(),l=v(),d=()=>{window.open(e.toString(),"_blank")};return o.jsxs(Te,{"data-testid":M("forecast-promo-page"),children:[o.jsx(ne,{title:c.getLocalizedStrings().forecastPromoPage.title,backgroundColor:a.colors.grey4,onBackClick:t,showMenuIcon:l==="medium-compact"||l==="small",onClickMenuIcon:n,source:"ForecastPromoPage"}),o.jsxs(Le,{"data-testid":M("forecast-promo-container"),windowSize:l,children:[l==="small"?o.jsx(Fe,{children:c.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(Ie,{children:c.getLocalizedStrings().forecastPromoPage.promoText}),l==="small"?o.jsx(Ne,{}):o.jsx(_e,{}),o.jsxs(Ae,{"data-testid":M("forecast-promo-bottom-container"),children:[o.jsx(re,{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:[],m=G({balances:d,config:t}),p=[];return p.push(m),e.idsInOrder.forEach(i=>{if(Ce(i)===!0){const u=e.sections[i];if(u==null)return;u.accountGroups.length>0?p.push(ke({section:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t})):p.push(ze({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}else Pe(i)===!0&&p.push(ve({calculatedSection:e.calculatedSections[i],numOfBalances:l,title:a.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:n?[m]:[],contentNodes:p}}function Ee(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=>te(p,t)),{config:t,headerNodes:a?[d]:[],contentNodes:[d,...m]}}function te(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(n=>te(n,t))}const L={contentPaddingLeft:new W($[3],$[3],$[8]),contentPaddingRight:new W($[3],$[3],$[8])},Ve=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -104,4 +104,4 @@ import{V as o,x as M,e as I,J as v,bD as ne,F as c,i as re,aQ as A,T as ie,b as
   align-items: center;
   justify-content: center;
   margin-bottom: ${s.sp3};
-`,Je=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:m,onBackClick:p,isPandLReportFetching:i,onClickMenuIcon:u})=>{const f=v(),h=[];for(let g=0;g<e.length;++g)h.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:h,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ae.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const z=e[parseInt(g)];n?.(z.id,parseInt(g))}},styles:{justifyContent:f==="small"?"left":"center"},isPickerDisabled:i},onBackClick:p,showMenuIcon:f==="medium-compact"||f==="small",onClickMenuIcon:u},j={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(We,{paddingLeft:L.contentPaddingLeft.value(f),paddingRight:L.contentPaddingRight.value(f),children:[o.jsx(Se,{...x}),i?"":o.jsx(Ue,{children:o.jsx(je,{...j})})]})},Ge=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:m,onTableScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:u})=>{const f=I(),h=v(),[x,j]=N.useState(void 0),[g,z]=N.useState(void 0),y=!(h==="small"||h==="medium-compact"),F=n===!0?"actual_vs_forecast":"none",T=`forecast.${e.reportId}`;return ce({componentName:T,enabled:e.fetchState==="Completed"}),N.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:F,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:$e(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:we()};if(x==null||!le(g,e)){const w=Be(e,S,y);z(e),j(w)}else{const w=Ee(x,S,e,y);j(w)}},[t,n,e]),x!=null?o.jsx(ye,{backgroundColor:new de(f.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:y,isStickyName:y},treeNodePadding:{left:L.contentPaddingLeft.value(h),right:L.contentPaddingRight.value(h)},onAccountClick:l==null?void 0:(S,w)=>{l(S,w)},onCompareModeChanged:d,scrollPosition:m,onScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:u}):null};function uo({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:m,meetingUrl:p,analytics:i,onForecastSelectionChanged:u,onTimeframeChanged:f,onForecastVsActualsCompareToggle:h,onAccountBalanceClick:x,onCompareModeChanged:j,scrollPosition:g,onTableScroll:z,nodeOpenStatus:y,onNodeCollapseToggled:F,onBackClick:T,onClickMenuIcon:S}){const w=[a.fetchState,d.fetchState],R=l?.index??-1;return se(w)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Oe,{meetingUrl:p,onBackClick:T,onClickMenuIcon:S}):J([a.fetchState])===!0?o.jsx(U,{fetchState:Ye(w)}):o.jsxs(Ve,{children:[o.jsx(Je,{forecastList:a.forecasts,selectedForecastIndex:R,onForecastSelectionChanged:(b,D)=>{i?.trackForecastSwitch(M.Event.profitAndLossWithForecast,a.forecasts[D].name),u?.(b,D)},vsActualOn:t,onVsActualChanged:b=>{i?.trackForecastVsActualMode(M.Event.profitAndLossWithForecast,a.forecasts[R].name,b),h?.(b)},selectedTimeframe:e,onTimeframeChanged:b=>{i?.trackTimeframeSwitch(be(b),M.Event.profitAndLossWithForecast),f?.(b)},onBackClick:T,isPandLReportFetching:J([d.fetchState]),onClickMenuIcon:S}),d.fetchState==="In-Progress"?o.jsx(U,{fetchState:"In-Progress"}):o.jsx(Re,{children:o.jsx(Ge,{report:d,type:m,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:j,scrollPosition:g,onTableScroll:z,nodeOpenStatus:y,onNodeCollapseToggled:F})})]})}const He=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),se=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),J=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ye=e=>He(e)===!0?"Completed":se(e)===!0?"Error":"In-Progress";export{uo as default,J as isAnyInProgress};
+`,Je=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:n,vsActualOn:a,onVsActualChanged:l,selectedTimeframe:d,onTimeframeChanged:m,onBackClick:p,isPandLReportFetching:i,onClickMenuIcon:u})=>{const h=v(),f=[];for(let g=0;g<e.length;++g)f.push(`${g}`);const x={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:f,valueToLabel:g=>e[parseInt(g)]?.name??"",selectedValue:`${t}`,titleTextStyle:ae.largeMedium,onPickerSelectionChanged:g=>{if(g!=null){const z=e[parseInt(g)];n?.(z.id,parseInt(g))}},styles:{justifyContent:h==="small"?"left":"center"},isPickerDisabled:i},onBackClick:p,showMenuIcon:h==="medium-compact"||h==="small",onClickMenuIcon:u},b={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(We,{paddingLeft:L.contentPaddingLeft.value(h),paddingRight:L.contentPaddingRight.value(h),children:[o.jsx(Se,{...x}),i?"":o.jsx(Ue,{children:o.jsx(be,{...b})})]})},Ge=({report:e,type:t,isActualVsForecastOn:n,compareMode:a,onAccountBalanceClick:l,onCompareModeChanged:d,scrollPosition:m,onTableScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:u})=>{const h=I(),f=v(),[x,b]=N.useState(void 0),[g,z]=N.useState(void 0),y=!(f==="small"||f==="medium-compact"),F=n===!0?"actual_vs_forecast":"none",T=`forecast.${e.reportId}`;return ce({componentName:T,enabled:e.fetchState==="Completed"}),N.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:F,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:$e(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:we()};if(x==null||!le(g,e)){const w=Be(e,S,y);z(e),b(w)}else{const w=Ee(x,S,e,y);b(w)}},[t,n,e]),x!=null?o.jsx(ye,{backgroundColor:new de(h.colors.grey4),rootNodes:x,type:t,compareMode:a,isSticky:{isStickyHeader:y,isStickyName:y},treeNodePadding:{left:L.contentPaddingLeft.value(f),right:L.contentPaddingRight.value(f)},onAccountClick:l==null?void 0:(S,w)=>{l(S,w)},onCompareModeChanged:d,scrollPosition:m,onScroll:p,nodeOpenStatus:i,onNodeCollapseToggled:u}):null};function uo({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:n,forecastList:a,selectedForecast:l,pandLreport:d,type:m,meetingUrl:p,analytics:i,onForecastSelectionChanged:u,onTimeframeChanged:h,onForecastVsActualsCompareToggle:f,onAccountBalanceClick:x,onCompareModeChanged:b,scrollPosition:g,onTableScroll:z,nodeOpenStatus:y,onNodeCollapseToggled:F,onBackClick:T,onClickMenuIcon:S}){const w=[a.fetchState,d.fetchState],R=l?.index??-1;return se(w)===!0||a.fetchState==="Completed"&&a.forecasts.length===0?o.jsx(Oe,{meetingUrl:p,onBackClick:T,onClickMenuIcon:S}):J([a.fetchState])===!0?o.jsx(U,{fetchState:Ye(w)}):o.jsxs(Ve,{children:[o.jsx(Je,{forecastList:a.forecasts,selectedForecastIndex:R,onForecastSelectionChanged:(j,D)=>{i?.trackForecastSwitch(A.Event.profitAndLossWithForecast,a.forecasts[D].name),u?.(j,D)},vsActualOn:t,onVsActualChanged:j=>{i?.trackForecastVsActualMode(A.Event.profitAndLossWithForecast,a.forecasts[R].name,j),f?.(j)},selectedTimeframe:e,onTimeframeChanged:j=>{i?.trackTimeframeSwitch(je(j),A.Event.profitAndLossWithForecast),h?.(j)},onBackClick:T,isPandLReportFetching:J([d.fetchState]),onClickMenuIcon:S}),d.fetchState==="In-Progress"?o.jsx(U,{fetchState:"In-Progress"}):o.jsx(Re,{children:o.jsx(Ge,{report:d,type:m,isActualVsForecastOn:t,compareMode:n,onAccountBalanceClick:x,onCompareModeChanged:b,scrollPosition:g,onTableScroll:z,nodeOpenStatus:y,onNodeCollapseToggled:F})})]})}const He=e=>e.reduce((t,n)=>t===!0&&n==="Completed",!0),se=e=>e.reduce((t,n)=>t===!0||n==="Error",!1),J=e=>e.reduce((t,n)=>t===!0||n==="Not-Started"||n==="In-Progress",!1),Ye=e=>He(e)===!0?"Completed":se(e)===!0?"Error":"In-Progress";export{uo as default,J as isAnyInProgress};