@zeniai/web-app-ui 4.14.29-dev → 4.14.30-dev

package/dist/assets/{NotificationsPage-9vgLoVxJ-CqhoB5mC.js → NotificationsPage-Be1v8niA-BlgDo9nE.js}

@@ -1,4 +1,4 @@
-import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E as $e,O as B,gu as ai,x as _,ht as ni,w as Ie,L as ri,v as st,bN as at,an as nt,cO as rt,bV as lt,iP as dt,k as w,a as li,cM as he,ah as di,N as ci,M as ct,d as S,C as hi,bg as z,cc as ue,fy as pe,iQ as fe,_ as ht,h as ut,cR as E,eX as pt,P as me,ba as ui,l as Z,hH as pi,H as U,f8 as fi,ad as je,au as ge,iR as mi,b8 as ft,iS as ze,aT as gi}from"./index-ByxsQZNo.js";import{a as g}from"./sentry-COYnhuxW.js";import{n,c as P}from"./mui-40xepic5.js";import{GH as xi,GI as bi,bG as X,bs as y,F3 as mt}from"./zeni-epic-state-DCforPdM.js";import{R as wi}from"./SubTabSwitcher-DhIXVTVI-Dm-A1aML.js";import{d as gt}from"./useLongPress-GCK2COYQ-CqE4OIEm.js";import{A as xt,t as bt,a as wt,E as yt,L as $t,I as jt}from"./NotificationsListConfig-CWWrsRBB-BQkEfnwX.js";import"./pdf-A8jRKyoC.js";import"./core-B0nKoasK.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./recharts-Bbdho9Pi.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.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]="260275f6-455b-4fd4-8c6c-abdf5403e400",e._sentryDebugIdIdentifier="sentry-dbid-260275f6-455b-4fd4-8c6c-abdf5403e400")}catch{}})();function yi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:r,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:h}){const u=v(),f=K(),p=g.useCallback(m=>{d(m.id)},[d]),x=g.useCallback(m=>{h(m.id)},[h]);return e.length===0?null:t.jsxs($i,{windowSize:u,children:[t.jsx(ni,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${f.colors.grey3}`},onTabChange:p}),t.jsx(wi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:r,onTabChange:x})]})}const $i=n.div`
+import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E as $e,O as B,gu as ai,x as _,ht as ni,w as Ie,L as ri,B as st,bN as at,an as nt,cO as rt,bV as lt,iP as dt,m as w,a as li,cM as he,ah as di,d as ci,M as ct,f as S,C as hi,bg as z,cc as ue,fy as pe,iQ as fe,_ as ht,h as ut,cR as E,eX as pt,b as me,ba as ui,l as Z,hH as pi,H as U,f8 as fi,ad as je,au as ge,iR as mi,b8 as ft,iS as ze,aT as gi}from"./index-BHAcVHeH.js";import{a as g}from"./sentry-CY6wsJT-.js";import{n,c as P}from"./mui-Cni6P-fz.js";import{GH as xi,GI as bi,bG as X,bs as y,F3 as mt}from"./zeni-epic-state-cFF_NqwA.js";import{R as wi}from"./SubTabSwitcher-D3ltE_yc-Ry1ed6uf.js";import{d as gt}from"./useLongPress-GCK2COYQ-BX_5sahW.js";import{A as xt,t as bt,a as wt,E as yt,L as $t,I as jt}from"./NotificationsListConfig-C7JSE-eQ-DyT-ZhYk.js";import"./pdf-CTJ16aEe.js";import"./core-oEkj6b51.js";import"./lottie-DEK510sX.js";import"./liveblocks-Ia5FU_Xu.js";import"./recharts-LlOU9oLm.js";import"./dnd-DwLm2ZWc.js";import"./analytics-Ci5SIN4_.js";import"./plaid-B2vW8NaN.js";import"./utils-ChLimP28.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]="dc94b414-b702-4423-b046-25b71116ae76",e._sentryDebugIdIdentifier="sentry-dbid-dc94b414-b702-4423-b046-25b71116ae76")}catch{}})();function yi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:r,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:h}){const u=v(),f=K(),p=g.useCallback(m=>{d(m.id)},[d]),x=g.useCallback(m=>{h(m.id)},[h]);return e.length===0?null:t.jsxs($i,{windowSize:u,children:[t.jsx(ni,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${f.colors.grey3}`},onTabChange:p}),t.jsx(wi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:r,onTabChange:x})]})}const $i=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -89,7 +89,7 @@ import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E
   border-radius: ${i.sp2};
   flex-shrink: 0;
   background-color: ${e=>e.readStatus==="unread"?S.info:"transparent"};
-`,Se={emptyRowItemSectionWidth:new _(120,200,250,330,400),emptyLastRowItemSectionWidth:new _(w[6],50,60,w[11],120)},Vi=()=>{const e=v();return t.jsxs(Wi,{windowSize:e,children:[t.jsx(ve,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:Se.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ve,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:Se.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ve,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:Se.emptyLastRowItemSectionWidth.value(e),height:18})})]})},Wi=n.div`
+`,Se={emptyRowItemSectionWidth:new _(120,200,250,330,400),emptyLastRowItemSectionWidth:new _(w[6],50,60,w[11],120)},Vi=()=>{const e=v();return t.jsxs(Yi,{windowSize:e,children:[t.jsx(ve,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:Se.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ve,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:Se.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ve,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:Se.emptyLastRowItemSectionWidth.value(e),height:18})})]})},Yi=n.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -120,7 +120,7 @@ import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
   width: ${e=>e.isLastItem?"10%":Nt.valuePercentage(e.windowSize)};
-`,Yi=()=>{const e=v();return t.jsxs(Ji,{windowSize:e,children:[t.jsxs(qi,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:180,height:w[4]})]}),t.jsx(Qi,{children:t.jsx(z,{width:60,height:18})})]})},Ji=n.div`
+`,Wi=()=>{const e=v();return t.jsxs(Ji,{windowSize:e,children:[t.jsxs(qi,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:180,height:w[4]})]}),t.jsx(Qi,{children:t.jsx(z,{width:60,height:18})})]})},Ji=n.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -158,7 +158,7 @@ import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E
   align-items: baseline;
   flex-direction: row;
   justify-content: end;
-`,Xi=()=>v()==="small"?t.jsx(Yi,{}):t.jsx(Vi,{}),Ki={marginLeft:new _(w[2],w[5],w[7])},Zi=()=>t.jsxs(eo,{children:[t.jsx(Ce,{numberOfRows:5}),t.jsx(Ce,{numberOfRows:3})]}),Ce=({numberOfRows:e})=>{const o=v();return t.jsxs(to,{windowSize:o,children:[t.jsx(oo,{children:t.jsx(z,{width:w[12],height:Ie.standardRegular.lineHeightValue})}),t.jsx(io,{children:[...Array(e)].map(s=>t.jsx(Xi,{},he()))})]})},eo=n.div`
+`,Xi=()=>v()==="small"?t.jsx(Wi,{}):t.jsx(Vi,{}),Ki={marginLeft:new _(w[2],w[5],w[7])},Zi=()=>t.jsxs(eo,{children:[t.jsx(Ce,{numberOfRows:5}),t.jsx(Ce,{numberOfRows:3})]}),Ce=({numberOfRows:e})=>{const o=v();return t.jsxs(to,{windowSize:o,children:[t.jsx(oo,{children:t.jsx(z,{width:w[12],height:Ie.standardRegular.lineHeightValue})}),t.jsx(io,{children:[...Array(e)].map(s=>t.jsx(Xi,{},he()))})]})},eo=n.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -262,7 +262,7 @@ import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,xo=n(Dt)``,bo=e=>v()==="small"?t.jsx(mo,{...e}):t.jsx(uo,{...e}),{commentsAndNotifications:{notifications:{message:wo}}}=B.getLocalizedStrings(),Fe={rowGap:new _(w[0],w[5],w[5])},yo=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:r,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:h,onUpdateScrollYOffset:u,onFetchNotificationGroups:f,onNotificationClick:p})=>{const x=v(),m=g.useRef(null),k=g.useRef({});g.useEffect(()=>{m.current?.resetAfterIndex(0,!0)},[x,m,e]),g.useEffect(()=>{m.current?.scrollTo(c)},[d]);const N=g.useCallback(C=>{if(k.current?.[C]!=null){const F=x==="small"&&a===!1&&C===e.length-1?Fe.rowGap.value("medium-regular"):Fe.rowGap.value(x);return k.current[C]+F}return 3*(xt*Tt.value(x)+bt)+wt+yt},[x,k,e]),D=g.useCallback((C,F)=>{k.current={...k.current,[C]:F},m.current?.resetAfterIndex(0,!0)},[x,m,e]),I=g.useCallback(()=>{f()},[f]),b=g.useCallback(()=>{},[]),T=st(C=>u(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,H=g.useCallback(()=>a&&!s?I():b(),[a,s,I,b]),R=a?e.length+1:e.length;return t.jsx(jo,{children:t.jsx(ko,{windowSize:x,children:s&&e.length===0?t.jsx(Zi,{}):s===!1&&e.length===0?t.jsx(at,{message:wo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(So,{windowSize:x,children:t.jsx(nt,{children:({height:C,width:F})=>t.jsx(rt,{isItemLoaded:j,itemCount:$t,loadMoreItems:H,children:({onItemsRendered:V,ref:G})=>t.jsx(lt,{ref:W=>{G(W),m.current=W},height:C,itemCount:R,itemData:{notificationGroups:e,users:o,sectionId:r,checkBoxMode:l,isDisabled:h,isItemLoaded:j,setRowHeight:D,onNotificationClick:p},onItemsRendered:V,itemSize:N,width:F,style:{willChange:"auto"},overscanCount:jt,onScroll:({scrollOffset:W})=>{T(W)},initialScrollOffset:c,children:$o})})})})})})},$o=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:r,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:h,setRowHeight:u,onNotificationClick:f}=s,p=g.useRef(null),x=v();if(g.useEffect(()=>{p.current?.firstElementChild!=null&&u(e,p.current.firstElementChild.clientHeight)},[e,p,x,a[e]?.notifications]),d(e)===!0){const m=a[e],k=le(m);return t.jsx(Ge,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:p,children:t.jsx(bo,{notificationGroup:m,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:h,users:r,onNotificationTileClick:f})},k)}return t.jsx(Ge,{ref:p,style:{...o,paddingBottom:i.sp0},children:t.jsx(Ce,{numberOfRows:3})},he())},jo=n.div`
+`,xo=n(Dt)``,bo=e=>v()==="small"?t.jsx(mo,{...e}):t.jsx(uo,{...e}),{commentsAndNotifications:{notifications:{message:wo}}}=B.getLocalizedStrings(),Fe={rowGap:new _(w[0],w[5],w[5])},yo=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:r,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:h,onUpdateScrollYOffset:u,onFetchNotificationGroups:f,onNotificationClick:p})=>{const x=v(),m=g.useRef(null),k=g.useRef({});g.useEffect(()=>{m.current?.resetAfterIndex(0,!0)},[x,m,e]),g.useEffect(()=>{m.current?.scrollTo(c)},[d]);const N=g.useCallback(C=>{if(k.current?.[C]!=null){const F=x==="small"&&a===!1&&C===e.length-1?Fe.rowGap.value("medium-regular"):Fe.rowGap.value(x);return k.current[C]+F}return 3*(xt*Tt.value(x)+bt)+wt+yt},[x,k,e]),D=g.useCallback((C,F)=>{k.current={...k.current,[C]:F},m.current?.resetAfterIndex(0,!0)},[x,m,e]),I=g.useCallback(()=>{f()},[f]),b=g.useCallback(()=>{},[]),T=st(C=>u(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,H=g.useCallback(()=>a&&!s?I():b(),[a,s,I,b]),R=a?e.length+1:e.length;return t.jsx(jo,{children:t.jsx(ko,{windowSize:x,children:s&&e.length===0?t.jsx(Zi,{}):s===!1&&e.length===0?t.jsx(at,{message:wo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(So,{windowSize:x,children:t.jsx(nt,{children:({height:C,width:F})=>t.jsx(rt,{isItemLoaded:j,itemCount:$t,loadMoreItems:H,children:({onItemsRendered:V,ref:G})=>t.jsx(lt,{ref:Y=>{G(Y),m.current=Y},height:C,itemCount:R,itemData:{notificationGroups:e,users:o,sectionId:r,checkBoxMode:l,isDisabled:h,isItemLoaded:j,setRowHeight:D,onNotificationClick:p},onItemsRendered:V,itemSize:N,width:F,style:{willChange:"auto"},overscanCount:jt,onScroll:({scrollOffset:Y})=>{T(Y)},initialScrollOffset:c,children:$o})})})})})})},$o=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:r,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:h,setRowHeight:u,onNotificationClick:f}=s,p=g.useRef(null),x=v();if(g.useEffect(()=>{p.current?.firstElementChild!=null&&u(e,p.current.firstElementChild.clientHeight)},[e,p,x,a[e]?.notifications]),d(e)===!0){const m=a[e],k=le(m);return t.jsx(Ge,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:p,children:t.jsx(bo,{notificationGroup:m,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:h,users:r,onNotificationTileClick:f})},k)}return t.jsx(Ge,{ref:p,style:{...o,paddingBottom:i.sp0},children:t.jsx(Ce,{numberOfRows:3})},he())},jo=n.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -279,7 +279,7 @@ import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{in:vo,strings:Ee},dateFormat:Co,commentsAndNotifications:{notifications:{actionStrings:{notifications:O}}}}=B.getLocalizedStrings(),Mt=e=>{e.sort((r,l)=>r.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const r of St){let l=0,c=0,d=y().subtract(Math.min(y().date(),l),"d").startOf("d"),h=y().subtract(Math.min(y().date(),c),"d").endOf("d"),u=1;switch(r){case"today":case"yesterday":l=r==="today"?0:1,c=r==="today"?0:1,d=y().subtract(Math.min(y().date(),l),"d").startOf("d"),h=y().subtract(Math.min(y().date(),c),"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&y().date()>2&&(d=y().subtract(Math.min(y().date()-1,8),"d").startOf("d"),h=y().subtract(2,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&y().date()>9&&(d=y().startOf("M").startOf("d"),h=y().subtract(9,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=y().subtract(u,"month").startOf("M").startOf("d"),p=y().subtract(u,"month").endOf("M").endOf("d");u++,a=se(o,f,p),o=a.remainingData,s.push({start:f,end:p,type:r,notifications:a.singleGroup})}}}return s},se=(e,o,s)=>{const a=[],r=e.map(l=>dt(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:r}},To=e=>{const{eventData:{activities:o}}=e;let s=O.newActivity;if(o.length>0){const a=o[0].activityType,r=o[0].metadata.eventStatus;switch(a){case"task_archived":s=O.archive;break;case"task_deleted":s=O.delete;break;case"task_activities":s=O.activities;break;case"task_assigned":s=O.assign;break;case"task_created":s=O.create;break;case"task_due":s=r!=null?(l=>{let c=O.newActivity;return c=l.code==="in_progress"?O.due.replace("__task_status__",ze(l.name.toLocaleLowerCase())):O.due.replace("__task_status__",vo.toLocaleLowerCase().concat(Ee.space,ze(l.name.toLocaleLowerCase()))),c})(r):O.dueTomorrow;break;case"task_overdue":s=O.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Co.visual.MMMDFormat)??Ee.empty);break;case"task_status_updated":s=O.statusUpdate}}return s},At=new _(3,2,1,1,1),Ot=new _(w[8],33,33,33,35),ce={lineClamp:At,sectionWidth:Ot},Pt="notification-tile",{common:{and:Ue,other:No,others:Io,texts:Lo,timeStrings:Ro,strings:A,tags:_o}}=B.getLocalizedStrings(),zo=({sectionId:e,notificationData:o,isHighlighted:s=!1,style:a,onNotificationTileClick:r})=>{const{status:l,notificationId:c,eventData:{entitiyId:d,activities:h},createTime:u}=o;return t.jsxs(Fo,{notificationStatus:l,isHighlighted:s,style:a,"data-testid":me(e,`${Pt}-${c}`),onClick:()=>{r(c,d,l,h.length>0?h[0].activityType:void 0)},children:[t.jsx(Do,{...o}),t.jsx(Oo,{...o}),t.jsx(Bo,{...o}),t.jsx(Po,{createTime:u,notificationStatus:l})]})},Bt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Vo,{notificationStatus:o,children:s||A.hyphen})},Do=e=>{const o=v();return t.jsx(Ho,{windowSize:o,children:t.jsx(Bt,{...e})})},Mo=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(Yo,{children:[t.jsx(He,{backgroundColor:De(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Jo,{}),t.jsx(He,{backgroundColor:De(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Ao=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,r=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(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,Lo.zeniAI,A.space]});return r>0&&(l=r>2?t.jsxs(t.Fragment,{children:[t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,E(s[0],!1),A.space]}),Ue,t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.space,r-1,A.space,Io,A.space]})]}):r===2?t.jsxs(t.Fragment,{children:[t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,E(s[0],!1),A.space]}),Ue,t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.space,s.length===2?A.atTheRate+E(s[1],!1):No,A.space]})]}):t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,E(s[0],!1),A.space]})),l},Ft=e=>t.jsxs(t.Fragment,{children:[t.jsx(Ao,{...e}),To(e),t.jsx(Mo,{...e})]}),Oo=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Uo,{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(Ft,{...e})})},Gt=e=>{const{createTime:o,notificationStatus:s}=e,a=vt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Wo,{isNewNotification:a===Ro.justNow,children:a}),t.jsx(Qo,{notificationStatus:s})]})},Po=e=>{const o=v();return t.jsx(Go,{windowSize:o,children:t.jsx(Gt,{...e})})},Et=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(fi,{tagTitle:_o.overdue,textColor:{color:new je(S.alert),backgroundColor:new je("transparent"),borderColor:new je(S.alert)},showLoader:!1}):t.jsx(qo,{})},Bo=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(Et,{...e})})},Fo=n.div`
+`,{common:{in:vo,strings:Ee},dateFormat:Co,commentsAndNotifications:{notifications:{actionStrings:{notifications:O}}}}=B.getLocalizedStrings(),Mt=e=>{e.sort((r,l)=>r.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const r of St){let l=0,c=0,d=y().subtract(Math.min(y().date(),l),"d").startOf("d"),h=y().subtract(Math.min(y().date(),c),"d").endOf("d"),u=1;switch(r){case"today":case"yesterday":l=r==="today"?0:1,c=r==="today"?0:1,d=y().subtract(Math.min(y().date(),l),"d").startOf("d"),h=y().subtract(Math.min(y().date(),c),"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&y().date()>2&&(d=y().subtract(Math.min(y().date()-1,8),"d").startOf("d"),h=y().subtract(2,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&y().date()>9&&(d=y().startOf("M").startOf("d"),h=y().subtract(9,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=y().subtract(u,"month").startOf("M").startOf("d"),p=y().subtract(u,"month").endOf("M").endOf("d");u++,a=se(o,f,p),o=a.remainingData,s.push({start:f,end:p,type:r,notifications:a.singleGroup})}}}return s},se=(e,o,s)=>{const a=[],r=e.map(l=>dt(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:r}},To=e=>{const{eventData:{activities:o}}=e;let s=O.newActivity;if(o.length>0){const a=o[0].activityType,r=o[0].metadata.eventStatus;switch(a){case"task_archived":s=O.archive;break;case"task_deleted":s=O.delete;break;case"task_activities":s=O.activities;break;case"task_assigned":s=O.assign;break;case"task_created":s=O.create;break;case"task_due":s=r!=null?(l=>{let c=O.newActivity;return c=l.code==="in_progress"?O.due.replace("__task_status__",ze(l.name.toLocaleLowerCase())):O.due.replace("__task_status__",vo.toLocaleLowerCase().concat(Ee.space,ze(l.name.toLocaleLowerCase()))),c})(r):O.dueTomorrow;break;case"task_overdue":s=O.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Co.visual.MMMDFormat)??Ee.empty);break;case"task_status_updated":s=O.statusUpdate}}return s},At=new _(3,2,1,1,1),Ot=new _(w[8],33,33,33,35),ce={lineClamp:At,sectionWidth:Ot},Pt="notification-tile",{common:{and:Ue,other:No,others:Io,texts:Lo,timeStrings:Ro,strings:A,tags:_o}}=B.getLocalizedStrings(),zo=({sectionId:e,notificationData:o,isHighlighted:s=!1,style:a,onNotificationTileClick:r})=>{const{status:l,notificationId:c,eventData:{entitiyId:d,activities:h},createTime:u}=o;return t.jsxs(Fo,{notificationStatus:l,isHighlighted:s,style:a,"data-testid":me(e,`${Pt}-${c}`),onClick:()=>{r(c,d,l,h.length>0?h[0].activityType:void 0)},children:[t.jsx(Do,{...o}),t.jsx(Oo,{...o}),t.jsx(Bo,{...o}),t.jsx(Po,{createTime:u,notificationStatus:l})]})},Bt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Vo,{notificationStatus:o,children:s||A.hyphen})},Do=e=>{const o=v();return t.jsx(Ho,{windowSize:o,children:t.jsx(Bt,{...e})})},Mo=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(Wo,{children:[t.jsx(He,{backgroundColor:De(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Jo,{}),t.jsx(He,{backgroundColor:De(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Ao=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,r=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(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,Lo.zeniAI,A.space]});return r>0&&(l=r>2?t.jsxs(t.Fragment,{children:[t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,E(s[0],!1),A.space]}),Ue,t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.space,r-1,A.space,Io,A.space]})]}):r===2?t.jsxs(t.Fragment,{children:[t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,E(s[0],!1),A.space]}),Ue,t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.space,s.length===2?A.atTheRate+E(s[1],!1):No,A.space]})]}):t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,E(s[0],!1),A.space]})),l},Ft=e=>t.jsxs(t.Fragment,{children:[t.jsx(Ao,{...e}),To(e),t.jsx(Mo,{...e})]}),Oo=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Uo,{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(Ft,{...e})})},Gt=e=>{const{createTime:o,notificationStatus:s}=e,a=vt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Yo,{isNewNotification:a===Ro.justNow,children:a}),t.jsx(Qo,{notificationStatus:s})]})},Po=e=>{const o=v();return t.jsx(Go,{windowSize:o,children:t.jsx(Gt,{...e})})},Et=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(fi,{tagTitle:_o.overdue,textColor:{color:new je(S.alert),backgroundColor:new je("transparent"),borderColor:new je(S.alert)},showLoader:!1}):t.jsx(qo,{})},Bo=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(Et,{...e})})},Fo=n.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -368,10 +368,10 @@ import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E
   color: ${e=>e.notificationStatus==="read"?e.theme.colors.grey1:S.brandColorJade};
 `,Vo=n(ge)`
   color: inherit;
-`,Wo=n(ft)`
+`,Yo=n(ft)`
   flex-shrink: 0;
   color: ${e=>e.isNewNotification?e.theme.colors.primary:"inherit"};
-`,Yo=n.div`
+`,Wo=n.div`
   display: flex;
   align-items: center;
   flex-direction: row;
@@ -479,7 +479,7 @@ import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E
 `,rs=n.div`
   display: flex;
   padding: ${i.sp3} ${i.sp0};
-`,ls=({sectionId:e,notificationData:o,isSelectionMode:s=!1,isHighlighted:a=!1,style:r,onNotificationTileClick:l,onNotificationTileLongPress:c})=>{const{status:d,createTime:h,eventData:{entitiyId:u,activities:f},notificationId:p}=o,x=g.useCallback(()=>{c?.()},[c]),m=g.useCallback(N=>{N.stopPropagation(),N.cancelable&&N.preventDefault(),s?c?.():l(p,u,d,f.length>0?f[0].activityType:void 0)},[p,u,d,f,s,c,l]),k=gt({onLongPress:x},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(ps,{notificationStatus:d,isHighlighted:a,style:r,"data-testid":me(e,`${Pt}-${p}`),...k,onClick:m,children:[t.jsxs(We,{children:[t.jsx(ds,{...o}),t.jsx(hs,{createTime:h,notificationStatus:d})]}),t.jsxs(We,{children:[t.jsx(cs,{...o}),f.length>0&&f[0].activityType==="task_status_updated"?null:t.jsx(us,{...o})]})]})},ds=e=>t.jsx(Ut,{statusUpdate:!1,children:t.jsx(Bt,{...e})}),cs=e=>{const{eventData:{activities:o}}=e;return t.jsx(Ut,{statusUpdate:o.length>0&&o[0].activityType==="task_status_updated"&&o[0].metadata.updates.find(s=>s.field==="status")!=null,children:t.jsx(Ft,{...e})})},hs=e=>t.jsx(fs,{children:t.jsx(Gt,{...e})}),us=e=>t.jsx(ms,{children:t.jsx(Et,{...e})}),ps=n.div`
+`,ls=({sectionId:e,notificationData:o,isSelectionMode:s=!1,isHighlighted:a=!1,style:r,onNotificationTileClick:l,onNotificationTileLongPress:c})=>{const{status:d,createTime:h,eventData:{entitiyId:u,activities:f},notificationId:p}=o,x=g.useCallback(()=>{c?.()},[c]),m=g.useCallback(N=>{N.stopPropagation(),N.cancelable&&N.preventDefault(),s?c?.():l(p,u,d,f.length>0?f[0].activityType:void 0)},[p,u,d,f,s,c,l]),k=gt({onLongPress:x},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(ps,{notificationStatus:d,isHighlighted:a,style:r,"data-testid":me(e,`${Pt}-${p}`),...k,onClick:m,children:[t.jsxs(Ye,{children:[t.jsx(ds,{...o}),t.jsx(hs,{createTime:h,notificationStatus:d})]}),t.jsxs(Ye,{children:[t.jsx(cs,{...o}),f.length>0&&f[0].activityType==="task_status_updated"?null:t.jsx(us,{...o})]})]})},ds=e=>t.jsx(Ut,{statusUpdate:!1,children:t.jsx(Bt,{...e})}),cs=e=>{const{eventData:{activities:o}}=e;return t.jsx(Ut,{statusUpdate:o.length>0&&o[0].activityType==="task_status_updated"&&o[0].metadata.updates.find(s=>s.field==="status")!=null,children:t.jsx(Ft,{...e})})},hs=e=>t.jsx(fs,{children:t.jsx(Gt,{...e})}),us=e=>t.jsx(ms,{children:t.jsx(Et,{...e})}),ps=n.div`
   display: flex;
   flex-direction: column;
   align-items: baseline;
@@ -543,7 +543,7 @@ import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,We=n.div`
+`,Ye=n.div`
   display: flex;
   flex-direction: row;
   gap: ${i.sp3};
@@ -561,7 +561,7 @@ import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E
           -webkit-box-orient: horizontal;
           gap: ${i.sp1};
         `};
-`,Ht=e=>v()==="small"?t.jsx(ls,{...e}):t.jsx(zo,{...e}),{common:{all:Ye}}=B.getLocalizedStrings(),gs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:r,onNotificationTileClick:l})=>{const c=K(),{getValues:d}=ue(),h=d(o);return t.jsx(xs,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(bs,{htmlFor:`${o}.${Ye.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:xe(e)}),value:Ye.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((u,f)=>{const p=f===0,x=e.notifications.length-1===f;return{label:t.jsx(Ht,{sectionId:o,notificationData:u,style:{borderTopLeftRadius:p?i.sp2:void 0,borderTopRightRadius:p?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0},isHighlighted:h?.includes(u.notificationId)===!0,onNotificationTileClick:l}),value:u.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:r,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},xs=n.div`
+`,Ht=e=>v()==="small"?t.jsx(ls,{...e}):t.jsx(zo,{...e}),{common:{all:We}}=B.getLocalizedStrings(),gs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:r,onNotificationTileClick:l})=>{const c=K(),{getValues:d}=ue(),h=d(o);return t.jsx(xs,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(bs,{htmlFor:`${o}.${We.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:xe(e)}),value:We.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((u,f)=>{const p=f===0,x=e.notifications.length-1===f;return{label:t.jsx(Ht,{sectionId:o,notificationData:u,style:{borderTopLeftRadius:p?i.sp2:void 0,borderTopRightRadius:p?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0},isHighlighted:h?.includes(u.notificationId)===!0,onNotificationTileClick:l}),value:u.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:r,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},xs=n.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -596,7 +596,7 @@ import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{all:Ne,texts:re,footer:Is,strings:{plus:Ls},numbers:{maximumCount:Ke}},commentsAndNotifications:{notifications:{title:Rs,texts:Vt,strings:Ze}}}=B.getLocalizedStrings(),te={tableContainerLeftPadding:new _(w[2],w[2],w[2]),tableContainerRightPadding:new _(w[3],w[6],w[8]),tabsContainerLeftRightPadding:new _(w[3],w[6],w[8]),selectedNotificationsTextMarginLeft:new _(w[0],w[6],w[6])},_s={selectedNotificationsText:new ci("smallRegular","standardRegular")},et="notificationsPage",q="commentsNotificationsTable",Q="notificationsTable",ua=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:r,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:h,onUpdateNotificationViewSubTab:u,onFetchMoreNotifications:f,onUpdateNotificationStatus:p,onSettingsClick:x,onBackClick:m,onMarkAllNotificationsAsRead:k})=>{const N=K(),D=v(),I=ei({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>ot(e),[e]),values:g.useMemo(()=>ot(e),[e])}),{currentTab:b,currentSubTab:T,notificationDetailsByTab:j,allSubTabs:H,allNotifications:R,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:F,externalNotificationsForCurrentTabAndSubTab:V}=e,G=g.useMemo(()=>Object.keys(j).map($=>({label:re[$],id:re[$].toLocaleLowerCase(),countDetails:{count:j[$].uiState.unreadCount,isFetching:j[$].fetchCountState.fetchState==="In-Progress"}})),[j]),W=g.useMemo(()=>H.map($=>({label:$==="all"?Ne:re[$],id:$})),[H]),Wt=g.useMemo(()=>Ct(V).filter($=>$.notifications.length>0),[V]),Yt=g.useMemo(()=>Mt(F).filter($=>$.notifications.length>0),[F]);g.useEffect(()=>{const $=I.watch((L,{name:Y})=>{Y!=null&&L!=null&&ti(()=>(async(M,Xt)=>{const ie=M.split(".")[0],_e=[];ie!=null&&(ie===q||ie===Q)&&(Object.values(Xt[ie]).forEach(Kt=>{_e.push(...Kt.filter(Zt=>Zt.includes(Ne.toLowerCase())===!1))}),d({selectedNotificationIds:_e},b))})(Y,L))});return()=>{$.unsubscribe()}});const be=g.useCallback(()=>{const $=[],L=j[b].selectedNotificationIdsForSubTab;if(b==="comments"){const Y=C.filter(M=>M.inboxNotification.readAt==null).map(M=>M.inboxNotification.id);L.forEach(M=>{Y.includes(M)&&$.push(M)})}else{const Y=R.filter(M=>M.status!=="read").map(M=>M.notificationId);L.forEach(M=>{Y.includes(M)&&$.push(M)})}return $},[C,R,b,j]),Jt=be().length>20?"disabled":a,we=I.watch(q),ye=I.watch(Q),Re=g.useCallback(()=>{f(b,T)},[f,b,T]),qt=g.useCallback(()=>{if(b==="comments"){const $={};Object.keys(we).forEach(L=>{$[L]=[]}),I.reset({[q]:$,[Q]:ye},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const $={};Object.keys(ye).forEach(L=>{$[L]=[]}),I.reset({[Q]:$,[q]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[ye,we]),Qt=g.useCallback(()=>{const $=j[b].selectedNotificationIdsForSubTab,L=be();p(b,$,"read",L)},[b,j,be,p]);return t.jsxs(Ds,{children:[t.jsx(ii,{source:"NotificationsPage",title:Rs.notifications,backgroundColor:N.colors.grey4,onBackClick:m,rightSideComponent:s===!0?t.jsx(qs,{onClick:x}):t.jsx(Js,{})}),t.jsx(Os,{}),t.jsx(As,{windowSize:D,children:t.jsx(yi,{tabs:G,selectedTab:b,onTabChange:$=>{const L=bi($);L!=null&&h(L)},subTabs:W,selectedSubTab:T,onSubTabChange:$=>{const L=xi($);L!=null&&u(L)},subTabRightComponent:t.jsx(zs,{notificationCount:j[b].uiState.unreadCount,markAsAllReadUpdateState:j[b].markAsAllReadState.fetchState,markAsReadUpdateState:j[b].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(b)}})})}),t.jsx(Ms,{windowSize:D,children:t.jsx(oi,{...I,children:t.jsx("form",{id:it(et),onSubmit:I.handleSubmit(Qt),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[T],currentSubTab:T,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Wt,sectionId:q,onFetchNotificationGroups:Re,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[T]:$}},b),onNotificationClick:l}):t.jsx(Ss,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[T],currentSubTab:T,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Yt,sectionId:Q,onFetchNotificationGroups:Re,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[T]:$}},b),onNotificationClick:r})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(si,{formId:it(et),primaryBtn:{label:Vt.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Jt!=null},cancelBtn:{label:Is.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:qt},helperContainerStyle:D==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx($e,{controller:D!=="small",children:t.jsx(tt,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx($e,{controller:D==="small",children:t.jsx(tt,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx($e,{controller:D!=="small",children:t.jsx(Fs,{})})}):null]})},zs=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const r=s===0,l=g.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!r&&a()},[e,o,r,a]);return t.jsx(Ps,{variant:"tertiary",size:"small",label:Vt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(ri,{size:"Small",start:!0}):t.jsx(Bs,{className:"mark-as-read"}),disabled:r,textStyle:{fontWeight:Ie.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||r?"default":"pointer"}})},tt=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Gs,{windowSize:o,children:[t.jsx(Us,{children:t.jsx(Es,{isCircular:e<10,children:t.jsx(Hs,{children:e>Ke?`${Ke}${Ls}`:e})})}),t.jsxs(Ys,{windowSize:o,children:[t.jsx(Vs,{children:e>1?Ze.notificationsSelected:Ze.notificationSelected}),e>20?t.jsx(Ws,{children:re.maxLimit}):null]})]})},Ds=n.div`
+`,{common:{all:Ne,texts:re,footer:Is,strings:{plus:Ls},numbers:{maximumCount:Ke}},commentsAndNotifications:{notifications:{title:Rs,texts:Vt,strings:Ze}}}=B.getLocalizedStrings(),te={tableContainerLeftPadding:new _(w[2],w[2],w[2]),tableContainerRightPadding:new _(w[3],w[6],w[8]),tabsContainerLeftRightPadding:new _(w[3],w[6],w[8]),selectedNotificationsTextMarginLeft:new _(w[0],w[6],w[6])},_s={selectedNotificationsText:new ci("smallRegular","standardRegular")},et="notificationsPage",q="commentsNotificationsTable",Q="notificationsTable",ua=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:r,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:h,onUpdateNotificationViewSubTab:u,onFetchMoreNotifications:f,onUpdateNotificationStatus:p,onSettingsClick:x,onBackClick:m,onMarkAllNotificationsAsRead:k})=>{const N=K(),D=v(),I=ei({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>ot(e),[e]),values:g.useMemo(()=>ot(e),[e])}),{currentTab:b,currentSubTab:T,notificationDetailsByTab:j,allSubTabs:H,allNotifications:R,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:F,externalNotificationsForCurrentTabAndSubTab:V}=e,G=g.useMemo(()=>Object.keys(j).map($=>({label:re[$],id:re[$].toLocaleLowerCase(),countDetails:{count:j[$].uiState.unreadCount,isFetching:j[$].fetchCountState.fetchState==="In-Progress"}})),[j]),Y=g.useMemo(()=>H.map($=>({label:$==="all"?Ne:re[$],id:$})),[H]),Yt=g.useMemo(()=>Ct(V).filter($=>$.notifications.length>0),[V]),Wt=g.useMemo(()=>Mt(F).filter($=>$.notifications.length>0),[F]);g.useEffect(()=>{const $=I.watch((L,{name:W})=>{W!=null&&L!=null&&ti(()=>(async(M,Xt)=>{const ie=M.split(".")[0],_e=[];ie!=null&&(ie===q||ie===Q)&&(Object.values(Xt[ie]).forEach(Kt=>{_e.push(...Kt.filter(Zt=>Zt.includes(Ne.toLowerCase())===!1))}),d({selectedNotificationIds:_e},b))})(W,L))});return()=>{$.unsubscribe()}});const be=g.useCallback(()=>{const $=[],L=j[b].selectedNotificationIdsForSubTab;if(b==="comments"){const W=C.filter(M=>M.inboxNotification.readAt==null).map(M=>M.inboxNotification.id);L.forEach(M=>{W.includes(M)&&$.push(M)})}else{const W=R.filter(M=>M.status!=="read").map(M=>M.notificationId);L.forEach(M=>{W.includes(M)&&$.push(M)})}return $},[C,R,b,j]),Jt=be().length>20?"disabled":a,we=I.watch(q),ye=I.watch(Q),Re=g.useCallback(()=>{f(b,T)},[f,b,T]),qt=g.useCallback(()=>{if(b==="comments"){const $={};Object.keys(we).forEach(L=>{$[L]=[]}),I.reset({[q]:$,[Q]:ye},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const $={};Object.keys(ye).forEach(L=>{$[L]=[]}),I.reset({[Q]:$,[q]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[ye,we]),Qt=g.useCallback(()=>{const $=j[b].selectedNotificationIdsForSubTab,L=be();p(b,$,"read",L)},[b,j,be,p]);return t.jsxs(Ds,{children:[t.jsx(ii,{source:"NotificationsPage",title:Rs.notifications,backgroundColor:N.colors.grey4,onBackClick:m,rightSideComponent:s===!0?t.jsx(qs,{onClick:x}):t.jsx(Js,{})}),t.jsx(Os,{}),t.jsx(As,{windowSize:D,children:t.jsx(yi,{tabs:G,selectedTab:b,onTabChange:$=>{const L=bi($);L!=null&&h(L)},subTabs:Y,selectedSubTab:T,onSubTabChange:$=>{const L=xi($);L!=null&&u(L)},subTabRightComponent:t.jsx(zs,{notificationCount:j[b].uiState.unreadCount,markAsAllReadUpdateState:j[b].markAsAllReadState.fetchState,markAsReadUpdateState:j[b].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(b)}})})}),t.jsx(Ms,{windowSize:D,children:t.jsx(oi,{...I,children:t.jsx("form",{id:it(et),onSubmit:I.handleSubmit(Qt),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[T],currentSubTab:T,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Yt,sectionId:q,onFetchNotificationGroups:Re,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[T]:$}},b),onNotificationClick:l}):t.jsx(Ss,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[T],currentSubTab:T,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Wt,sectionId:Q,onFetchNotificationGroups:Re,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[T]:$}},b),onNotificationClick:r})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(si,{formId:it(et),primaryBtn:{label:Vt.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Jt!=null},cancelBtn:{label:Is.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:qt},helperContainerStyle:D==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx($e,{controller:D!=="small",children:t.jsx(tt,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx($e,{controller:D==="small",children:t.jsx(tt,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx($e,{controller:D!=="small",children:t.jsx(Fs,{})})}):null]})},zs=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const r=s===0,l=g.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!r&&a()},[e,o,r,a]);return t.jsx(Ps,{variant:"tertiary",size:"small",label:Vt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(ri,{size:"Small",start:!0}):t.jsx(Bs,{className:"mark-as-read"}),disabled:r,textStyle:{fontWeight:Ie.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||r?"default":"pointer"}})},tt=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Gs,{windowSize:o,children:[t.jsx(Us,{children:t.jsx(Es,{isCircular:e<10,children:t.jsx(Hs,{children:e>Ke?`${Ke}${Ls}`:e})})}),t.jsxs(Ws,{windowSize:o,children:[t.jsx(Vs,{children:e>1?Ze.notificationsSelected:Ze.notificationSelected}),e>20?t.jsx(Ys,{children:re.maxLimit}):null]})]})},Ds=n.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -661,11 +661,11 @@ import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E
   color: ${e=>e.theme.colors.hero};
 `,Vs=n(ct)`
   display: flex;
-`,Ws=n(hi)`
+`,Ys=n(hi)`
   display: flex;
   color: ${S.important};
   margin-left: ${i.sp1};
-`,Ys=n(ct)`
+`,Ws=n(ct)`
   ${e=>`${_s.selectedNotificationsText.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   display: flex;

package/dist/assets/{OpExByVendorPage-Dy7Ll1zE-CncYLP1q.js → OpExByVendorPage-D1f1lQbs-BnyzfFJz.js}

@@ -1,4 +1,4 @@
-import{e as X,hs as Ce,O,y as Q,bF as _e,v as Se,V as t,bd as ve,P as I,hr as ke,a$ as we,a_ as Be,ht as Pe,hu as Oe,o as b,ab as je,L as Te,x as W,an as de,S as pe,ad as $e,k as T,bJ as De,bK as Ne,bL as Ie,b7 as Ee,d as a,l as he,w as re,ag as Me}from"./index-ByxsQZNo.js";import{a as B,b as Le}from"./sentry-COYnhuxW.js";import{n as g}from"./mui-40xepic5.js";import{Gn as Fe}from"./zeni-epic-state-DCforPdM.js";import{p as Ae,d as Ve,y as J,b as me,u as ae}from"./chartTypes-D2s_Hwo9-BbhqSw8p.js";import{V as ze}from"./toChartData-DrYGpr_j-D2GR-55Z.js";import{m as K}from"./analyticsHelper-CYp9h-KW-6KJErEZC.js";import{y as Re,M as te}from"./TimeRangeSwitcher-CFJrPhfZ-Bh0bakQI.js";import{X as We}from"./TimeframeSwitcherWithToggle-Did8-Dj7-CGwKh4M0.js";import{C as Ke}from"./NoDataChart-CKqR_T30-DZpYrIq4.js";import{d as Ye}from"./NoDataTable-BQLSA76V-CA1kwcWh.js";import{H as He}from"./BalancesInsightWithToolTip-CSaW4oJh-DywAYbnn.js";import{n as Y}from"./getReferrerType-DjPOy76W-BckJ1MnT.js";import{n as Ge,t as U}from"./CollapsableReportTable-BhbPzkAB-C83Y_pXv.js";import{o as ge}from"./mapTimeframeBalancesToTreeNode-yMo9FeMO-BQEyuzFH.js";import{d as ne}from"./mapLoadingInProgressToTreeNode-CG-v5g2M-DTh9tKjd.js";import{l as qe}from"./mapSpacerToTreeNode-Cehw-jOG-pPZFbPSE.js";import{S as Je,E as Ue,X as Xe,Y as Qe,F as Ze,K as eo}from"./recharts-Bbdho9Pi.js";import"./pdf-A8jRKyoC.js";import"./core-B0nKoasK.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.js";import"./TimeframeSwitcher-DS6zgSjT-D1R0FMKh.js";import"./graphic-no-data-l-DU4J8fDt-Dn4I-rOX.js";import"./AccountRow-G9Hw9KCo-CT1w9ZhF.js";import"./clock-CJkylEKt-CjcyjUt4.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="c089046e-5092-464a-8c01-e06fc99233cf",e._sentryDebugIdIdentifier="sentry-dbid-c089046e-5092-464a-8c01-e06fc99233cf")}catch{}})();const oo=g.div`
+import{e as X,hs as Ce,O as P,y as Q,bF as _e,B as Se,V as t,bd as we,b as I,hr as ke,a$ as ve,a_ as Be,ht as Oe,hu as Pe,o as b,ab as je,L as Te,x as W,an as de,S as pe,ad as $e,m as T,bJ as De,bK as Ne,bL as Ie,b7 as Ee,f as a,l as he,w as re,ag as Me}from"./index-BHAcVHeH.js";import{a as B,b as Le}from"./sentry-CY6wsJT-.js";import{n as g}from"./mui-Cni6P-fz.js";import{Gn as Fe}from"./zeni-epic-state-cFF_NqwA.js";import{p as Ae,d as Ve,y as J,b as me,u as ae}from"./chartTypes-_AEkJ5Cg-CVupoc41.js";import{V as ze}from"./toChartData-BODe4y2V-CHAJ4Jnp.js";import{m as K}from"./analyticsHelper-CG-L3dO7-WIHh4rd-.js";import{y as Re,M as te}from"./TimeRangeSwitcher-B1Wx03tG-Br6TSwpo.js";import{X as We}from"./TimeframeSwitcherWithToggle-P5CfgTUd-DXOPf3Bj.js";import{C as Ke}from"./NoDataChart-BBYUjdKn-CaszePO0.js";import{d as Ye}from"./NoDataTable-D3750d25-CC_2gGkK.js";import{H as He}from"./BalancesInsightWithToolTip-1PK_fwhP-BOcx7wZs.js";import{n as Y}from"./getReferrerType-DjPOy76W-BckJ1MnT.js";import{n as Ge,t as U}from"./CollapsableReportTable-D7zD4-h0-CdsTnLhf.js";import{o as ge}from"./mapTimeframeBalancesToTreeNode--FHVcIix-D7muHBWz.js";import{d as ne}from"./mapLoadingInProgressToTreeNode-C_DjhqLk-Ct7OsbEi.js";import{l as qe}from"./mapSpacerToTreeNode-Dq4CasLR-BKZfs44u.js";import{S as Je,E as Ue,X as Xe,Y as Qe,F as Ze,K as eo}from"./recharts-LlOU9oLm.js";import"./pdf-CTJ16aEe.js";import"./core-oEkj6b51.js";import"./lottie-DEK510sX.js";import"./liveblocks-Ia5FU_Xu.js";import"./dnd-DwLm2ZWc.js";import"./analytics-Ci5SIN4_.js";import"./plaid-B2vW8NaN.js";import"./utils-ChLimP28.js";import"./TimeframeSwitcher-Dmtsdwi9-Ce3iuH6w.js";import"./graphic-no-data-l-DU4J8fDt-bzI3_a8w.js";import"./AccountRow-B3Sz6a-V-GlNhkavB.js";import"./clock-CJkylEKt-CBVPxBka.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="532bb6ba-0b86-4709-9ca8-e6ea0077ebed",e._sentryDebugIdIdentifier="sentry-dbid-532bb6ba-0b86-4709-9ca8-e6ea0077ebed")}catch{}})();const oo=g.div`
   display: flex;
 `,ro=g.div`
   flex: display;
@@ -22,10 +22,10 @@ import{e as X,hs as Ce,O,y as Q,bF as _e,v as Se,V as t,bd as ve,P as I,hr as ke
   width: 100%;
   height: 1px;
   background-color: ${a.neutralGrey3Dark};
-`,to=({barLabelsWithValues:e,getVendorName:n})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(se,{children:[t.jsx(ie,{color:e[0].color,children:`${n(e[0].timeframeTick,e[0].barName)}`}),t.jsx(le,{color:e[0].color,children:`${ae(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(se,{children:[t.jsx(ie,{color:a.primaryDark,children:`${O.getLocalizedStrings().chartCard.total}`}),t.jsx(le,{children:`${ae(e[0].total)}`})]})]})}),no=Le.memo(e=>{const n=(({active:o,payload:i,barName:l})=>{const c=[];if(i!==void 0&&o===!0){const h=i.filter(s=>s.name==l)[0],r=h.payload,m=h.color,u={amount:r.record[l].amount?.amount??0,currencyCode:r.record[l].amount?.currencyCode??"",currencySymbol:r.record[l].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let y,x=0;for(y in r.record)y.endsWith("_actual")&&(x+=r.record[y].amount?.amount??0);p.amount=x,p.currencyCode=u.currencyCode,p.currencySymbol=u.currencySymbol,c.push({barName:me(l),actual:u,color:m,total:p,timeframeTick:r.timeLabel})}return c})({...e});return n.length===0?null:t.jsx(to,{barLabelsWithValues:n,getVendorName:e.getVendorName})}),ce=[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 M{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=ce.slice(),this._barColorsKeyWise=new Map}static#e=new M;getBarColor(n){const o=M.instance();return o._barColorsKeyWise.has(n)||(o._barColors.length===0&&(o._barColors=ce.slice()),o._barColorsKeyWise.set(n,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(n)}shouldUpdate(n){const o=M.instance(),i=Array.from(o._barColorsKeyWise.keys()).sort();return!pe(i,n)}static init(){return this.#e=new M,this.#e}static instance(){return this.#e}}const so=M.instance(),io=g.div`
+`,to=({barLabelsWithValues:e,getVendorName:n})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(se,{children:[t.jsx(ie,{color:e[0].color,children:`${n(e[0].timeframeTick,e[0].barName)}`}),t.jsx(le,{color:e[0].color,children:`${ae(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(se,{children:[t.jsx(ie,{color:a.primaryDark,children:`${P.getLocalizedStrings().chartCard.total}`}),t.jsx(le,{children:`${ae(e[0].total)}`})]})]})}),no=Le.memo(e=>{const n=(({active:o,payload:i,barName:l})=>{const c=[];if(i!==void 0&&o===!0){const h=i.filter(s=>s.name==l)[0],r=h.payload,m=h.color,u={amount:r.record[l].amount?.amount??0,currencyCode:r.record[l].amount?.currencyCode??"",currencySymbol:r.record[l].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let y,x=0;for(y in r.record)y.endsWith("_actual")&&(x+=r.record[y].amount?.amount??0);p.amount=x,p.currencyCode=u.currencyCode,p.currencySymbol=u.currencySymbol,c.push({barName:me(l),actual:u,color:m,total:p,timeframeTick:r.timeLabel})}return c})({...e});return n.length===0?null:t.jsx(to,{barLabelsWithValues:n,getVendorName:e.getVendorName})}),ce=[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 M{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=ce.slice(),this._barColorsKeyWise=new Map}static#e=new M;getBarColor(n){const o=M.instance();return o._barColorsKeyWise.has(n)||(o._barColors.length===0&&(o._barColors=ce.slice()),o._barColorsKeyWise.set(n,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(n)}shouldUpdate(n){const o=M.instance(),i=Array.from(o._barColorsKeyWise.keys()).sort();return!pe(i,n)}static init(){return this.#e=new M,this.#e}static instance(){return this.#e}}const so=M.instance(),io=g.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`;function lo({selectedRangeReport:e,width:n,height:o,showBarHoverBackground:i=!1,isDetailPage:l=!1}){const c=B.useRef(!1),h=so,[r,m]=B.useState(void 0);B.useEffect(()=>{c.current=!0},[]);const u=((s,d)=>{const C=new Set,f={};let _;const v=d.top4VendorsAndOthers;return Object.keys(v).length>0&&Object.keys(v).forEach(P=>{v[P].forEach(($,w)=>{const S=Ae(`vendor_${w}`,"actual");C.add(S),_==null&&$.balance!=null&&(_=S),f[S]!=null?f[S].push({key:S,balance:$.balance}):f[S]=[{key:S,balance:$.balance}]})}),_!=null?ze(s,[...C],_,f):void 0})(e.firstMonthOfFY,e),p=(s,d)=>t.jsx(eo,{name:s,animationDuration:d?500:void 0,style:{cursor:"pointer"},dataKey:C=>{const f=C.record;return(f[s]?.amount!=null?f[s].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(me(s)),onMouseEnter:()=>{r!==s&&m(s)},onMouseLeave:()=>{r!=null&&m(void 0)}},s),y=({active:s,payload:d})=>d?.find(C=>C.name===r)!=null&&r!=null&&s===!0?t.jsx(no,{active:s,payload:d,barName:r,getVendorName:x}):null,x=(s,d)=>{const C=Fe(s);try{const f=d.split("_")[1];return e.top4VendorsAndOthers[C][parseInt(f)].vendor.name}catch(f){return console.warn("Was not able to parse vendor index for tooltip ",f),""}};return u==null?null:t.jsx(co,{chartData:u,showBarHoverBackground:i,barElements:(()=>{const s=[];return u?.orderedKeys.forEach(d=>{const C=l===!0&&!c.current;s.push(p(d,C))}),s})(),customToolTipContent:t.jsx(y,{}),width:n,height:o,isDetailPage:l===!0})}const co=({chartData:e,barElements:n,customToolTipContent:o,width:i,height:l,showBarHoverBackground:c=!1,isDetailPage:h})=>{const r=Q(),m=Ve(e),u=c!==!1,p=h?(i-60)/J.operating_expenses_by_vendor*(J.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(io,{width:i,height:l,"data-testid":I("op-ex-by-vendor-chart"),children:t.jsx(de,{children:({height:y,width:x})=>t.jsxs(Je,{width:x,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?T[5]:30,margin:{top:5,right:p,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Ue,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(Xe,{dataKey:s=>s.timeLabel.label,type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...re.extraSmallRegular.cssObject}}),t.jsx(Qe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...re.extraSmallRegular.cssObject},tickFormatter:s=>Me("0,0.[00]a",s,m)}),t.jsx(Ze,{wrapperStyle:{zIndex:2},cursor:!!u&&{stroke:r.colors.background,strokeWidth:(x-120)/J.operating_expenses_by_vendor,fill:r.colors.background},content:o,allowEscapeViewBox:{x:!1,y:!0}}),n]})})})};function po(e){const n=function(o){const{isCompareModeOn:i,report:l,currentTenantCompanyName:c}=o,h=[];if(i&&(h.push("this_period_vs_last_period_percent"),h.push("this_period_vs_last_period")),l.dataAvailable!=null)return{localeId:O.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:c,statementFileType:"excel",timeframe:o.timeframe,timezone:o.timezone,additionalBalances:h,format:o.reportType,sortKey:o.sortKey,sortOrder:o.sortOrder,isCompareModeOn:o.isCompareModeOn,searchString:o.searchString}}(e);if(n!=null)return async function(o,i,l){const c=O.getLocalizedStrings().downloadReport,h=`${o}?query=${encodeURIComponent(JSON.stringify(function(r){return{locale_id:r.localeId,show_negative_amount_in_parenthesis:r.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:r.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:r.filterAccountGroupsWithNilBalances,company_name:r.companyName,statement_file_type:r.statementFileType,timeframe:r.timeframe,timezone:r.timezone,additional_balances:r.additionalBalances,format:r.format,sort_key:r.sortKey,sort_order:r.sortOrder,is_compare_mode_on:r.isCompareModeOn,search_string:r.searchString}}(l)))}`;try{const r=await De({urlEndPoint:h,authParams:i,fileType:l.statementFileType});if(r.ok){const m=Ne(r.headers,c.defaultFileName),u=await r.arrayBuffer();Ie(u,m)}else console.error(`${c.reportErrorMessage} ${r.statusText}`)}catch(r){console.error(`${c.reportErrorMessage} ${JSON.stringify(r)}`)}}(e.statementEndPoint,e.authParams,n)}const ho=(e,n,o,i=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,c=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&c.push(e.totalBalances.totalBalance);const h=ge({balances:c,config:o}),r=[];r.push(h);const m=O.getLocalizedStrings().vendors.opExByVendor,u=o.opexByVendorConfig?.sortOrSearchInProgress??!1,p=o.opexByVendorConfig?.pageFetchInProgress??!1;if(u===!0)[...Array(10)].forEach((y,x)=>{r.push(ne({title:`${x}+${m.loading}`,balances:c,config:o}))});else if(e.opexBalances.length>0){if(!n.searchString){const s=function({title:d,balances:C,config:f,numOfBalances:_,nodeId:v}){return{children:[],id:v??U("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:d,data:C,numOfBalances:_},config:f}}}({title:O.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});r.push(s)}const y=n.pageToken[n.timeframe],x=e.opexBalances.map((s,d)=>function({config:C,isLastNode:f,numOfBalances:_,opExByVendor:v,title:P,vendorRowIndex:$}){const w=v.account?.accountName??"-",S=v.classBase?.className??"-";return{children:[],id:U("vendor_row",[],P+w+S),isLastNode:f,reportElementData:{element:{kind:"vendor_row",title:P,data:v,numOfBalances:_,index:$},config:C}}}({config:o,isLastNode:d===e.opexBalances.length-1&&y==null,numOfBalances:l,opExByVendor:s,title:s.vendor.name,vendorRowIndex:d}));r.push(...x),p===!0&&[...Array(1)].forEach((s,d)=>{r.push(ne({title:`${d}+${m.loading}`,balances:c,config:o}))}),[...Array(1)].forEach((s,d)=>{r.push(qe({title:`${d}+${m.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&u!==!0&&r.push(function({title:y,balances:x,config:s,nodeId:d}){return{children:[],id:d??U("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:y,data:x,numOfBalances:x.length},config:s}}}({title:O.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:c,config:o})),{config:o,headerNodes:i?[h]:[],contentNodes:r}},mo=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],L={chartHeight:new W(288,360),wrapperPadding:new W(T[3],T[3],T[8]),contentPaddingLeft:new W(T[0],T[0],T[0]),contentPaddingRight:new W(T[3],T[3],T[8])},go=g.div`
+`;function lo({selectedRangeReport:e,width:n,height:o,showBarHoverBackground:i=!1,isDetailPage:l=!1}){const c=B.useRef(!1),h=so,[r,m]=B.useState(void 0);B.useEffect(()=>{c.current=!0},[]);const u=((s,d)=>{const C=new Set,f={};let _;const w=d.top4VendorsAndOthers;return Object.keys(w).length>0&&Object.keys(w).forEach(O=>{w[O].forEach(($,v)=>{const S=Ae(`vendor_${v}`,"actual");C.add(S),_==null&&$.balance!=null&&(_=S),f[S]!=null?f[S].push({key:S,balance:$.balance}):f[S]=[{key:S,balance:$.balance}]})}),_!=null?ze(s,[...C],_,f):void 0})(e.firstMonthOfFY,e),p=(s,d)=>t.jsx(eo,{name:s,animationDuration:d?500:void 0,style:{cursor:"pointer"},dataKey:C=>{const f=C.record;return(f[s]?.amount!=null?f[s].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(me(s)),onMouseEnter:()=>{r!==s&&m(s)},onMouseLeave:()=>{r!=null&&m(void 0)}},s),y=({active:s,payload:d})=>d?.find(C=>C.name===r)!=null&&r!=null&&s===!0?t.jsx(no,{active:s,payload:d,barName:r,getVendorName:x}):null,x=(s,d)=>{const C=Fe(s);try{const f=d.split("_")[1];return e.top4VendorsAndOthers[C][parseInt(f)].vendor.name}catch(f){return console.warn("Was not able to parse vendor index for tooltip ",f),""}};return u==null?null:t.jsx(co,{chartData:u,showBarHoverBackground:i,barElements:(()=>{const s=[];return u?.orderedKeys.forEach(d=>{const C=l===!0&&!c.current;s.push(p(d,C))}),s})(),customToolTipContent:t.jsx(y,{}),width:n,height:o,isDetailPage:l===!0})}const co=({chartData:e,barElements:n,customToolTipContent:o,width:i,height:l,showBarHoverBackground:c=!1,isDetailPage:h})=>{const r=Q(),m=Ve(e),u=c!==!1,p=h?(i-60)/J.operating_expenses_by_vendor*(J.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(io,{width:i,height:l,"data-testid":I("op-ex-by-vendor-chart"),children:t.jsx(de,{children:({height:y,width:x})=>t.jsxs(Je,{width:x,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?T[5]:30,margin:{top:5,right:p,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Ue,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:r.colors.grey3}),t.jsx(Xe,{dataKey:s=>s.timeLabel.label,type:"category",axisLine:{stroke:r.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:r.colors.hero,...re.extraSmallRegular.cssObject}}),t.jsx(Qe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:r.colors.hero,...re.extraSmallRegular.cssObject},tickFormatter:s=>Me("0,0.[00]a",s,m)}),t.jsx(Ze,{wrapperStyle:{zIndex:2},cursor:!!u&&{stroke:r.colors.background,strokeWidth:(x-120)/J.operating_expenses_by_vendor,fill:r.colors.background},content:o,allowEscapeViewBox:{x:!1,y:!0}}),n]})})})};function po(e){const n=function(o){const{isCompareModeOn:i,report:l,currentTenantCompanyName:c}=o,h=[];if(i&&(h.push("this_period_vs_last_period_percent"),h.push("this_period_vs_last_period")),l.dataAvailable!=null)return{localeId:P.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:c,statementFileType:"excel",timeframe:o.timeframe,timezone:o.timezone,additionalBalances:h,format:o.reportType,sortKey:o.sortKey,sortOrder:o.sortOrder,isCompareModeOn:o.isCompareModeOn,searchString:o.searchString}}(e);if(n!=null)return async function(o,i,l){const c=P.getLocalizedStrings().downloadReport,h=`${o}?query=${encodeURIComponent(JSON.stringify(function(r){return{locale_id:r.localeId,show_negative_amount_in_parenthesis:r.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:r.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:r.filterAccountGroupsWithNilBalances,company_name:r.companyName,statement_file_type:r.statementFileType,timeframe:r.timeframe,timezone:r.timezone,additional_balances:r.additionalBalances,format:r.format,sort_key:r.sortKey,sort_order:r.sortOrder,is_compare_mode_on:r.isCompareModeOn,search_string:r.searchString}}(l)))}`;try{const r=await De({urlEndPoint:h,authParams:i,fileType:l.statementFileType});if(r.ok){const m=Ne(r.headers,c.defaultFileName),u=await r.arrayBuffer();Ie(u,m)}else console.error(`${c.reportErrorMessage} ${r.statusText}`)}catch(r){console.error(`${c.reportErrorMessage} ${JSON.stringify(r)}`)}}(e.statementEndPoint,e.authParams,n)}const ho=(e,n,o,i=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,c=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&c.push(e.totalBalances.totalBalance);const h=ge({balances:c,config:o}),r=[];r.push(h);const m=P.getLocalizedStrings().vendors.opExByVendor,u=o.opexByVendorConfig?.sortOrSearchInProgress??!1,p=o.opexByVendorConfig?.pageFetchInProgress??!1;if(u===!0)[...Array(10)].forEach((y,x)=>{r.push(ne({title:`${x}+${m.loading}`,balances:c,config:o}))});else if(e.opexBalances.length>0){if(!n.searchString){const s=function({title:d,balances:C,config:f,numOfBalances:_,nodeId:w}){return{children:[],id:w??U("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:d,data:C,numOfBalances:_},config:f}}}({title:P.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});r.push(s)}const y=n.pageToken[n.timeframe],x=e.opexBalances.map((s,d)=>function({config:C,isLastNode:f,numOfBalances:_,opExByVendor:w,title:O,vendorRowIndex:$}){const v=w.account?.accountName??"-",S=w.classBase?.className??"-";return{children:[],id:U("vendor_row",[],O+v+S),isLastNode:f,reportElementData:{element:{kind:"vendor_row",title:O,data:w,numOfBalances:_,index:$},config:C}}}({config:o,isLastNode:d===e.opexBalances.length-1&&y==null,numOfBalances:l,opExByVendor:s,title:s.vendor.name,vendorRowIndex:d}));r.push(...x),p===!0&&[...Array(1)].forEach((s,d)=>{r.push(ne({title:`${d}+${m.loading}`,balances:c,config:o}))}),[...Array(1)].forEach((s,d)=>{r.push(qe({title:`${d}+${m.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&u!==!0&&r.push(function({title:y,balances:x,config:s,nodeId:d}){return{children:[],id:d??U("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:y,data:x,numOfBalances:x.length},config:s}}}({title:P.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:c,config:o})),{config:o,headerNodes:i?[h]:[],contentNodes:r}},mo=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],L={chartHeight:new W(288,360),wrapperPadding:new W(T[3],T[3],T[8]),contentPaddingLeft:new W(T[0],T[0],T[0]),contentPaddingRight:new W(T[3],T[3],T[8])},go=g.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -76,7 +76,7 @@ import{e as X,hs as Ce,O,y as Q,bF as _e,v as Se,V as t,bd as ve,P as I,hr as ke
 `,Co=g.div`
   display: flex;
   padding: ${b.sp2} ${b.sp0} ${b.sp4} ${b.sp0};
-`,_o=g.div``,So=g.div``,vo=g.div`
+`,_o=g.div``,So=g.div``,wo=g.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -84,7 +84,7 @@ import{e as X,hs as Ce,O,y as Q,bF as _e,v as Se,V as t,bd as ve,P as I,hr as ke
   padding-bottom: ${b.sp6};
 `,ko=g.div`
   display: flex;
-`,wo=g.div`
+`,vo=g.div`
   margin-top: ${b.sp5};
   margin-bottom: ${b.sp6};
 `,Bo=g.div`
@@ -94,7 +94,7 @@ import{e as X,hs as Ce,O,y as Q,bF as _e,v as Se,V as t,bd as ve,P as I,hr as ke
   padding-top: ${b.sp8};
   padding-left: ${e=>L.wrapperPadding.valuePx(e.windowSize)};
   background-color: ${e=>e.theme.colors.grey4};
-`,Po=g.div`
+`,Oo=g.div`
   width: 100%;
   height: calc(100vh - ${b.sp11});
-`,Oo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(fo,{children:t.jsx(Te,{size:"ExtraLarge",start:!0})}):null,cr=({report:e,vendorTabsToShow:n,uiState:o,downloadParams:i,onVendorTabSelectionChanged:l,onReloadReport:c,onBackClick:h,onFetchOpExByVendors:r,onAdditionalBalanceSelectionChanged:m,onTimeframeSelectionChanged:u,onSortOrderChanged:p,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:x,onPageFetchStarted:s,previousTabPosition:d,setPreviousTabPosition:C,updateDownloadStateHandler:f,onClearSearch:_,analytics:v,onClickMenuIcon:P})=>{const[$,w]=B.useState(o.searchString[o.timeframe]),[S,F]=B.useState(!1),D=X(),V=B.useRef(null),A=Ce(n),H=A.length>1,z=O.getLocalizedStrings().reports.common,Z=O.getLocalizedStrings().vendors,ee=Q(),ue=["month","quarter"],fe=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,R=o.mode==="compare_mode"&&!fe,G=e.allTimeframeTicks.length===0,{timeframe:N}=o,E=o.searchString[N];_e({componentName:"vendors.opex_by_vendor.list"});const ye=B.useCallback(j=>{r(N,E,j)},[N,E,r]),be=B.useCallback((j,k)=>{window.scrollTo({top:V.current?.offsetTop,behavior:"smooth"}),j.length>0?(y(!0),r(k,j,!1)):(y(!1),_(k))},[_,r,y]),oe=B.useRef(Se((j,k)=>be(j,k),500,{trailing:!0})).current,xe=(j,k)=>{p(j,k,N),y(!0),r(N,E,!1)};if(B.useEffect(()=>{S&&o.downloadState!=="In-Progress"&&(F(!1),f("In-Progress"),async function(){await po({report:e,isCompareModeOn:R,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[N],...i}),v?.trackDownload(Y("operating_expenses_by_vendor"),K(o.timeframe),"excel",R),f("Completed")}())},[e,o,R,i,o.downloadState,S]),B.useEffect(()=>{w(E)},[E]),e.fetchState==="Error")return t.jsxs(yo,{children:[t.jsx(bo,{"data-testid":I("op-ex-by-vendor-reload-page"),onClick:c,children:t.jsx(ve,{})}),t.jsx(xo,{children:z.failed})]});const q=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Oo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const j=t.jsxs(t.Fragment,{children:[t.jsx(ke,{isSearchOpen:(E?.length??0)>0,searchBarDataTestId:I("op-ex-by-vendor-search-bar"),searchPlaceHolder:Z.common.searchPlaceholder,searchText:$??"",onSearchTextChanged:k=>{w(k),k.trim().length>=2?oe(k,N):k.trim().length==0&&oe("",N)},downloadPresent:!0}),t.jsx(we,{downloadButtonDataTestId:I("op-ex-by-vendor-download"),downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:G,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async k=>{if(k==="excel"){if(o.downloadState==="In-Progress")return void console.log("Download is already in progress!");F(!0)}}}}})]});return t.jsxs(go,{windowSize:D,children:[t.jsx(Be,{title:Z.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:ee.colors.grey5,onBackClick:h,rightSideComponent:j,showMenuIcon:D==="medium-compact"||D==="small",downloadPresent:!0,onClickMenuIcon:P,source:"OpExByVendorPage"}),t.jsxs(uo,{windowSize:D,children:[H?t.jsx(Pe,{allTabs:A,selectedTab:A[1].id,containerStyle:{borderBottom:`2px solid ${ee.colors.grey3}`},onTabChange:k=>l(Oe(k.id)),previousTabPosition:d,setPreviousTabPosition:C}):null,t.jsx(jo,{allTimeframeTicks:e.allTimeframeTicks,analytics:v,firstMonthOfFY:e.firstMonthOfFY,isCompareModeOn:R,mode:o.mode,onAdditionalBalanceSelectionChanged:m,onTimeframeSelectionChanged:u,selectedCOABalancesRange:e.filter.balancesRange,selectedTimeframe:o.timeframe,timeframes:ue}),q!=null?t.jsx(wo,{"data-testid":I("op-ex-by-vendor-insight-container"),children:t.jsx(He,{balance:q,dateText:Do(q)})}):null,t.jsx(To,{report:e,isEmptyPeriod:G})]}),t.jsx($o,{reference:V,report:e,uiState:o,isEmptyPeriod:G,onAdditionalBalanceSelectionChanged:m,onVendorNameAndBalanceClicked:x,onSortOrderChanged:xe,handleFetchOpExByVendor:ye,onPageFetchStarted:s,analytics:v})]})}return t.jsx(t.Fragment,{})},jo=({allTimeframeTicks:e,analytics:n,firstMonthOfFY:o,isCompareModeOn:i,mode:l,onAdditionalBalanceSelectionChanged:c,onTimeframeSelectionChanged:h,selectedCOABalancesRange:r,selectedTimeframe:m,timeframes:u})=>t.jsx(So,{children:t.jsxs(_o,{children:[t.jsx(Co,{"data-testid":I("op-ex-by-vendor-timeframe-controls"),children:t.jsx(We,{timeframe:{allowedTimeframes:u,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{n?.trackTimeframeSwitch(K(p),Y("operating_expenses_by_vendor")),(p==="month"||p==="quarter")&&h(p),l==="compare_mode"&&!i&&c(i,i?["this_period_vs_last_period_percent"]:[])}},toggle:{label:O.getLocalizedStrings().compareSwitchLabel,isOn:i,isToggleDisabled:!1,onValueChanged:p=>{n?.trackCompareMode(p,Y("operating_expenses_by_vendor"),K(m)),c(p,p?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(Re,{firstMonthOfFY:o,timeframe:m,timeframeTicks:e,selection:{selectedTicks:te(e,r),highlightedOfSelectedTicks:te(e,r)}})]})}),To=({isEmptyPeriod:e,report:n})=>{const o=X();return e?t.jsx(ko,{children:t.jsx(Ke,{title:O.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(vo,{windowSize:o,children:t.jsx(de,{children:({height:i,width:l})=>t.jsx(lo,{selectedRangeReport:n,width:l,height:i,isDetailPage:!0,showBarHoverBackground:!1})})})},$o=({report:e,uiState:n,isEmptyPeriod:o,reference:i,onAdditionalBalanceSelectionChanged:l,onTableScroll:c,onSortOrderChanged:h,onVendorNameAndBalanceClicked:r,handleFetchOpExByVendor:m,onPageFetchStarted:u,analytics:p})=>{const y=n.mode==="compare_mode",x=n.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[s,d]=B.useState(void 0),[C,f]=B.useState(void 0),_=X(),v=Q(),P=!(_==="small"||_==="medium-compact");B.useEffect(()=>{const w={reportId:e.reportId,mode:n.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:n.sortKey[n.timeframe],sortOrder:n.sortOrder[n.timeframe],isCompareModeOn:n.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:n.sortOrSearchInProgress,pageFetchInProgress:n.pageFetchInProgress,onVendorNameAndBalanceClicked:r}};if(s!=null&&pe(C,e)){const S=function(F,D,V,A=!0){Object.assign(F.config,D);const H=mo(V),z=ge({balances:H,config:D});return{config:D,headerNodes:A?[z]:[],contentNodes:[z,...F.contentNodes.slice(1)]}}(s,w,e,P);d(S)}else{const S=ho(e,n,w,P);f(e),d(S)}},[n.mode,e]);const $=e.opexBalances.length;return t.jsx(Bo,{windowSize:_,ref:i,children:o?t.jsx(Ye,{}):s!=null?t.jsx(Po,{"data-testid":I("op-ex-by-vendor-report-table"),children:t.jsx(Ge,{backgroundColor:new $e(v.colors.grey4),rootNodes:s,type:"name+balances_actual",compareMode:x,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:L.contentPaddingLeft.value(_),right:L.contentPaddingRight.value(_)},nodeOpenStatus:{},scrollPosition:n.scrollPosition,onCompareModeChanged:w=>{p?.trackCompareFilterChange(w==="compare_mode_percent"?"percentage":"amount",Y("operating_expenses_by_vendor"),K(n.timeframe),"dropdown"),l(y,[w==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},onScroll:c,infiniteLoadingProps:{isItemLoaded:w=>w<e.opexBalances.length,itemCount:$,loadMoreItems:()=>{n.pageToken[n.timeframe]!=null&&e.fetchState==="Completed"&&(u(),m(!0))}}})}):null})},Do=e=>{const n=e.startDate,o=e.endDate,{vendors:i,dateFormat:l}=O.getLocalizedStrings();return`${i.opExByVendor.in} ${n.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{cr as default};
+`,Po=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(fo,{children:t.jsx(Te,{size:"ExtraLarge",start:!0})}):null,cr=({report:e,vendorTabsToShow:n,uiState:o,downloadParams:i,onVendorTabSelectionChanged:l,onReloadReport:c,onBackClick:h,onFetchOpExByVendors:r,onAdditionalBalanceSelectionChanged:m,onTimeframeSelectionChanged:u,onSortOrderChanged:p,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:x,onPageFetchStarted:s,previousTabPosition:d,setPreviousTabPosition:C,updateDownloadStateHandler:f,onClearSearch:_,analytics:w,onClickMenuIcon:O})=>{const[$,v]=B.useState(o.searchString[o.timeframe]),[S,F]=B.useState(!1),D=X(),V=B.useRef(null),A=Ce(n),H=A.length>1,z=P.getLocalizedStrings().reports.common,Z=P.getLocalizedStrings().vendors,ee=Q(),ue=["month","quarter"],fe=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,R=o.mode==="compare_mode"&&!fe,G=e.allTimeframeTicks.length===0,{timeframe:N}=o,E=o.searchString[N];_e({componentName:"vendors.opex_by_vendor.list"});const ye=B.useCallback(j=>{r(N,E,j)},[N,E,r]),be=B.useCallback((j,k)=>{window.scrollTo({top:V.current?.offsetTop,behavior:"smooth"}),j.length>0?(y(!0),r(k,j,!1)):(y(!1),_(k))},[_,r,y]),oe=B.useRef(Se((j,k)=>be(j,k),500,{trailing:!0})).current,xe=(j,k)=>{p(j,k,N),y(!0),r(N,E,!1)};if(B.useEffect(()=>{S&&o.downloadState!=="In-Progress"&&(F(!1),f("In-Progress"),async function(){await po({report:e,isCompareModeOn:R,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[N],...i}),w?.trackDownload(Y("operating_expenses_by_vendor"),K(o.timeframe),"excel",R),f("Completed")}())},[e,o,R,i,o.downloadState,S]),B.useEffect(()=>{v(E)},[E]),e.fetchState==="Error")return t.jsxs(yo,{children:[t.jsx(bo,{"data-testid":I("op-ex-by-vendor-reload-page"),onClick:c,children:t.jsx(we,{})}),t.jsx(xo,{children:z.failed})]});const q=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Po,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const j=t.jsxs(t.Fragment,{children:[t.jsx(ke,{isSearchOpen:(E?.length??0)>0,searchBarDataTestId:I("op-ex-by-vendor-search-bar"),searchPlaceHolder:Z.common.searchPlaceholder,searchText:$??"",onSearchTextChanged:k=>{v(k),k.trim().length>=2?oe(k,N):k.trim().length==0&&oe("",N)},downloadPresent:!0}),t.jsx(ve,{downloadButtonDataTestId:I("op-ex-by-vendor-download"),downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:G,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async k=>{if(k==="excel"){if(o.downloadState==="In-Progress")return void console.log("Download is already in progress!");F(!0)}}}}})]});return t.jsxs(go,{windowSize:D,children:[t.jsx(Be,{title:Z.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:ee.colors.grey5,onBackClick:h,rightSideComponent:j,showMenuIcon:D==="medium-compact"||D==="small",downloadPresent:!0,onClickMenuIcon:O,source:"OpExByVendorPage"}),t.jsxs(uo,{windowSize:D,children:[H?t.jsx(Oe,{allTabs:A,selectedTab:A[1].id,containerStyle:{borderBottom:`2px solid ${ee.colors.grey3}`},onTabChange:k=>l(Pe(k.id)),previousTabPosition:d,setPreviousTabPosition:C}):null,t.jsx(jo,{allTimeframeTicks:e.allTimeframeTicks,analytics:w,firstMonthOfFY:e.firstMonthOfFY,isCompareModeOn:R,mode:o.mode,onAdditionalBalanceSelectionChanged:m,onTimeframeSelectionChanged:u,selectedCOABalancesRange:e.filter.balancesRange,selectedTimeframe:o.timeframe,timeframes:ue}),q!=null?t.jsx(vo,{"data-testid":I("op-ex-by-vendor-insight-container"),children:t.jsx(He,{balance:q,dateText:Do(q)})}):null,t.jsx(To,{report:e,isEmptyPeriod:G})]}),t.jsx($o,{reference:V,report:e,uiState:o,isEmptyPeriod:G,onAdditionalBalanceSelectionChanged:m,onVendorNameAndBalanceClicked:x,onSortOrderChanged:xe,handleFetchOpExByVendor:ye,onPageFetchStarted:s,analytics:w})]})}return t.jsx(t.Fragment,{})},jo=({allTimeframeTicks:e,analytics:n,firstMonthOfFY:o,isCompareModeOn:i,mode:l,onAdditionalBalanceSelectionChanged:c,onTimeframeSelectionChanged:h,selectedCOABalancesRange:r,selectedTimeframe:m,timeframes:u})=>t.jsx(So,{children:t.jsxs(_o,{children:[t.jsx(Co,{"data-testid":I("op-ex-by-vendor-timeframe-controls"),children:t.jsx(We,{timeframe:{allowedTimeframes:u,selectedTimeframe:m,onTimeframeSelectionChanged:p=>{n?.trackTimeframeSwitch(K(p),Y("operating_expenses_by_vendor")),(p==="month"||p==="quarter")&&h(p),l==="compare_mode"&&!i&&c(i,i?["this_period_vs_last_period_percent"]:[])}},toggle:{label:P.getLocalizedStrings().compareSwitchLabel,isOn:i,isToggleDisabled:!1,onValueChanged:p=>{n?.trackCompareMode(p,Y("operating_expenses_by_vendor"),K(m)),c(p,p?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(Re,{firstMonthOfFY:o,timeframe:m,timeframeTicks:e,selection:{selectedTicks:te(e,r),highlightedOfSelectedTicks:te(e,r)}})]})}),To=({isEmptyPeriod:e,report:n})=>{const o=X();return e?t.jsx(ko,{children:t.jsx(Ke,{title:P.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(wo,{windowSize:o,children:t.jsx(de,{children:({height:i,width:l})=>t.jsx(lo,{selectedRangeReport:n,width:l,height:i,isDetailPage:!0,showBarHoverBackground:!1})})})},$o=({report:e,uiState:n,isEmptyPeriod:o,reference:i,onAdditionalBalanceSelectionChanged:l,onTableScroll:c,onSortOrderChanged:h,onVendorNameAndBalanceClicked:r,handleFetchOpExByVendor:m,onPageFetchStarted:u,analytics:p})=>{const y=n.mode==="compare_mode",x=n.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[s,d]=B.useState(void 0),[C,f]=B.useState(void 0),_=X(),w=Q(),O=!(_==="small"||_==="medium-compact");B.useEffect(()=>{const v={reportId:e.reportId,mode:n.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:n.sortKey[n.timeframe],sortOrder:n.sortOrder[n.timeframe],isCompareModeOn:n.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:n.sortOrSearchInProgress,pageFetchInProgress:n.pageFetchInProgress,onVendorNameAndBalanceClicked:r}};if(s!=null&&pe(C,e)){const S=function(F,D,V,A=!0){Object.assign(F.config,D);const H=mo(V),z=ge({balances:H,config:D});return{config:D,headerNodes:A?[z]:[],contentNodes:[z,...F.contentNodes.slice(1)]}}(s,v,e,O);d(S)}else{const S=ho(e,n,v,O);f(e),d(S)}},[n.mode,e]);const $=e.opexBalances.length;return t.jsx(Bo,{windowSize:_,ref:i,children:o?t.jsx(Ye,{}):s!=null?t.jsx(Oo,{"data-testid":I("op-ex-by-vendor-report-table"),children:t.jsx(Ge,{backgroundColor:new $e(w.colors.grey4),rootNodes:s,type:"name+balances_actual",compareMode:x,isSticky:{isStickyHeader:O,isStickyName:O},treeNodePadding:{left:L.contentPaddingLeft.value(_),right:L.contentPaddingRight.value(_)},nodeOpenStatus:{},scrollPosition:n.scrollPosition,onCompareModeChanged:v=>{p?.trackCompareFilterChange(v==="compare_mode_percent"?"percentage":"amount",Y("operating_expenses_by_vendor"),K(n.timeframe),"dropdown"),l(y,[v==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},onScroll:c,infiniteLoadingProps:{isItemLoaded:v=>v<e.opexBalances.length,itemCount:$,loadMoreItems:()=>{n.pageToken[n.timeframe]!=null&&e.fetchState==="Completed"&&(u(),m(!0))}}})}):null})},Do=e=>{const n=e.startDate,o=e.endDate,{vendors:i,dateFormat:l}=P.getLocalizedStrings();return`${i.opExByVendor.in} ${n.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{cr as default};

package/dist/assets/{OverlayContainerPage-BG9y5C0t-o9B6MYdd.js → OverlayContainerPage-BG9y5C0t-DTorHW75.js}

@@ -1,4 +1,4 @@
-import{y as i,V as r}from"./index-ByxsQZNo.js";import{n}from"./mui-40xepic5.js";import"./sentry-COYnhuxW.js";import"./pdf-A8jRKyoC.js";import"./zeni-epic-state-DCforPdM.js";import"./core-B0nKoasK.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./recharts-Bbdho9Pi.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.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]="e4fc8e26-288a-4268-ab78-9ec29a4d3dfb",e._sentryDebugIdIdentifier="sentry-dbid-e4fc8e26-288a-4268-ab78-9ec29a4d3dfb")}catch{}})();const d=n.div`
+import{y as i,V as r}from"./index-BHAcVHeH.js";import{n}from"./mui-Cni6P-fz.js";import"./sentry-CY6wsJT-.js";import"./pdf-CTJ16aEe.js";import"./zeni-epic-state-cFF_NqwA.js";import"./core-oEkj6b51.js";import"./lottie-DEK510sX.js";import"./liveblocks-Ia5FU_Xu.js";import"./recharts-LlOU9oLm.js";import"./dnd-DwLm2ZWc.js";import"./analytics-Ci5SIN4_.js";import"./plaid-B2vW8NaN.js";import"./utils-ChLimP28.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]="e4fc8e26-288a-4268-ab78-9ec29a4d3dfb",e._sentryDebugIdIdentifier="sentry-dbid-e4fc8e26-288a-4268-ab78-9ec29a4d3dfb")}catch{}})();const d=n.div`
   display: ${({isOpen:e})=>e?"block":"none"};
   position: fixed;
   top: 0;

package/dist/assets/{PandLWithForecastPage-D-V3dD71-2GY3G9_S.js → PandLWithForecastPage-DIYb7BWp-B3vKwRhN.js}

@@ -1,4 +1,4 @@
-import{_ as Ae,e as L,ba as Fe,bb as Re,bc as Be,V as o,aM as Ee,P as R,I as G,be as Ve,y as E,a_ as De,O as l,a as We,L as qe,w as Ue,x as ae,o as s,bf as Ge,bF as Ye,S as He,ad as Xe,c2 as Ze,c3 as Je,aW as Ke,k as $,bM as Qe,ab as eo,ac as oo,au as to,b7 as so}from"./index-ByxsQZNo.js";import{a as m}from"./sentry-COYnhuxW.js";import{n}from"./mui-40xepic5.js";import{_ as ao}from"./liveblocks-DskTqGyX.js";import{j as no,z as le}from"./mapTimeframeBalancesToTreeNode-sCX2cRnL-BfAjp3to.js";import{R as ro}from"./NavBarWithPicker-BYosIzfk-CHzZbup1.js";import{m as io}from"./analyticsHelper-CYp9h-KW-6KJErEZC.js";import{X as co}from"./TimeframeSwitcherWithToggle-Did8-Dj7-CGwKh4M0.js";import{n as lo,N as po}from"./CollapsableReportTable-BhbPzkAB-C83Y_pXv.js";import{M as J}from"./usp-line-BBd1wKwW-vz296XX2.js";import{Fn as mo,Fo as go}from"./zeni-epic-state-DCforPdM.js";import{D as ho,T as fo,C as uo}from"./mapSectionWithAcOnlyToTreeNode-Okgefznu-CJAMwNIO.js";import"./pdf-A8jRKyoC.js";import"./core-B0nKoasK.js";import"./lottie-BzV8yd9z.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./recharts-Bbdho9Pi.js";import"./utils-DMEPgX6w.js";import"./TimeframeSwitcher-DS6zgSjT-D1R0FMKh.js";import"./AccountRow-G9Hw9KCo-CT1w9ZhF.js";import"./clock-CJkylEKt-CjcyjUt4.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]="e8a94b79-536f-4560-9180-9a4885749422",e._sentryDebugIdIdentifier="sentry-dbid-e8a94b79-536f-4560-9180-9a4885749422")}catch{}})();const de="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",pe="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",xo=n.div`
+import{_ as Ae,e as L,ba as Fe,bb as Re,bc as Be,V as o,aM as Ee,b as R,J as G,be as Ve,y as E,a_ as De,O as l,a as We,L as qe,w as Ue,x as ae,o as s,bf as Ge,bF as Ye,S as He,ad as Je,c2 as Xe,c3 as Ze,aW as Ke,m as $,bM as Qe,ab as eo,ac as oo,au as to,b7 as so}from"./index-BHAcVHeH.js";import{a as p}from"./sentry-CY6wsJT-.js";import{n}from"./mui-Cni6P-fz.js";import{_ as ao}from"./liveblocks-Ia5FU_Xu.js";import{j as no,z as le}from"./mapTimeframeBalancesToTreeNode-BP0iF3Of-BZXMdjjY.js";import{R as ro}from"./NavBarWithPicker-C6FiaLu5-BVvTIBUE.js";import{m as io}from"./analyticsHelper-CG-L3dO7-WIHh4rd-.js";import{X as co}from"./TimeframeSwitcherWithToggle-P5CfgTUd-DXOPf3Bj.js";import{n as lo,N as mo}from"./CollapsableReportTable-D7zD4-h0-CdsTnLhf.js";import{M as Z}from"./usp-line-BBd1wKwW-CuU9mWQv.js";import{Fn as po,Fo as go}from"./zeni-epic-state-cFF_NqwA.js";import{D as ho,T as fo,C as uo}from"./mapSectionWithAcOnlyToTreeNode-BLsSfpaF-B_J7hTEH.js";import"./pdf-CTJ16aEe.js";import"./core-oEkj6b51.js";import"./lottie-DEK510sX.js";import"./dnd-DwLm2ZWc.js";import"./analytics-Ci5SIN4_.js";import"./plaid-B2vW8NaN.js";import"./recharts-LlOU9oLm.js";import"./utils-ChLimP28.js";import"./TimeframeSwitcher-Dmtsdwi9-Ce3iuH6w.js";import"./AccountRow-B3Sz6a-V-GlNhkavB.js";import"./clock-CJkylEKt-CBVPxBka.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]="d4948fef-51f8-49ad-b9b9-6e94cfcd4652",e._sentryDebugIdIdentifier="sentry-dbid-d4948fef-51f8-49ad-b9b9-6e94cfcd4652")}catch{}})();const de="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",me="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",xo=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -7,17 +7,17 @@ import{_ as Ae,e as L,ba as Fe,bb as Re,bc as Be,V as o,aM as Ee,P as R,I as G,b
 `,bo=n.div`
   padding: ${e=>e.windowSize==="small"?`${s.sp0} ${s.sp3}`:`${s.sp0} ${s.sp8}`};
   text-align: center;
-`,wo=n(Je)`
+`,wo=n(Ze)`
   max-width: 600px;
   margin: auto;
   padding: ${s.sp7} ${s.sp0};
   color: ${e=>e.theme.colors.primary};
-`,yo=n(Ze)`
+`,yo=n(Xe)`
   max-width: 600px;
   margin: auto;
   padding: ${s.sp5} ${s.sp0};
   color: ${e=>e.theme.colors.primary};
-`,me=n.div`
+`,pe=n.div`
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: center;
@@ -54,23 +54,23 @@ import{_ as Ae,e as L,ba as Fe,bb as Re,bc as Be,V as o,aM as Ee,P as R,I as G,b
   color: ${e=>e.theme.colors.champion};
 `,H=n(oo)`
   color: ${e=>e.theme.colors.champion};
-`,X=n(eo)`
+`,J=n(eo)`
   color: ${e=>e.theme.colors.champion};
-`,Z=n(Qe)`
+`,X=n(Qe)`
   color: ${e=>e.theme.colors.champion};
 `,z=n.div``,I=n.div`
   padding-left: ${s.sp3};
-`,ue=n(J)`
+`,ue=n(Z)`
   color: ${e=>e.theme.colors.graphColor18};
-`,xe=n(J)`
+`,xe=n(Z)`
   color: ${e=>e.theme.colors.graphColor25};
-`,be=n(J)`
+`,be=n(Z)`
   color: ${e=>e.theme.colors.graphColor04};
 `,jo=n(Ke)`
   margin: ${s.sp3} auto;
   max-width: 422px;
   color: ${e=>e.theme.colors.hero};
-`,Co=()=>{const e=E(),t=L();return o.jsxs(me,{windowSize:t,children:[o.jsx(he,{windowSize:t,children:o.jsx(fe,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:pe,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:de,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(ge,{windowSize:t,children:[o.jsxs(v,{windowSize:t,children:[o.jsx(z,{children:o.jsx(ue,{})}),o.jsxs(I,{children:[o.jsx(Z,{children:l.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(X,{children:l.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(v,{windowSize:t,children:[o.jsx(z,{children:o.jsx(xe,{})}),o.jsxs(I,{children:[o.jsx(Z,{children:l.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(X,{children:l.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(v,{windowSize:t,children:[o.jsx(z,{children:o.jsx(be,{})}),o.jsxs(I,{children:[o.jsx(Z,{children:l.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(X,{children:l.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},To=()=>{const e=E(),t=L();return o.jsxs(me,{windowSize:t,children:[o.jsxs(ge,{windowSize:t,children:[o.jsxs(v,{windowSize:t,style:{width:"408px"},children:[o.jsx(z,{children:o.jsx(ue,{})}),o.jsxs(I,{children:[o.jsx(H,{children:l.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(Y,{children:l.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(v,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(z,{children:o.jsx(xe,{})}),o.jsxs(I,{children:[o.jsx(H,{children:l.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(Y,{children:l.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(v,{windowSize:t,style:{width:"408px"},children:[o.jsx(z,{children:o.jsx(be,{})}),o.jsxs(I,{children:[o.jsx(H,{children:l.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(Y,{children:l.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(he,{windowSize:t,children:o.jsx(fe,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:pe,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:de,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},Po=({meetingUrl:e,onBackClick:t,onClickMenuIcon:a})=>{const r=E(),d=L();return o.jsxs(xo,{"data-testid":R("forecast-promo-page"),children:[o.jsx(De,{title:l.getLocalizedStrings().forecastPromoPage.title,backgroundColor:r.colors.grey4,onBackClick:t,showMenuIcon:d==="medium-compact"||d==="small",onClickMenuIcon:a,source:"ForecastPromoPage"}),o.jsxs(bo,{"data-testid":R("forecast-promo-container"),windowSize:d,children:[d==="small"?o.jsx(yo,{children:l.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(wo,{children:l.getLocalizedStrings().forecastPromoPage.promoText}),d==="small"?o.jsx(Co,{}):o.jsx(To,{}),o.jsxs(So,{"data-testid":R("forecast-promo-bottom-container"),children:[o.jsx(We,{variant:"primary",label:l.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:()=>{window.open(e.toString(),"_blank")}}),o.jsx(jo,{children:l.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function ko(e,t,a=!0){const r=l.getLocalizedStrings().reports,d=e.filter.balancesRange.numberOfPeriods,g=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],u=le({balances:g,config:t}),h=[];return h.push(u),e.idsInOrder.forEach(i=>{if(mo(i)===!0){const b=e.sections[i];if(b==null)return;b.accountGroups.length>0?h.push(ho({section:e.sections[i],sectionType:i,numOfBalances:d,title:r.sections[i],isLastNode:!0,config:t})):h.push(fo({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:d,title:r.sections[i],isLastNode:!0,config:t}))}else go(i)===!0&&h.push(uo({calculatedSection:e.calculatedSections[i],numOfBalances:d,title:r.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:a?[u]:[],contentNodes:h}}function $o(e,t,a,r=!0){Object.assign(e.config,t);const d=a.sections.expenses.balances.length>0?[...a.sections.expenses.balances,...a.sections.expenses.additionalBalances]:[...a.sections.income.balances,...a.sections.income.additionalBalances],g=le({balances:d,config:t,nodeId:e.contentNodes[0].id}),u=e.contentNodes.slice(1);return u.forEach(h=>we(h,t)),{config:t,headerNodes:r?[g]:[],contentNodes:[g,...u]}}function we(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(a=>we(a,t))}const B={contentPaddingLeft:new ae($[3],$[3],$[8]),contentPaddingRight:new ae($[3],$[3],$[8])},{collaboration:{threads:{placeholder:ne,tooltip:re,title:{comments:vo}}}}=l.getLocalizedStrings(),zo=n.div`
+`,Co=()=>{const e=E(),t=L();return o.jsxs(pe,{windowSize:t,children:[o.jsx(he,{windowSize:t,children:o.jsx(fe,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:me,alt:"forecast-promo",style:{width:"100%",height:"auto"}}):o.jsx("img",{src:de,alt:"forecast-promo",style:{width:"100%",height:"auto"}})})}),o.jsxs(ge,{windowSize:t,children:[o.jsxs(v,{windowSize:t,children:[o.jsx(z,{children:o.jsx(ue,{})}),o.jsxs(I,{children:[o.jsx(X,{children:l.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(J,{children:l.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(v,{windowSize:t,children:[o.jsx(z,{children:o.jsx(xe,{})}),o.jsxs(I,{children:[o.jsx(X,{children:l.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(J,{children:l.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(v,{windowSize:t,children:[o.jsx(z,{children:o.jsx(be,{})}),o.jsxs(I,{children:[o.jsx(X,{children:l.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(J,{children:l.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]})]})},To=()=>{const e=E(),t=L();return o.jsxs(pe,{windowSize:t,children:[o.jsxs(ge,{windowSize:t,children:[o.jsxs(v,{windowSize:t,style:{width:"408px"},children:[o.jsx(z,{children:o.jsx(ue,{})}),o.jsxs(I,{children:[o.jsx(H,{children:l.getLocalizedStrings().forecastPromoPage.accuratelyText.bold}),o.jsx(Y,{children:l.getLocalizedStrings().forecastPromoPage.accuratelyText.regular})]})]}),o.jsxs(v,{windowSize:t,style:{width:"275px",alignSelf:"end"},children:[o.jsx(z,{children:o.jsx(xe,{})}),o.jsxs(I,{children:[o.jsx(H,{children:l.getLocalizedStrings().forecastPromoPage.trackText.bold}),o.jsx(Y,{children:l.getLocalizedStrings().forecastPromoPage.trackText.regular})]})]}),o.jsxs(v,{windowSize:t,style:{width:"408px"},children:[o.jsx(z,{children:o.jsx(be,{})}),o.jsxs(I,{children:[o.jsx(H,{children:l.getLocalizedStrings().forecastPromoPage.preciseText.bold}),o.jsx(Y,{children:l.getLocalizedStrings().forecastPromoPage.preciseText.regular})]})]})]}),o.jsx(he,{windowSize:t,children:o.jsx(fe,{windowSize:t,children:e.mode==="dark"?o.jsx("img",{src:me,alt:"forecast-promo",style:{width:"640px",height:"402px"}}):o.jsx("img",{src:de,alt:"forecast-promo",style:{width:"640px",height:"402px"}})})})]})},ko=({meetingUrl:e,onBackClick:t,onClickMenuIcon:a})=>{const r=E(),d=L();return o.jsxs(xo,{"data-testid":R("forecast-promo-page"),children:[o.jsx(De,{title:l.getLocalizedStrings().forecastPromoPage.title,backgroundColor:r.colors.grey4,onBackClick:t,showMenuIcon:d==="medium-compact"||d==="small",onClickMenuIcon:a,source:"ForecastPromoPage"}),o.jsxs(bo,{"data-testid":R("forecast-promo-container"),windowSize:d,children:[d==="small"?o.jsx(yo,{children:l.getLocalizedStrings().forecastPromoPage.promoText}):o.jsx(wo,{children:l.getLocalizedStrings().forecastPromoPage.promoText}),d==="small"?o.jsx(Co,{}):o.jsx(To,{}),o.jsxs(So,{"data-testid":R("forecast-promo-bottom-container"),children:[o.jsx(We,{variant:"primary",label:l.getLocalizedStrings().forecastPromoPage.meetingButton,onClick:()=>{window.open(e.toString(),"_blank")}}),o.jsx(jo,{children:l.getLocalizedStrings().forecastPromoPage.forecastUpload})]})]})]})};function Po(e,t,a=!0){const r=l.getLocalizedStrings().reports,d=e.filter.balancesRange.numberOfPeriods,g=e.sections.expenses!=null&&e.sections.expenses.balances.length>0?e.sections.expenses.balances:e.sections.income!=null?e.sections.income.balances:[],u=le({balances:g,config:t}),h=[];return h.push(u),e.idsInOrder.forEach(i=>{if(po(i)===!0){const b=e.sections[i];if(b==null)return;b.accountGroups.length>0?h.push(ho({section:e.sections[i],sectionType:i,numOfBalances:d,title:r.sections[i],isLastNode:!0,config:t})):h.push(fo({sectionWithAcOnly:e.sections[i],sectionType:i,numOfBalances:d,title:r.sections[i],isLastNode:!0,config:t}))}else go(i)===!0&&h.push(uo({calculatedSection:e.calculatedSections[i],numOfBalances:d,title:r.sections[i],isLastNode:!0,config:t}))}),{config:t,headerNodes:a?[u]:[],contentNodes:h}}function $o(e,t,a,r=!0){Object.assign(e.config,t);const d=a.sections.expenses.balances.length>0?[...a.sections.expenses.balances,...a.sections.expenses.additionalBalances]:[...a.sections.income.balances,...a.sections.income.additionalBalances],g=le({balances:d,config:t,nodeId:e.contentNodes[0].id}),u=e.contentNodes.slice(1);return u.forEach(h=>we(h,t)),{config:t,headerNodes:r?[g]:[],contentNodes:[g,...u]}}function we(e,t){Object.assign(e.reportElementData.config,t),e.children.forEach(a=>we(a,t))}const B={contentPaddingLeft:new ae($[3],$[3],$[8]),contentPaddingRight:new ae($[3],$[3],$[8])},{collaboration:{threads:{placeholder:ne,tooltip:re,title:{comments:vo}}}}=l.getLocalizedStrings(),zo=n.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -104,7 +104,7 @@ import{_ as Ae,e as L,ba as Fe,bb as Re,bc as Be,V as o,aM as Ee,P as R,I as G,b
   align-items: center;
   justify-content: center;
   margin-bottom: ${s.sp3};
-`,Mo=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:a,vsActualOn:r,onVsActualChanged:d,selectedTimeframe:g,onTimeframeChanged:u,onBackClick:h,isPandLReportFetching:i,onClickMenuIcon:b,rightSideComponent:C})=>{const f=L(),T=[];for(let p=0;p<e.length;++p)T.push(`${p}`);const w={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:T,valueToLabel:p=>e[parseInt(p)]?.name??"",selectedValue:`${t}`,titleTextStyle:Ue.largeMedium,onPickerSelectionChanged:p=>{if(p!=null){const N=e[parseInt(p)];a?.(N.id,parseInt(p))}},styles:{justifyContent:f==="small"?"left":"center"},isPickerDisabled:i},onBackClick:h,showMenuIcon:f==="medium-compact"||f==="small",onClickMenuIcon:b,rightSideComponent:C},x={toggle:{label:l.getLocalizedStrings().reports.forecast.vsActual,isOn:r,onValueChanged:d},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:g,onTimeframeSelectionChanged:p=>u?.(p)}};return o.jsxs(No,{paddingLeft:B.contentPaddingLeft.value(f),paddingRight:B.contentPaddingRight.value(f),children:[o.jsx(ro,{...w}),i?"":o.jsx(Oo,{children:o.jsx(co,{...x})})]})},_o=({report:e,type:t,isActualVsForecastOn:a,compareMode:r,onAccountBalanceClick:d,onCompareModeChanged:g,scrollPosition:u,onTableScroll:h,nodeOpenStatus:i,onNodeCollapseToggled:b,onTreeNodesReady:C,treeRef:f})=>{const T=E(),w=L(),[x,p]=m.useState(void 0),[N,V]=m.useState(void 0),P=!(w==="small"||w==="medium-compact"),_=a===!0?"actual_vs_forecast":"none",O=`forecast.${e.reportId}`;return Ye({componentName:O,enabled:e.fetchState==="Completed"}),m.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:_,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:po(t)===!0&&a===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:so()};if(x!=null&&He(N,e)){const y=$o(x,S,e,P);p(y)}else{const y=ko(e,S,P);V(e),p(y)}},[t,a,e]),m.useEffect(()=>{x?.contentNodes!=null&&C?.(x.contentNodes)},[x,C]),x!=null?o.jsx(lo,{backgroundColor:new Xe(T.colors.grey4),rootNodes:x,type:t,compareMode:r,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:B.contentPaddingLeft.value(w),right:B.contentPaddingRight.value(w)},treeRef:f,onAccountClick:d==null?void 0:(S,y,A)=>{d(S,y,A)},onCompareModeChanged:g,scrollPosition:u,onScroll:h,nodeOpenStatus:i,onNodeCollapseToggled:b}):null};function ct({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:a,forecastList:r,selectedForecast:d,pandLreport:g,type:u,meetingUrl:h,analytics:i,isReportsCommentingEnabled:b,isZeniUser:C,initialOpenThreadRequest:f,onForecastSelectionChanged:T,onTimeframeChanged:w,onForecastVsActualsCompareToggle:x,onAccountBalanceClick:p,onCompareModeChanged:N,scrollPosition:V,onTableScroll:P,nodeOpenStatus:_,onNodeCollapseToggled:O,onBackClick:S,onClickMenuIcon:y}){const A=Ae(),D=L(),Se=C??!1,j=A?.currentTenant?.companyId,K=A?.currentTenant?.companyName??"",je=d?.id,Q=b===!0&&j!=null&&je!=null,Ce=`dashboard_${j}`,Te=Se?Fe:Re,{threads:ee,isLoading:W,requestToOpenThread:Pe,setRequestToOpenThread:M,setOpenThread:ke}=m.useContext(Te);m.useEffect(()=>{f?.threadId!=null&&f.companyId!=null&&f.entityType!=null&&M(f)},[f,M]);const[$e,q]=m.useState(!1),U=m.useMemo(()=>({application:"dashboard",companyId:j,tab:"forecast_report",isGlobalComment:!1}),[j]),F=m.useMemo(()=>{const c=Be(ee,U,"both");return Array.from(c.values())},[ee,U]),ve=m.useMemo(()=>F.filter(c=>c.resolved===!1),[F]).length,ze=m.useCallback((c,k)=>{q(!1),M({threadId:k,companyId:c.companyId,entityType:c.entityType,threadMetadata:c})},[M]),[Ie,Le]=m.useState(void 0),oe=m.useRef(null),Ne=m.useCallback(c=>{Le(c)},[]),Oe=m.useCallback(c=>{oe.current?.scrollToItem(c,"center")},[]);no({requestToOpenThread:Pe,setRequestToOpenThread:M,setOpenThread:ke,allThreads:F,reportTreeRootNodes:Ie,nodeCollapseState:_,onExpandNode:O?(c,k,_e)=>O(k,_e):void 0,scrollToNode:Oe});const Me=m.useMemo(()=>({companyId:j??"",companyName:K,entityType:"forecast_report.details",entityId:j??"",isGlobalComment:!1,application:"dashboard",tab:"forecast_report",url:window.location.href}),[j,K]),te=[r.fetchState,g.fetchState],se=d?.index??-1;return ye(te)===!0||r.fetchState==="Completed"&&r.forecasts.length===0?o.jsx(Po,{meetingUrl:h,onBackClick:S,onClickMenuIcon:y}):ce([r.fetchState])===!0?o.jsx(ie,{fetchState:Ao(te)}):o.jsxs(o.Fragment,{children:[o.jsxs(zo,{children:[o.jsx(Mo,{forecastList:r.forecasts,selectedForecastIndex:se,onForecastSelectionChanged:(c,k)=>{i?.trackForecastSwitch(G.Event.profitAndLossWithForecast,r.forecasts[k].name),T?.(c,k)},vsActualOn:t,onVsActualChanged:c=>{i?.trackForecastVsActualMode(G.Event.profitAndLossWithForecast,r.forecasts[se].name,c),x?.(c)},selectedTimeframe:e,onTimeframeChanged:c=>{i?.trackTimeframeSwitch(io(c),G.Event.profitAndLossWithForecast),w?.(c)},onBackClick:S,isPandLReportFetching:ce([g.fetchState]),onClickMenuIcon:y,rightSideComponent:Q?o.jsxs(Fo,{onClick:()=>q(!0),"data-testid":R("forecast-page-comment-button"),children:[o.jsx(Ee,{count:W?void 0:ve,isLoading:W,style:{left:"12px"}}),o.jsx(Ro,{})]}):void 0}),g.fetchState==="In-Progress"?o.jsx(ie,{fetchState:"In-Progress"}):o.jsx(Io,{children:o.jsx(_o,{report:g,type:u,isActualVsForecastOn:t,compareMode:a,onAccountBalanceClick:p,onCompareModeChanged:N,scrollPosition:V,onTableScroll:P,nodeOpenStatus:_,onNodeCollapseToggled:O,onTreeNodesReady:Ne,treeRef:oe})})]}),Q?o.jsx(ao,{id:Ce,children:o.jsx(Ve,{isDrawerOpen:$e,allowComposer:!0,drawerTitle:vo,threads:F,filter:U,autoExpand:!0,autoFocus:!1,isLoading:W,textOverrides:{composerPlaceholder:ne.addANewComment,replyComposerPlaceholder:ne.replyAComment,threadResolve:re.resolveComment,threadUnResolve:re.unResolveComment},threadMetadata:Me,onThreadClick:ze,onCloseAllThreadsDrawer:()=>q(!1),drawerSectionStyle:{width:D==="small"?"100%":"400px",boxSizing:D==="small"?"border-box":"content-box"},collapsibleThreadStyle:{width:D==="small"?"100%":"360px"}})}):null]})}const ye=e=>e.reduce((t,a)=>t===!0||a==="Error",!1),ce=e=>e.reduce((t,a)=>t===!0||a==="Not-Started"||a==="In-Progress",!1),Ao=e=>(t=>t.reduce((a,r)=>a===!0&&r==="Completed",!0))(e)===!0?"Completed":ye(e)===!0?"Error":"In-Progress",Fo=n.div`
+`,_o=({forecastList:e,selectedForecastIndex:t,onForecastSelectionChanged:a,vsActualOn:r,onVsActualChanged:d,selectedTimeframe:g,onTimeframeChanged:u,onBackClick:h,isPandLReportFetching:i,onClickMenuIcon:b,rightSideComponent:C})=>{const f=L(),T=[];for(let m=0;m<e.length;++m)T.push(`${m}`);const w={backgroundColor:"transparent",picker:{backgroundColor:"transparent",pickerValues:T,valueToLabel:m=>e[parseInt(m)]?.name??"",selectedValue:`${t}`,titleTextStyle:Ue.largeMedium,onPickerSelectionChanged:m=>{if(m!=null){const N=e[parseInt(m)];a?.(N.id,parseInt(m))}},styles:{justifyContent:f==="small"?"left":"center"},isPickerDisabled:i},onBackClick:h,showMenuIcon:f==="medium-compact"||f==="small",onClickMenuIcon:b,rightSideComponent:C},x={toggle:{label:l.getLocalizedStrings().reports.forecast.vsActual,isOn:r,onValueChanged:d},timeframe:{allowedTimeframes:["month","quarter","year"],selectedTimeframe:g,onTimeframeSelectionChanged:m=>u?.(m)}};return o.jsxs(No,{paddingLeft:B.contentPaddingLeft.value(f),paddingRight:B.contentPaddingRight.value(f),children:[o.jsx(ro,{...w}),i?"":o.jsx(Oo,{children:o.jsx(co,{...x})})]})},Mo=({report:e,type:t,isActualVsForecastOn:a,compareMode:r,onAccountBalanceClick:d,onCompareModeChanged:g,scrollPosition:u,onTableScroll:h,nodeOpenStatus:i,onNodeCollapseToggled:b,onTreeNodesReady:C,treeRef:f})=>{const T=E(),w=L(),[x,m]=p.useState(void 0),[N,V]=p.useState(void 0),k=!(w==="small"||w==="medium-compact"),M=a===!0?"actual_vs_forecast":"none",O=`forecast.${e.reportId}`;return Ye({componentName:O,enabled:e.fetchState==="Completed"}),p.useEffect(()=>{const S={reportId:`${e.reportId}+${e.forecast?.id}`,displayOrder:"ascending_date",reportFormat:"more_detailed",mode:M,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:mo(t)===!0&&a===!1?"filter_forecast_nil_balances":"filter_actual_forecast_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",dataAvailable:e.dataAvailable,showNegativeAmountInParenthesis:so()};if(x!=null&&He(N,e)){const y=$o(x,S,e,k);m(y)}else{const y=Po(e,S,k);V(e),m(y)}},[t,a,e]),p.useEffect(()=>{x?.contentNodes!=null&&C?.(x.contentNodes)},[x,C]),x!=null?o.jsx(lo,{backgroundColor:new Je(T.colors.grey4),rootNodes:x,type:t,compareMode:r,isSticky:{isStickyHeader:k,isStickyName:k},treeNodePadding:{left:B.contentPaddingLeft.value(w),right:B.contentPaddingRight.value(w)},treeRef:f,onAccountClick:d==null?void 0:(S,y,A)=>{d(S,y,A)},onCompareModeChanged:g,scrollPosition:u,onScroll:h,nodeOpenStatus:i,onNodeCollapseToggled:b}):null};function ct({selectedTimeframe:e,isForecastVsActualOn:t,compareMode:a,forecastList:r,selectedForecast:d,pandLreport:g,type:u,meetingUrl:h,analytics:i,isReportsCommentingEnabled:b,isZeniUser:C,initialOpenThreadRequest:f,onForecastSelectionChanged:T,onTimeframeChanged:w,onForecastVsActualsCompareToggle:x,onAccountBalanceClick:m,onCompareModeChanged:N,scrollPosition:V,onTableScroll:k,nodeOpenStatus:M,onNodeCollapseToggled:O,onBackClick:S,onClickMenuIcon:y}){const A=Ae(),D=L(),Se=C??!1,j=A?.currentTenant?.companyId,K=A?.currentTenant?.companyName??"",je=d?.id,Q=b===!0&&j!=null&&je!=null,Ce=`dashboard_${j}`,Te=Se?Fe:Re,{threads:ee,isLoading:W,requestToOpenThread:ke,setRequestToOpenThread:_,setOpenThread:Pe}=p.useContext(Te);p.useEffect(()=>{f?.threadId!=null&&f.companyId!=null&&f.entityType!=null&&_(f)},[f,_]);const[$e,q]=p.useState(!1),U=p.useMemo(()=>({application:"dashboard",companyId:j,tab:"forecast_report",isGlobalComment:!1}),[j]),F=p.useMemo(()=>{const c=Be(ee,U,"both");return Array.from(c.values())},[ee,U]),ve=p.useMemo(()=>F.filter(c=>c.resolved===!1),[F]).length,ze=p.useCallback((c,P)=>{q(!1),_({threadId:P,companyId:c.companyId,entityType:c.entityType,threadMetadata:c})},[_]),[Ie,Le]=p.useState(void 0),oe=p.useRef(null),Ne=p.useCallback(c=>{Le(c)},[]),Oe=p.useCallback(c=>{oe.current?.scrollToItem(c,"center")},[]);no({requestToOpenThread:ke,setRequestToOpenThread:_,setOpenThread:Pe,allThreads:F,reportTreeRootNodes:Ie,nodeCollapseState:M,onExpandNode:O?(c,P,Me)=>O(P,Me):void 0,scrollToNode:Oe});const _e=p.useMemo(()=>({companyId:j??"",companyName:K,entityType:"forecast_report.details",entityId:j??"",isGlobalComment:!1,application:"dashboard",tab:"forecast_report",url:window.location.href}),[j,K]),te=[r.fetchState,g.fetchState],se=d?.index??-1;return ye(te)===!0||r.fetchState==="Completed"&&r.forecasts.length===0?o.jsx(ko,{meetingUrl:h,onBackClick:S,onClickMenuIcon:y}):ce([r.fetchState])===!0?o.jsx(ie,{fetchState:Ao(te)}):o.jsxs(o.Fragment,{children:[o.jsxs(zo,{children:[o.jsx(_o,{forecastList:r.forecasts,selectedForecastIndex:se,onForecastSelectionChanged:(c,P)=>{i?.trackForecastSwitch(G.Event.profitAndLossWithForecast,r.forecasts[P].name),T?.(c,P)},vsActualOn:t,onVsActualChanged:c=>{i?.trackForecastVsActualMode(G.Event.profitAndLossWithForecast,r.forecasts[se].name,c),x?.(c)},selectedTimeframe:e,onTimeframeChanged:c=>{i?.trackTimeframeSwitch(io(c),G.Event.profitAndLossWithForecast),w?.(c)},onBackClick:S,isPandLReportFetching:ce([g.fetchState]),onClickMenuIcon:y,rightSideComponent:Q?o.jsxs(Fo,{onClick:()=>q(!0),"data-testid":R("forecast-page-comment-button"),children:[o.jsx(Ee,{count:W?void 0:ve,isLoading:W,style:{left:"12px"}}),o.jsx(Ro,{})]}):void 0}),g.fetchState==="In-Progress"?o.jsx(ie,{fetchState:"In-Progress"}):o.jsx(Io,{children:o.jsx(Mo,{report:g,type:u,isActualVsForecastOn:t,compareMode:a,onAccountBalanceClick:m,onCompareModeChanged:N,scrollPosition:V,onTableScroll:k,nodeOpenStatus:M,onNodeCollapseToggled:O,onTreeNodesReady:Ne,treeRef:oe})})]}),Q?o.jsx(ao,{id:Ce,children:o.jsx(Ve,{isDrawerOpen:$e,allowComposer:!0,drawerTitle:vo,threads:F,filter:U,autoExpand:!0,autoFocus:!1,isLoading:W,textOverrides:{composerPlaceholder:ne.addANewComment,replyComposerPlaceholder:ne.replyAComment,threadResolve:re.resolveComment,threadUnResolve:re.unResolveComment},threadMetadata:_e,onThreadClick:ze,onCloseAllThreadsDrawer:()=>q(!1),drawerSectionStyle:{width:D==="small"?"100%":"400px",boxSizing:D==="small"?"border-box":"content-box"},collapsibleThreadStyle:{width:D==="small"?"100%":"360px"}})}):null]})}const ye=e=>e.reduce((t,a)=>t===!0||a==="Error",!1),ce=e=>e.reduce((t,a)=>t===!0||a==="Not-Started"||a==="In-Progress",!1),Ao=e=>(t=>t.reduce((a,r)=>a===!0&&r==="Completed",!0))(e)===!0?"Completed":ye(e)===!0?"Error":"In-Progress",Fo=n.div`
   display: flex;
   align-items: center;
   justify-content: center;

package/dist/assets/{PandLWithForecastRoutes-NKWly9at.js → PandLWithForecastRoutes-CsL0r0I3.js}

@@ -1 +1 @@
-import{j as n}from"./pdf-A8jRKyoC.js";import{j as H,i as W,h as V,l as Y,u as l,k as z,R as Q,m as I}from"./core-B0nKoasK.js";import{ct as R,nl as P,mU as Z,HZ as U,mP as T,bt as J,F3 as K,mQ as X,H_ as ee,HL as S,Fh as ae,qE as te,H$ as se,q$ as oe,cA as ne,cy as re}from"./zeni-epic-state-DCforPdM.js";import{js as ce,k2 as ie,_ as le,aE as v,aG as A,bj as de,jz as w,kr as me,jO as fe}from"./index-ByxsQZNo.js";import"./mui-40xepic5.js";import pe from"./NotFoundScreen-86VjMapP.js";import{F as ue}from"./FeaturePreviewScreen-Ctx49exK.js";import{a as h}from"./sentry-COYnhuxW.js";import{t as he}from"./routePaths-CpPoI1xs.js";import{M as Fe}from"./MobileAppDrawer-CXepfp6e.js";import"./lottie-BzV8yd9z.js";import"./liveblocks-DskTqGyX.js";import"./recharts-Bbdho9Pi.js";import"./dnd-NNN-4w0O.js";import"./analytics-CDQ7tGpV.js";import"./plaid-cfgjTkr8.js";import"./utils-DMEPgX6w.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new s.Error().stack;e&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[e]="4a7bad58-408d-498a-8094-853902b20740",s._sentryDebugIdIdentifier="sentry-dbid-4a7bad58-408d-498a-8094-853902b20740")}catch{}})();const y=(s,e,a)=>{s!=e&&(s!=null&&s.length>0?a(`../${e}`,{replace:!0}):a(e,{replace:!0}))},ge=z(function(s){const e=ee(s),a={},o=e.pandLReportWithForecast.uiState.nodeCollapseState;return Object.keys(o).forEach(r=>{a[r]=o[r]===!1}),{selectedTimeframe:e.selectedTimeframe,isForecastVsActualOn:e.isForecastVsActualOn,compareMode:e.compareMode,forecastList:e.forecastList,selectedForecast:e.selectedForecast,pandLreport:e.pandLReportWithForecast,scrollPosition:e.pandLReportWithForecast.uiState.scrollPosition,nodeOpenStatus:a,type:"name+balances_forecast",analytics:w}},function(s,e){return{onForecastSelectionChanged:(a,o)=>{s(U(a,o)),e.isPandLReportFetched(a)||s(T(a)),y(e.forecastIdFromUrlPath,a,e.navigate)},onTimeframeChanged:a=>{s(oe(a))},onForecastVsActualsCompareToggle:a=>{s(se(a)),s(S({forecastId:e.forecastIdFromUrlPath,scrollPosition:{scrollLeft:0,scrollTop:0}}))},onCompareModeChanged:a=>{s(te(e.firstMonthOfFY,a,0,[]))},onAccountBalanceClick:e.hasTransactionAccess!==!0?void 0:(a,o)=>{let r,c;const m=a.accountName===""?a.accountDescription:a.accountName;if(o.balanceTimeFrame==="month"||o.balanceTimeFrame==="quarter"?(r=o.balanceTimeFrame,c=ae(o)):o.balanceTimeFrame==="year"?(r="quarter",c={startDate:o.endDate.startOf("quarter"),endDate:o.endDate}):console.error(`timeframe ${o.balanceTimeFrame} is not supported`),c!=null&&r!=null){const f=he(e.tenantEmailDomain,a.accountId,a.accountType,m,r,c),p=fe(e.location.state?.pathnameStackToGoBack,e.location.pathname);e.navigate(f,{state:{pathnameStackToGoBack:p,referrer:"Forecast"}})}},onNodeCollapseToggled:(a,o)=>{s(S({forecastId:e.forecastIdFromUrlPath,nodeCollapseState:{nodeId:a,isCollapsed:o===!1}}))},onTableScroll:a=>{s(S({forecastId:e.forecastIdFromUrlPath,scrollPosition:a}))},onBackClick:()=>{e.navigate("../../")}}})(me);function O(){const s=H(),e=W(),a=V(),{forecastId:o,tenantEmailDomain:r}=Y(),[c,m]=h.useState(!1),[f,p]=h.useState(!1),F=ce.getSignedInUser(),M=l(t=>R(t)),$=M.company?.companyInfo.firstMonthOfFY??1,i=l(t=>P(t.forecastState,t.forecastListState)),u=l(t=>t.forecastListState.fetchState==="Completed"),j=l(t=>t.profitAndLossState),C=l(t=>t.reportUIOptionsState.selectedForecast),x=t=>j.pandLByForecastID[t]!=null&&X(t,j).reducedAllFetchState.fetchState==="Completed",{areTenantIdsInSync:g}=ie();h.useEffect(()=>{if(!c&&g)m(!0),u||e(Z());else if(u&&!f){p(!0);const t=((d,L,E)=>L!=null?d.forecasts.findIndex(b=>b.id===L):E!=null?d.forecasts.findIndex(b=>b.id===E):d.forecasts.length>0?0:-1)(i,o,C?.id);t===-1&&o!=null?s("page-not-found",{replace:!0}):t!==-1&&t!=C?.index?(e(U(i.forecasts[t].id,t)),y(o,i.forecasts[t].id,s)):o==null&&t!==-1&&y(void 0,i.forecasts[t].id,s),t!==-1&&!x(i.forecasts[t].id)&&g&&e(T(i.forecasts[t].id))}},[c,m,e,u,i,f,p,P,T,g]);const k=le(),_=k?.loggedInUserRole!=null&&J(k.loggedInUserRole),{useFeatureGate:G}=v(),{isFeatureEnabled:q}=G(A.isReportsCommentingEnabled),[B,N]=h.useState(!1),D=t=>{N(t)};return n.jsxs(n.Fragment,{children:[u?n.jsx(de,{analytics:w,onLoad:t=>(d=>d.trackForecast())(t)}):null,n.jsx(Fe,{isAppContentDrawerOpen:B,handleDrawerToggle:D}),n.jsx(ge,{firstMonthOfFY:$,tenantEmailDomain:r,forecastIdFromUrlPath:o,navigate:s,location:a,isPandLReportFetched:x,meetingUrl:K(`https://meetings.hubspot.com/svitlana-grankovska?firstname=${F?.firstName}&lastname=${F?.lastName}&email=${F?.userEmail}`),hasTransactionAccess:_,isReportsCommentingEnabled:q,onClickMenuIcon:()=>{D(!0)}})]})}function Ae(){const s=l(c=>R(c)),{useFeatureGate:e}=v(),{isFeatureEnabled:a}=e(A.isDebitCardFeatureEnabled),o=ne(a,s),r=re(s);return o===!0||r===!0?n.jsx(ue,{}):n.jsxs(Q,{children:[n.jsx(I,{path:"/",element:n.jsx(O,{})}),n.jsx(I,{path:"/:forecastId",element:n.jsx(O,{})}),n.jsx(I,{path:"/:forecastId/*",element:n.jsx(pe,{})})]})}export{Ae as PandLWithForecastRoutes,Ae as default};
+import{j as n}from"./pdf-CTJ16aEe.js";import{j as H,i as W,h as V,l as Y,u as l,k as z,R as Q,m as I}from"./core-oEkj6b51.js";import{ct as R,nl as P,mU as Z,HZ as U,mP as T,bt as J,F3 as K,mQ as X,H_ as ee,HL as S,Fh as ae,qE as te,H$ as se,q$ as oe,cA as ne,cy as re}from"./zeni-epic-state-cFF_NqwA.js";import{js as ce,k2 as ie,_ as le,aE as v,aG as A,bj as de,jz as w,kr as me,jO as fe}from"./index-BHAcVHeH.js";import"./mui-Cni6P-fz.js";import pe from"./NotFoundScreen-SRDW4_mE.js";import{F as ue}from"./FeaturePreviewScreen-D_cOMPjM.js";import{a as h}from"./sentry-CY6wsJT-.js";import{t as he}from"./routePaths-WWdcktge.js";import{M as Fe}from"./MobileAppDrawer-CTcTm5tx.js";import"./lottie-DEK510sX.js";import"./liveblocks-Ia5FU_Xu.js";import"./recharts-LlOU9oLm.js";import"./dnd-DwLm2ZWc.js";import"./analytics-Ci5SIN4_.js";import"./plaid-B2vW8NaN.js";import"./utils-ChLimP28.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new s.Error().stack;e&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[e]="4a7bad58-408d-498a-8094-853902b20740",s._sentryDebugIdIdentifier="sentry-dbid-4a7bad58-408d-498a-8094-853902b20740")}catch{}})();const y=(s,e,a)=>{s!=e&&(s!=null&&s.length>0?a(`../${e}`,{replace:!0}):a(e,{replace:!0}))},ge=z(function(s){const e=ee(s),a={},o=e.pandLReportWithForecast.uiState.nodeCollapseState;return Object.keys(o).forEach(r=>{a[r]=o[r]===!1}),{selectedTimeframe:e.selectedTimeframe,isForecastVsActualOn:e.isForecastVsActualOn,compareMode:e.compareMode,forecastList:e.forecastList,selectedForecast:e.selectedForecast,pandLreport:e.pandLReportWithForecast,scrollPosition:e.pandLReportWithForecast.uiState.scrollPosition,nodeOpenStatus:a,type:"name+balances_forecast",analytics:w}},function(s,e){return{onForecastSelectionChanged:(a,o)=>{s(U(a,o)),e.isPandLReportFetched(a)||s(T(a)),y(e.forecastIdFromUrlPath,a,e.navigate)},onTimeframeChanged:a=>{s(oe(a))},onForecastVsActualsCompareToggle:a=>{s(se(a)),s(S({forecastId:e.forecastIdFromUrlPath,scrollPosition:{scrollLeft:0,scrollTop:0}}))},onCompareModeChanged:a=>{s(te(e.firstMonthOfFY,a,0,[]))},onAccountBalanceClick:e.hasTransactionAccess!==!0?void 0:(a,o)=>{let r,c;const m=a.accountName===""?a.accountDescription:a.accountName;if(o.balanceTimeFrame==="month"||o.balanceTimeFrame==="quarter"?(r=o.balanceTimeFrame,c=ae(o)):o.balanceTimeFrame==="year"?(r="quarter",c={startDate:o.endDate.startOf("quarter"),endDate:o.endDate}):console.error(`timeframe ${o.balanceTimeFrame} is not supported`),c!=null&&r!=null){const f=he(e.tenantEmailDomain,a.accountId,a.accountType,m,r,c),p=fe(e.location.state?.pathnameStackToGoBack,e.location.pathname);e.navigate(f,{state:{pathnameStackToGoBack:p,referrer:"Forecast"}})}},onNodeCollapseToggled:(a,o)=>{s(S({forecastId:e.forecastIdFromUrlPath,nodeCollapseState:{nodeId:a,isCollapsed:o===!1}}))},onTableScroll:a=>{s(S({forecastId:e.forecastIdFromUrlPath,scrollPosition:a}))},onBackClick:()=>{e.navigate("../../")}}})(me);function O(){const s=H(),e=W(),a=V(),{forecastId:o,tenantEmailDomain:r}=Y(),[c,m]=h.useState(!1),[f,p]=h.useState(!1),F=ce.getSignedInUser(),M=l(t=>R(t)),$=M.company?.companyInfo.firstMonthOfFY??1,i=l(t=>P(t.forecastState,t.forecastListState)),u=l(t=>t.forecastListState.fetchState==="Completed"),j=l(t=>t.profitAndLossState),C=l(t=>t.reportUIOptionsState.selectedForecast),x=t=>j.pandLByForecastID[t]!=null&&X(t,j).reducedAllFetchState.fetchState==="Completed",{areTenantIdsInSync:g}=ie();h.useEffect(()=>{if(!c&&g)m(!0),u||e(Z());else if(u&&!f){p(!0);const t=((d,L,E)=>L!=null?d.forecasts.findIndex(b=>b.id===L):E!=null?d.forecasts.findIndex(b=>b.id===E):d.forecasts.length>0?0:-1)(i,o,C?.id);t===-1&&o!=null?s("page-not-found",{replace:!0}):t!==-1&&t!=C?.index?(e(U(i.forecasts[t].id,t)),y(o,i.forecasts[t].id,s)):o==null&&t!==-1&&y(void 0,i.forecasts[t].id,s),t!==-1&&!x(i.forecasts[t].id)&&g&&e(T(i.forecasts[t].id))}},[c,m,e,u,i,f,p,P,T,g]);const k=le(),_=k?.loggedInUserRole!=null&&J(k.loggedInUserRole),{useFeatureGate:G}=v(),{isFeatureEnabled:q}=G(A.isReportsCommentingEnabled),[B,N]=h.useState(!1),D=t=>{N(t)};return n.jsxs(n.Fragment,{children:[u?n.jsx(de,{analytics:w,onLoad:t=>(d=>d.trackForecast())(t)}):null,n.jsx(Fe,{isAppContentDrawerOpen:B,handleDrawerToggle:D}),n.jsx(ge,{firstMonthOfFY:$,tenantEmailDomain:r,forecastIdFromUrlPath:o,navigate:s,location:a,isPandLReportFetched:x,meetingUrl:K(`https://meetings.hubspot.com/svitlana-grankovska?firstname=${F?.firstName}&lastname=${F?.lastName}&email=${F?.userEmail}`),hasTransactionAccess:_,isReportsCommentingEnabled:q,onClickMenuIcon:()=>{D(!0)}})]})}function Ae(){const s=l(c=>R(c)),{useFeatureGate:e}=v(),{isFeatureEnabled:a}=e(A.isDebitCardFeatureEnabled),o=ne(a,s),r=re(s);return o===!0||r===!0?n.jsx(ue,{}):n.jsxs(Q,{children:[n.jsx(I,{path:"/",element:n.jsx(O,{})}),n.jsx(I,{path:"/:forecastId",element:n.jsx(O,{})}),n.jsx(I,{path:"/:forecastId/*",element:n.jsx(pe,{})})]})}export{Ae as PandLWithForecastRoutes,Ae as default};