@zeniai/web-cockpit-ui 1.15.58-qa → 1.15.59-dev

package/dist/assets/{NotificationsPage-xmWyvsYE-DgxInQel.js → NotificationsPage-Uvu6XESA-C7IDz_PV.js}

@@ -1,8 +1,8 @@
-import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,ab as $e,O as B,he as si,x as _,ik as ai,w as Ie,L as ni,aA as it,cp as ot,b5 as st,ds as at,cx as nt,kf as rt,u as w,a as ri,kg as li,dq as ue,a$ as di,N as ci,M as lt,p as S,ak as ui,bR as z,cN as he,gd as pe,kh as fe,ay as dt,a9 as ct,dx as U,fy as ut,ac as me,go as hi,an as ee,iz as pi,ao as H,fM as fi,aX as je,bc as ge,ki as mi,bO as ht,kj as _e,bx as gi}from"./index-uV9C0lq0.js";import{a as g}from"./sentry-rcvLxAzW.js";import{n,c as P}from"./mui-CgOsYmSB.js";import{H7 as xi,H8 as bi,bL as K,bh as $,EY as pt}from"./zeni-epic-state-D5MWzrZ6.js";import{R as wi}from"./SubTabSwitcher-DJvtpJh2-CqJlCEZ1.js";import{d as ft}from"./useLongPress-GCK2COYQ-DY03cKku.js";import{A as mt,t as gt,a as xt,E as bt,L as wt,I as yt}from"./NotificationsListConfig-CqxCGQSM-CNk3ZSrm.js";import"./liveblocks-PPyiYwu4.js";import"./core-DpPwA1EY.js";import"./recharts-B5a8DAKj.js";import"./lottie-CwowL814.js";import"./analytics-R4GG3mhr.js";import"./lexical-WuSd_Y3l.js";import"./utils-GKlM-QyI.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]="61510efd-5fae-4031-bedf-ae4acdcc05b1",e._sentryDebugIdIdentifier="sentry-dbid-61510efd-5fae-4031-bedf-ae4acdcc05b1")}catch{}})();function yi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:r,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:u}){const p=v(),f=Q(),h=g.useCallback(m=>{d(m.id)},[d]),x=g.useCallback(m=>{u(m.id)},[u]);return e.length===0?null:t.jsxs($i,{windowSize:p,children:[t.jsx(ai,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${f.colors.grey3}`},onTabChange:h}),t.jsx(wi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:r,onTabChange:x})]})}const $i=n.div`
+import{g as K,e as v,aa as Kt,cQ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,ab as $e,O as B,hi as si,x as _,ip as ai,w as Ie,L as ni,aA as it,cu as ot,b5 as st,dz as at,cC as nt,kj as rt,u as w,a as ri,kk as li,dx as ue,a$ as di,N as ci,M as lt,d as S,ak as ui,bW as z,cU as he,gl as pe,kl as fe,ay as dt,a9 as ct,dE as U,fG as ut,ac as me,bQ as hi,an as ee,iD as pi,ao as H,fU as fi,aX as je,bc as ge,km as mi,bO as ht,kn as _e,bx as gi}from"./index-aCBnCBoN.js";import{a as g}from"./sentry-DzaNjvx0.js";import{n,c as P}from"./mui-BosmckWV.js";import{H7 as xi,H8 as bi,bL as X,bh as $,EZ as pt}from"./zeni-epic-state-BNpJ2txa.js";import{R as wi}from"./SubTabSwitcher-CudjNlsi-Dk2m1EXt.js";import{d as ft}from"./useLongPress-GCK2COYQ-BgaoTE4k.js";import{A as mt,t as gt,a as xt,E as bt,L as wt,I as yt}from"./NotificationsListConfig-ThKLok_w-DiwvAaDh.js";import"./liveblocks-CEY7tsth.js";import"./core-Cjh03OPu.js";import"./recharts-CimMNwCJ.js";import"./lottie-BmLFYENY.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.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]="a5140cc2-500d-4b4e-945c-c743520939ea",e._sentryDebugIdIdentifier="sentry-dbid-a5140cc2-500d-4b4e-945c-c743520939ea")}catch{}})();function yi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:r,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:u}){const p=v(),f=K(),h=g.useCallback(m=>{d(m.id)},[d]),x=g.useCallback(m=>{u(m.id)},[u]);return e.length===0?null:t.jsxs($i,{windowSize:p,children:[t.jsx(ai,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${f.colors.grey3}`},onTabChange:h}),t.jsx(wi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:r,onTabChange:x})]})}const $i=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,{common:{timeStrings:$t,strings:ji},dateFormat:Le,timeFormat:ki}=B.getLocalizedStrings(),jt=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],le=e=>e.type.concat(ji.underscore).concat(e.start.format(Le.visual.DdashMMdashYYYYFormat)),xe=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return $t[e.type];case"earlier_that_month":return e.start.format(Le.visual.MMMYYYYFormat)}},kt=e=>{const o=K(e.toUTCString()),s=$(),a=s.diff(o,"minutes"),r=s.diff(o,"seconds"),l=60,c=24*60;return r<=l?$t.justNow:a<c&&mi(o,0)?o.format(ki.hhmmAFormat):o.format(Le.visual.MMMDFormat)},ze=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:Si}}}}=B.getLocalizedStrings(),St=e=>{e.sort((r,l)=>K(r.inboxNotification.notifiedAt.toUTCString()).isAfter(K(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const r of jt){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),u=$().subtract(Math.min($().date(),c),"d").endOf("d"),p=1;switch(r){case"today":case"yesterday":l=r==="today"?0:1,c=r==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),u=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:r,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),u=$().subtract(2,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:r,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),u=$().subtract(9,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:r,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=$().subtract(p,"month").startOf("M").startOf("d"),h=$().subtract(p,"month").endOf("M").endOf("d");p++,a=oe(o,f,h),o=a.remainingData,s.push({start:f,end:h,type:r,notifications:a.singleGroup})}break}}return s},oe=(e,o,s)=>{const a=[],r=e.map(l=>rt(o,s,K(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>K(l.inboxNotification.notifiedAt.toUTCString()).isAfter(K(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:r}},vi=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=Si;return o.comments.length===1?a:s},vt=new _(3,2,1,1,1),Ct=new _(w[8],w[6],35,35,w[6]),de={lineClamp:vt,sectionWidth:Ct},Tt="comments-notification-tile",{common:{texts:De,timeStrings:Ci,strings:te},commentsAndNotifications:{notifications:{strings:{newMessage:Ti},actionStrings:{comments:{newCommentAdded:Ni}}}}}=B.getLocalizedStrings(),Ii=({sectionId:e,notificationData:o,users:s,isHighlighted:a=!1,style:r,onNotificationTileClick:l})=>{const c=dt(),d=ct().analytics,{inboxNotification:{id:u,readAt:p,notifiedAt:f},thread:h}=o,{setRequestToOpenThread:x}=g.useContext(hi),m=p!=null?"read":"unread",{metadata:{url:k,companyId:I,entityType:D},id:L}=h;return t.jsxs(Oi,{readStatus:m,isClickable:!!k,isHighlighted:a,style:r,"data-testid":me(e,`${Tt}-${u}`),onClick:()=>{k&&(l(u,pt(k),m),(h.metadata.tab==="bill"||h.metadata.tab==="reimbursement")&&x({threadId:L,companyId:I,entityType:D})),h.metadata.application!=="cockpit"&&d.trackCommentActivity("notification","clicked",h.metadata.companyName,c.controllersList.controllers.map(b=>U(b)),h.resolved?"resolved":"open",{name:ut(c.loggedInUser),email:c.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(Li,{notificationData:o,users:s}),t.jsx(_i,{...o}),t.jsx(zi,{timestamp:f,readStatus:m})]})},Nt=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,r=a[0];return a.length===0||r.body==null?t.jsx(ke,{children:Ti}):t.jsx(ke,{children:r.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Di(c)){const p=o.find(f=>f.userId===c.id);return c.id?t.jsx(Ri,{notificationData:e,user:p},`${c.id}${te.underscore}${d}`):null}if(Mi(c)){const p=pi(c.url)??c.url;return t.jsx(Hi,{href:p,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let u=c.text;return c.bold===!0&&(u=t.jsx(Bi,{children:u},d)),c.italic===!0&&(u=t.jsx(Gi,{children:u},d)),c.strikethrough===!0&&(u=t.jsx(Ei,{children:u},d)),c.code===!0&&(u=t.jsx(Fi,{children:u},d)),t.jsx(Ui,{children:u},d)});default:return t.jsx(ke,{children:Ni})}})})},Li=({notificationData:e,users:o})=>{const s=v();return t.jsx(Vi,{windowSize:s,children:t.jsx(Nt,{notificationData:e,users:o})})},Ri=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let r=t.jsxs(Me,{className:"userText",readStatus:a,children:[te.atTheRate,De.zeniAI,te.space]});if(o!=null){const l=U(o,!1);r=t.jsx(t.Fragment,{children:t.jsxs(Me,{className:"userText",readStatus:a,children:[te.atTheRate,l||De.zeniAI,te.space]})})}return r},It=e=>{const o=vi(e);return t.jsx(t.Fragment,{children:o})},_i=e=>{const o=v();return t.jsx(Pi,{windowSize:o,children:t.jsx(It,{...e})})},Lt=e=>{const{timestamp:o,readStatus:s}=e,a=kt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Yi,{isNewNotification:a===Ci.justNow,children:a}),t.jsx(Wi,{readStatus:s})]})},zi=e=>{const o=v();return t.jsx(Ai,{windowSize:o,children:t.jsx(Lt,{...e})})};function Di(e){return"type"in e&&e.type==="mention"}function Mi(e){return"type"in e&&e.type==="link"}const Oi=n.div`
+`,{common:{timeStrings:$t,strings:ji},dateFormat:Le,timeFormat:ki}=B.getLocalizedStrings(),jt=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],le=e=>e.type.concat(ji.underscore).concat(e.start.format(Le.visual.DdashMMdashYYYYFormat)),xe=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return $t[e.type];case"earlier_that_month":return e.start.format(Le.visual.MMMYYYYFormat)}},kt=e=>{const o=X(e.toUTCString()),s=$(),a=s.diff(o,"minutes"),r=s.diff(o,"seconds"),l=60,c=24*60;return r<=l?$t.justNow:a<c&&mi(o,0)?o.format(ki.hhmmAFormat):o.format(Le.visual.MMMDFormat)},ze=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:Si}}}}=B.getLocalizedStrings(),St=e=>{e.sort((r,l)=>X(r.inboxNotification.notifiedAt.toUTCString()).isAfter(X(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const r of jt){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),u=$().subtract(Math.min($().date(),c),"d").endOf("d"),p=1;switch(r){case"today":case"yesterday":l=r==="today"?0:1,c=r==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),u=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:r,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),u=$().subtract(2,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:r,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),u=$().subtract(9,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:r,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=$().subtract(p,"month").startOf("M").startOf("d"),h=$().subtract(p,"month").endOf("M").endOf("d");p++,a=oe(o,f,h),o=a.remainingData,s.push({start:f,end:h,type:r,notifications:a.singleGroup})}break}}return s},oe=(e,o,s)=>{const a=[],r=e.map(l=>rt(o,s,X(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>X(l.inboxNotification.notifiedAt.toUTCString()).isAfter(X(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:r}},vi=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=Si;return o.comments.length===1?a:s},vt=new _(3,2,1,1,1),Ct=new _(w[8],w[6],35,35,w[6]),de={lineClamp:vt,sectionWidth:Ct},Tt="comments-notification-tile",{common:{texts:De,timeStrings:Ci,strings:te},commentsAndNotifications:{notifications:{strings:{newMessage:Ti},actionStrings:{comments:{newCommentAdded:Ni}}}}}=B.getLocalizedStrings(),Ii=({sectionId:e,notificationData:o,users:s,isHighlighted:a=!1,style:r,onNotificationTileClick:l})=>{const c=dt(),d=ct().analytics,{inboxNotification:{id:u,readAt:p,notifiedAt:f},thread:h}=o,{setRequestToOpenThread:x}=g.useContext(hi),m=p!=null?"read":"unread",{metadata:{url:k,companyId:I,entityType:D},id:L}=h;return t.jsxs(Oi,{readStatus:m,isClickable:!!k,isHighlighted:a,style:r,"data-testid":me(e,`${Tt}-${u}`),onClick:()=>{k&&(l(u,pt(k),m),(h.metadata.tab==="bill"||h.metadata.tab==="reimbursement")&&x({threadId:L,companyId:I,entityType:D})),h.metadata.application!=="cockpit"&&d.trackCommentActivity("notification","clicked",h.metadata.companyName,c.controllersList.controllers.map(b=>U(b)),h.resolved?"resolved":"open",{name:ut(c.loggedInUser),email:c.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(Li,{notificationData:o,users:s}),t.jsx(_i,{...o}),t.jsx(zi,{timestamp:f,readStatus:m})]})},Nt=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,r=a[0];return a.length===0||r.body==null?t.jsx(ke,{children:Ti}):t.jsx(ke,{children:r.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Di(c)){const p=o.find(f=>f.userId===c.id);return c.id?t.jsx(Ri,{notificationData:e,user:p},`${c.id}${te.underscore}${d}`):null}if(Mi(c)){const p=pi(c.url)??c.url;return t.jsx(Hi,{href:p,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let u=c.text;return c.bold===!0&&(u=t.jsx(Bi,{children:u},d)),c.italic===!0&&(u=t.jsx(Gi,{children:u},d)),c.strikethrough===!0&&(u=t.jsx(Ei,{children:u},d)),c.code===!0&&(u=t.jsx(Fi,{children:u},d)),t.jsx(Ui,{children:u},d)});default:return t.jsx(ke,{children:Ni})}})})},Li=({notificationData:e,users:o})=>{const s=v();return t.jsx(Vi,{windowSize:s,children:t.jsx(Nt,{notificationData:e,users:o})})},Ri=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let r=t.jsxs(Me,{className:"userText",readStatus:a,children:[te.atTheRate,De.zeniAI,te.space]});if(o!=null){const l=U(o,!1);r=t.jsx(t.Fragment,{children:t.jsxs(Me,{className:"userText",readStatus:a,children:[te.atTheRate,l||De.zeniAI,te.space]})})}return r},It=e=>{const o=vi(e);return t.jsx(t.Fragment,{children:o})},_i=e=>{const o=v();return t.jsx(Pi,{windowSize:o,children:t.jsx(It,{...e})})},Lt=e=>{const{timestamp:o,readStatus:s}=e,a=kt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Wi,{isNewNotification:a===Ci.justNow,children:a}),t.jsx(Yi,{readStatus:s})]})},zi=e=>{const o=v();return t.jsx(Ai,{windowSize:o,children:t.jsx(Lt,{...e})})};function Di(e){return"type"in e&&e.type==="mention"}function Mi(e){return"type"in e&&e.type==="link"}const Oi=n.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -79,10 +79,10 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   color: ${e=>e.readStatus==="read"?e.theme.colors.grey1:S.brandColorJade};
 `,ke=n(ge)`
   color: inherit;
-`,Yi=n(ht)`
+`,Wi=n(ht)`
   flex-shrink: 0;
   color: ${e=>e.isNewNotification?e.theme.colors.primary:"inherit"};
-`,Wi=n.div`
+`,Yi=n.div`
   display: flex;
   height: ${i.sp2};
   width: ${i.sp2};
@@ -120,7 +120,7 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
   width: ${e=>e.isLastItem?"10%":Ct.valuePercentage(e.windowSize)};
-`,Xi=()=>{const e=v();return t.jsxs(Zi,{windowSize:e,children:[t.jsxs(Ki,{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})})]})},Zi=n.div`
+`,Qi=()=>{const e=v();return t.jsxs(Zi,{windowSize:e,children:[t.jsxs(Xi,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:180,height:w[4]})]}),t.jsx(Ki,{children:t.jsx(z,{width:60,height:18})})]})},Zi=n.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -146,19 +146,19 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
     border-bottom-left-radius: ${i.sp2};
     border-bottom-right-radius: ${i.sp2};
   }
-`,Ki=n.div`
+`,Xi=n.div`
   display: flex;
   align-items: start;
   flex-direction: column;
   gap: ${i.sp2};
   flex: 1 1 auto;
   justify-content: start;
-`,Qi=n.div`
+`,Ki=n.div`
   display: flex;
   align-items: baseline;
   flex-direction: row;
   justify-content: end;
-`,eo=()=>v()==="small"?t.jsx(Xi,{}):t.jsx(Ji,{}),to={marginLeft:new _(w[2],w[5],w[7])},io=()=>t.jsxs(oo,{children:[t.jsx(Ce,{numberOfRows:5}),t.jsx(Ce,{numberOfRows:3})]}),Ce=({numberOfRows:e})=>{const o=v();return t.jsxs(so,{windowSize:o,children:[t.jsx(no,{children:t.jsx(z,{width:w[12],height:Ie.standardRegular.lineHeightValue})}),t.jsx(ao,{children:[...Array(e)].map(s=>t.jsx(eo,{},ue()))})]})},oo=n.div`
+`,eo=()=>v()==="small"?t.jsx(Qi,{}):t.jsx(Ji,{}),to={marginLeft:new _(w[2],w[5],w[7])},io=()=>t.jsxs(oo,{children:[t.jsx(Ce,{numberOfRows:5}),t.jsx(Ce,{numberOfRows:3})]}),Ce=({numberOfRows:e})=>{const o=v();return t.jsxs(so,{windowSize:o,children:[t.jsx(no,{children:t.jsx(z,{width:w[12],height:Ie.standardRegular.lineHeightValue})}),t.jsx(ao,{children:[...Array(e)].map(s=>t.jsx(eo,{},ue()))})]})},oo=n.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -244,7 +244,7 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;
-`,_t=e=>v()==="small"?t.jsx(ro,{...e}):t.jsx(Ii,{...e}),{common:{all:Oe}}=B.getLocalizedStrings(),mo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:r,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:u}=he(),p=u(s);return t.jsx(go,{style:r,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(xo,{htmlFor:`${s}.${Oe.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:xe(e)}),value:Oe.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,h)=>{const x=h===0,m=e.notifications.length-1===h;return{label:t.jsx(_t,{sectionId:s,notificationData:f,users:o,style:{borderTopLeftRadius:x?i.sp2:void 0,borderTopRightRadius:x?i.sp2:void 0,borderBottomLeftRadius:m?i.sp2:void 0,borderBottomRightRadius:m?i.sp2:void 0},isHighlighted:p?.includes(f.inboxNotification.id)===!0,onNotificationTileClick:c}),value:f.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},go=n.div`
+`,_t=e=>v()==="small"?t.jsx(ro,{...e}):t.jsx(Ii,{...e}),{common:{all:Oe}}=B.getLocalizedStrings(),mo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:r,isDisabled:l,onNotificationTileClick:c})=>{const d=K(),{getValues:u}=he(),p=u(s);return t.jsx(go,{style:r,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(xo,{htmlFor:`${s}.${Oe.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:xe(e)}),value:Oe.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,h)=>{const x=h===0,m=e.notifications.length-1===h;return{label:t.jsx(_t,{sectionId:s,notificationData:f,users:o,style:{borderTopLeftRadius:x?i.sp2:void 0,borderTopRightRadius:x?i.sp2:void 0,borderBottomLeftRadius:m?i.sp2:void 0,borderBottomRightRadius:m?i.sp2:void 0},isHighlighted:p?.includes(f.inboxNotification.id)===!0,onNotificationTileClick:c}),value:f.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},go=n.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -253,7 +253,7 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:Ae}}=B.getLocalizedStrings(),bo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:r,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:u}=he(),p=u(s),f=g.useRef([]);return g.useEffect(()=>{f.current=f.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(wo,{style:r,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(Pe,{htmlFor:`${s}.${Ae.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:xe(e)}),value:Ae.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((h,x)=>{const m=x===0,k=e.notifications.length-1===x;return{label:t.jsx(Pe,{ref:I=>f.current[x]=I,htmlFor:`${s}.${h.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(yo,{sectionId:s,notificationData:h,users:o,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:p?.includes(h.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{f.current[x]?.click()}})}),value:h.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:d.colors.grey5}})})},wo=n.div`
+`,{common:{all:Ae}}=B.getLocalizedStrings(),bo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:r,isDisabled:l,onNotificationTileClick:c})=>{const d=K(),{getValues:u}=he(),p=u(s),f=g.useRef([]);return g.useEffect(()=>{f.current=f.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(wo,{style:r,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(Pe,{htmlFor:`${s}.${Ae.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:xe(e)}),value:Ae.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((h,x)=>{const m=x===0,k=e.notifications.length-1===x;return{label:t.jsx(Pe,{ref:I=>f.current[x]=I,htmlFor:`${s}.${h.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(yo,{sectionId:s,notificationData:h,users:o,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:p?.includes(h.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{f.current[x]?.click()}})}),value:h.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:d.colors.grey5}})})},wo=n.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -262,7 +262,7 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,yo=n(_t)``,$o=e=>v()==="small"?t.jsx(bo,{...e}):t.jsx(mo,{...e}),{commentsAndNotifications:{notifications:{message:jo}}}=B.getLocalizedStrings(),Be={rowGap:new _(w[0],w[5],w[5])},ko=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:r,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:u,onUpdateScrollYOffset:p,onFetchNotificationGroups:f,onNotificationClick:h})=>{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 I=g.useCallback(C=>{if(k.current?.[C]!=null){const G=x==="small"&&a===!1&&C===e.length-1?Be.rowGap.value("medium-regular"):Be.rowGap.value(x);return k.current[C]+G}return(mt*vt.value(x)+gt)*3+xt+bt},[x,k,e]),D=g.useCallback((C,G)=>{k.current={...k.current,[C]:G},m.current?.resetAfterIndex(0,!0)},[x,m,e]),L=g.useCallback(()=>{f()},[f]),b=g.useCallback(()=>{},[]),N=it(C=>p(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,V=g.useCallback(()=>a&&!s?L():b(),[a,s,L,b]),R=a?e.length+1:e.length;return t.jsx(vo,{children:t.jsx(Co,{windowSize:x,children:s&&e.length===0?t.jsx(io,{}):s===!1&&e.length===0?t.jsx(ot,{message:jo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(To,{windowSize:x,children:t.jsx(st,{children:({height:C,width:G})=>t.jsx(at,{isItemLoaded:j,itemCount:wt,loadMoreItems:V,children:({onItemsRendered:Y,ref:E})=>t.jsx(nt,{ref:W=>{E(W),m.current=W},height:C,itemCount:R,itemData:{notificationGroups:e,users:o,sectionId:r,checkBoxMode:l,isDisabled:u,isItemLoaded:j,setRowHeight:D,onNotificationClick:h},onItemsRendered:Y,itemSize:I,width:G,style:{willChange:"auto"},overscanCount:yt,onScroll:({scrollOffset:W})=>{N(W)},initialScrollOffset:c,children:So})})})})})})},So=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:r,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:u,setRowHeight:p,onNotificationClick:f}=s,h=g.useRef(null),x=v();if(g.useEffect(()=>{h.current?.firstElementChild!=null&&p(e,h.current.firstElementChild.clientHeight)},[e,h,x,a[e]?.notifications]),d(e)===!0){const m=a[e],k=le(m);return t.jsx(Fe,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:h,children:t.jsx($o,{notificationGroup:m,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:u,users:r,onNotificationTileClick:f})},k)}return t.jsx(Fe,{ref:h,style:{...o,paddingBottom:i.sp0},children:t.jsx(Ce,{numberOfRows:3})},ue())},vo=n.div`
+`,yo=n(_t)``,$o=e=>v()==="small"?t.jsx(bo,{...e}):t.jsx(mo,{...e}),{commentsAndNotifications:{notifications:{message:jo}}}=B.getLocalizedStrings(),Be={rowGap:new _(w[0],w[5],w[5])},ko=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:r,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:u,onUpdateScrollYOffset:p,onFetchNotificationGroups:f,onNotificationClick:h})=>{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 I=g.useCallback(C=>{if(k.current?.[C]!=null){const G=x==="small"&&a===!1&&C===e.length-1?Be.rowGap.value("medium-regular"):Be.rowGap.value(x);return k.current[C]+G}return(mt*vt.value(x)+gt)*3+xt+bt},[x,k,e]),D=g.useCallback((C,G)=>{k.current={...k.current,[C]:G},m.current?.resetAfterIndex(0,!0)},[x,m,e]),L=g.useCallback(()=>{f()},[f]),b=g.useCallback(()=>{},[]),N=it(C=>p(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,V=g.useCallback(()=>a&&!s?L():b(),[a,s,L,b]),R=a?e.length+1:e.length;return t.jsx(vo,{children:t.jsx(Co,{windowSize:x,children:s&&e.length===0?t.jsx(io,{}):s===!1&&e.length===0?t.jsx(ot,{message:jo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(To,{windowSize:x,children:t.jsx(st,{children:({height:C,width:G})=>t.jsx(at,{isItemLoaded:j,itemCount:wt,loadMoreItems:V,children:({onItemsRendered:W,ref:E})=>t.jsx(nt,{ref:Y=>{E(Y),m.current=Y},height:C,itemCount:R,itemData:{notificationGroups:e,users:o,sectionId:r,checkBoxMode:l,isDisabled:u,isItemLoaded:j,setRowHeight:D,onNotificationClick:h},onItemsRendered:W,itemSize:I,width:G,style:{willChange:"auto"},overscanCount:yt,onScroll:({scrollOffset:Y})=>{N(Y)},initialScrollOffset:c,children:So})})})})})})},So=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:r,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:u,setRowHeight:p,onNotificationClick:f}=s,h=g.useRef(null),x=v();if(g.useEffect(()=>{h.current?.firstElementChild!=null&&p(e,h.current.firstElementChild.clientHeight)},[e,h,x,a[e]?.notifications]),d(e)===!0){const m=a[e],k=le(m);return t.jsx(Fe,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:h,children:t.jsx($o,{notificationGroup:m,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:u,users:r,onNotificationTileClick:f})},k)}return t.jsx(Fe,{ref:h,style:{...o,paddingBottom:i.sp0},children:t.jsx(Ce,{numberOfRows:3})},ue())},vo=n.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -279,7 +279,7 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{in:No,strings:zt},dateFormat:Io,commentsAndNotifications:{notifications:{actionStrings:{notifications:A}}}}=B.getLocalizedStrings(),Dt=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 jt){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),u=$().subtract(Math.min($().date(),c),"d").endOf("d"),p=1;switch(r){case"today":case"yesterday":l=r==="today"?0:1,c=r==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),u=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=se(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:r,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),u=$().subtract(2,"d").endOf("d"),a=se(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:r,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),u=$().subtract(9,"d").endOf("d"),a=se(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:r,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=$().subtract(p,"month").startOf("M").startOf("d"),h=$().subtract(p,"month").endOf("M").endOf("d");p++,a=se(o,f,h),o=a.remainingData,s.push({start:f,end:h,type:r,notifications:a.singleGroup})}break}}return s},se=(e,o,s)=>{const a=[],r=e.map(l=>rt(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:r}},Lo=e=>{let o=A.newActivity;return e.code==="in_progress"?o=A.due.replace("__task_status__",_e(e.name.toLocaleLowerCase())):o=A.due.replace("__task_status__",No.toLocaleLowerCase().concat(zt.space,_e(e.name.toLocaleLowerCase()))),o},Ro=e=>{const{eventData:{activities:o}}=e;let s=A.newActivity;if(o.length>0){const a=o[0].activityType,r=o[0].metadata.eventStatus;switch(a){case"task_archived":s=A.archive;break;case"task_deleted":s=A.delete;break;case"task_activities":s=A.activities;break;case"task_assigned":s=A.assign;break;case"task_created":s=A.create;break;case"task_due":s=r!=null?Lo(r):A.dueTomorrow;break;case"task_overdue":s=A.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Io.visual.MMMDFormat)??zt.empty);break;case"task_status_updated":s=A.statusUpdate;break}}return s},Mt=new _(3,2,1,1,1),Ot=new _(w[8],33,33,33,35),ce={lineClamp:Mt,sectionWidth:Ot},At="notification-tile",{common:{and:Ge,other:_o,others:zo,texts:Do,timeStrings:Mo,strings:O,tags:Oo}}=B.getLocalizedStrings(),Ao=({sectionId:e,notificationData:o,isHighlighted:s=!1,style:a,onNotificationTileClick:r})=>{const{status:l,notificationId:c,eventData:{entitiyId:d,activities:u},createTime:p}=o;return t.jsxs(Ho,{notificationStatus:l,isHighlighted:s,style:a,"data-testid":me(e,`${At}-${c}`),onClick:()=>{r(c,d,l,u.length>0?u[0].activityType:void 0)},children:[t.jsx(Po,{...o}),t.jsx(Go,{...o}),t.jsx(Uo,{...o}),t.jsx(Eo,{createTime:p,notificationStatus:l})]})},Pt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(qo,{notificationStatus:o,children:s||O.hyphen})},Po=e=>{const o=v();return t.jsx(Jo,{windowSize:o,children:t.jsx(Pt,{...e})})},Bo=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(Zo,{children:[t.jsx(Ee,{backgroundColor:ze(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Ko,{}),t.jsx(Ee,{backgroundColor:ze(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Fo=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(q,{className:"userText",notificationStatus:o,children:[O.atTheRate,Do.zeniAI,O.space]});return r>0&&(r>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[O.atTheRate,U(s[0],!1),O.space]}),Ge,t.jsxs(q,{className:"userText",notificationStatus:o,children:[O.space,r-1,O.space,zo,O.space]})]}):r===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[O.atTheRate,U(s[0],!1),O.space]}),Ge,t.jsxs(q,{className:"userText",notificationStatus:o,children:[O.space,s.length===2?O.atTheRate+U(s[1],!1):_o,O.space]})]}):l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[O.atTheRate,U(s[0],!1),O.space]})),l},Bt=e=>t.jsxs(t.Fragment,{children:[t.jsx(Fo,{...e}),Ro(e),t.jsx(Bo,{...e})]}),Go=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Wo,{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(Bt,{...e})})},Ft=e=>{const{createTime:o,notificationStatus:s}=e,a=kt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Xo,{isNewNotification:a===Mo.justNow,children:a}),t.jsx(es,{notificationStatus:s})]})},Eo=e=>{const o=v();return t.jsx(Vo,{windowSize:o,children:t.jsx(Ft,{...e})})},Gt=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(fi,{tagTitle:Oo.overdue,textColor:{color:new je(S.alert),backgroundColor:new je("transparent"),borderColor:new je(S.alert)},showLoader:!1}):t.jsx(Qo,{})},Uo=e=>{const o=v();return t.jsx(Yo,{windowSize:o,children:t.jsx(Gt,{...e})})},Ho=n.div`
+`,{common:{in:No,strings:zt},dateFormat:Io,commentsAndNotifications:{notifications:{actionStrings:{notifications:A}}}}=B.getLocalizedStrings(),Dt=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 jt){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),u=$().subtract(Math.min($().date(),c),"d").endOf("d"),p=1;switch(r){case"today":case"yesterday":l=r==="today"?0:1,c=r==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),u=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=se(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:r,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),u=$().subtract(2,"d").endOf("d"),a=se(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:r,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),u=$().subtract(9,"d").endOf("d"),a=se(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:r,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=$().subtract(p,"month").startOf("M").startOf("d"),h=$().subtract(p,"month").endOf("M").endOf("d");p++,a=se(o,f,h),o=a.remainingData,s.push({start:f,end:h,type:r,notifications:a.singleGroup})}break}}return s},se=(e,o,s)=>{const a=[],r=e.map(l=>rt(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:r}},Lo=e=>{let o=A.newActivity;return e.code==="in_progress"?o=A.due.replace("__task_status__",_e(e.name.toLocaleLowerCase())):o=A.due.replace("__task_status__",No.toLocaleLowerCase().concat(zt.space,_e(e.name.toLocaleLowerCase()))),o},Ro=e=>{const{eventData:{activities:o}}=e;let s=A.newActivity;if(o.length>0){const a=o[0].activityType,r=o[0].metadata.eventStatus;switch(a){case"task_archived":s=A.archive;break;case"task_deleted":s=A.delete;break;case"task_activities":s=A.activities;break;case"task_assigned":s=A.assign;break;case"task_created":s=A.create;break;case"task_due":s=r!=null?Lo(r):A.dueTomorrow;break;case"task_overdue":s=A.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Io.visual.MMMDFormat)??zt.empty);break;case"task_status_updated":s=A.statusUpdate;break}}return s},Mt=new _(3,2,1,1,1),Ot=new _(w[8],33,33,33,35),ce={lineClamp:Mt,sectionWidth:Ot},At="notification-tile",{common:{and:Ge,other:_o,others:zo,texts:Do,timeStrings:Mo,strings:O,tags:Oo}}=B.getLocalizedStrings(),Ao=({sectionId:e,notificationData:o,isHighlighted:s=!1,style:a,onNotificationTileClick:r})=>{const{status:l,notificationId:c,eventData:{entitiyId:d,activities:u},createTime:p}=o;return t.jsxs(Ho,{notificationStatus:l,isHighlighted:s,style:a,"data-testid":me(e,`${At}-${c}`),onClick:()=>{r(c,d,l,u.length>0?u[0].activityType:void 0)},children:[t.jsx(Po,{...o}),t.jsx(Go,{...o}),t.jsx(Uo,{...o}),t.jsx(Eo,{createTime:p,notificationStatus:l})]})},Pt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(qo,{notificationStatus:o,children:s||O.hyphen})},Po=e=>{const o=v();return t.jsx(Jo,{windowSize:o,children:t.jsx(Pt,{...e})})},Bo=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(Zo,{children:[t.jsx(Ee,{backgroundColor:ze(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Xo,{}),t.jsx(Ee,{backgroundColor:ze(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Fo=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(q,{className:"userText",notificationStatus:o,children:[O.atTheRate,Do.zeniAI,O.space]});return r>0&&(r>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[O.atTheRate,U(s[0],!1),O.space]}),Ge,t.jsxs(q,{className:"userText",notificationStatus:o,children:[O.space,r-1,O.space,zo,O.space]})]}):r===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[O.atTheRate,U(s[0],!1),O.space]}),Ge,t.jsxs(q,{className:"userText",notificationStatus:o,children:[O.space,s.length===2?O.atTheRate+U(s[1],!1):_o,O.space]})]}):l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[O.atTheRate,U(s[0],!1),O.space]})),l},Bt=e=>t.jsxs(t.Fragment,{children:[t.jsx(Fo,{...e}),Ro(e),t.jsx(Bo,{...e})]}),Go=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Yo,{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(Bt,{...e})})},Ft=e=>{const{createTime:o,notificationStatus:s}=e,a=kt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Qo,{isNewNotification:a===Mo.justNow,children:a}),t.jsx(es,{notificationStatus:s})]})},Eo=e=>{const o=v();return t.jsx(Vo,{windowSize:o,children:t.jsx(Ft,{...e})})},Gt=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(fi,{tagTitle:Oo.overdue,textColor:{color:new je(S.alert),backgroundColor:new je("transparent"),borderColor:new je(S.alert)},showLoader:!1}):t.jsx(Ko,{})},Uo=e=>{const o=v();return t.jsx(Wo,{windowSize:o,children:t.jsx(Gt,{...e})})},Ho=n.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -336,13 +336,13 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,Yo=n(H)`
+`,Wo=n(H)`
   width: ${e=>e.windowSize==="small"?"unset":"10%"};
   display: flex;
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,Wo=n(ee)`
+`,Yo=n(ee)`
   color: inherit;
 
   ${e=>e.statusUpdate?P`
@@ -368,7 +368,7 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   color: ${e=>e.notificationStatus==="read"?e.theme.colors.grey1:S.brandColorJade};
 `,qo=n(ge)`
   color: inherit;
-`,Xo=n(ht)`
+`,Qo=n(ht)`
   flex-shrink: 0;
   color: ${e=>e.isNewNotification?e.theme.colors.primary:"inherit"};
 `,Zo=n.div`
@@ -383,11 +383,11 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   border: 1px solid ${e=>e.backgroundColor};
   padding: ${i.sp0} 6px;
   border-radius: ${i.sp1};
-`,Ko=n(gi)`
+`,Xo=n(gi)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Qo=n.div`
+`,Ko=n.div`
   display: flex;
   flex: 1 1 auto;
 `,es=n.div`
@@ -561,7 +561,7 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
           -webkit-box-orient: horizontal;
           gap: ${i.sp1};
         `};
-`,Ut=e=>v()==="small"?t.jsx(hs,{...e}):t.jsx(Ao,{...e}),{common:{all:Ve}}=B.getLocalizedStrings(),ys=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:r,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=he(),u=d(o);return t.jsx($s,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(js,{htmlFor:`${o}.${Ve.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:xe(e)}),value:Ve.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,f)=>{const h=f===0,x=e.notifications.length-1===f;return{label:t.jsx(Ut,{sectionId:o,notificationData:p,style:{borderTopLeftRadius:h?i.sp2:void 0,borderTopRightRadius:h?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0},isHighlighted:u?.includes(p.notificationId)===!0,onNotificationTileClick:l}),value:p.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:r,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},$s=n.div`
+`,Ut=e=>v()==="small"?t.jsx(hs,{...e}):t.jsx(Ao,{...e}),{common:{all:Ve}}=B.getLocalizedStrings(),ys=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:r,onNotificationTileClick:l})=>{const c=K(),{getValues:d}=he(),u=d(o);return t.jsx($s,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(js,{htmlFor:`${o}.${Ve.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:xe(e)}),value:Ve.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,f)=>{const h=f===0,x=e.notifications.length-1===f;return{label:t.jsx(Ut,{sectionId:o,notificationData:p,style:{borderTopLeftRadius:h?i.sp2:void 0,borderTopRightRadius:h?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0},isHighlighted:u?.includes(p.notificationId)===!0,onNotificationTileClick:l}),value:p.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:r,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},$s=n.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -570,16 +570,16 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:Ye}}=B.getLocalizedStrings(),ks=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:r,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=he(),u=d(o),p=g.useRef([]);return g.useEffect(()=>{p.current=p.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(Ss,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(We,{htmlFor:`${o}.${Ye.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:xe(e)}),value:Ye.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,h)=>{const x=h===0,m=e.notifications.length-1===h;return{label:t.jsx(We,{ref:k=>p.current[h]=k,htmlFor:`${o}.${f.notificationId}`,style:{padding:i.sp0},children:t.jsx(vs,{sectionId:o,notificationData:f,style:{borderTopLeftRadius:x?i.sp2:void 0,borderTopRightRadius:x?i.sp2:void 0,borderBottomLeftRadius:m?i.sp2:void 0,borderBottomRightRadius:m?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(f.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{p.current[h]?.click()}})}),value:f.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:r,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},Ss=n.div`
+`,{common:{all:We}}=B.getLocalizedStrings(),ks=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:r,onNotificationTileClick:l})=>{const c=K(),{getValues:d}=he(),u=d(o),p=g.useRef([]);return g.useEffect(()=>{p.current=p.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(Ss,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(Ye,{htmlFor:`${o}.${We.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:xe(e)}),value:We.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,h)=>{const x=h===0,m=e.notifications.length-1===h;return{label:t.jsx(Ye,{ref:k=>p.current[h]=k,htmlFor:`${o}.${f.notificationId}`,style:{padding:i.sp0},children:t.jsx(vs,{sectionId:o,notificationData:f,style:{borderTopLeftRadius:x?i.sp2:void 0,borderTopRightRadius:x?i.sp2:void 0,borderBottomLeftRadius:m?i.sp2:void 0,borderBottomRightRadius:m?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(f.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{p.current[h]?.click()}})}),value:f.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:r,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},Ss=n.div`
   display: flex;
   align-items: center;
   width: 100%;
-`,We=n(fe)`
+`,Ye=n(fe)`
   display: flex;
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,vs=n(Ut)``,Cs=e=>v()==="small"?t.jsx(ks,{...e}):t.jsx(ys,{...e}),{commentsAndNotifications:{notifications:{message:Ts}}}=B.getLocalizedStrings(),Je={rowGap:new _(w[0],w[5],w[5])},Ns=({notificationGroups:e,isFetching:o,hasMore:s,sectionId:a,checkBoxMode:r,scrollYOffset:l,currentSubTab:c,isDisabled:d,onUpdateScrollYOffset:u,onFetchNotificationGroups:p,onNotificationClick:f})=>{const h=v(),x=g.useRef(null),m=g.useRef({});g.useEffect(()=>{x.current?.resetAfterIndex(0,!0)},[h,x,e]),g.useEffect(()=>{x.current?.scrollTo(l)},[c]);const k=g.useCallback(R=>{if(m.current?.[R]!=null){const C=h==="small"&&s===!1&&R===e.length-1?Je.rowGap.value("medium-regular"):Je.rowGap.value(h);return m.current[R]+C}return(mt*Mt.value(h)+gt)*3+xt+bt},[h,m,e]),I=g.useCallback((R,C)=>{m.current={...m.current,[R]:C},x.current?.resetAfterIndex(0,!0)},[h,x,e]),D=g.useCallback(()=>{p()},[p]),L=g.useCallback(()=>{},[]),b=it(R=>u(R),1e3,{trailing:!0}),N=R=>!s||R<e.length,j=g.useCallback(()=>s&&!o?D():L(),[s,o,D,L]),V=s?e.length+1:e.length;return t.jsx(Ls,{children:t.jsx(Rs,{windowSize:h,children:o&&e.length===0?t.jsx(rs,{}):o===!1&&e.length===0?t.jsx(ot,{message:Ts.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(_s,{windowSize:h,children:t.jsx(st,{children:({height:R,width:C})=>t.jsx(at,{isItemLoaded:N,itemCount:wt,loadMoreItems:j,children:({onItemsRendered:G,ref:Y})=>t.jsx(nt,{ref:E=>{Y(E),x.current=E},height:R,itemCount:V,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:r,isDisabled:d,isItemLoaded:N,setRowHeight:I,onNotificationClick:f},onItemsRendered:G,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:yt,onScroll:({scrollOffset:E})=>{b(E)},initialScrollOffset:l,children:Is})})})})})})},Is=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:r,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:u,onNotificationClick:p}=s,f=g.useRef(null),h=v();if(g.useEffect(()=>{f.current?.firstElementChild!=null&&u(e,f.current.firstElementChild.clientHeight)},[e,f,h,a[e]?.notifications]),c(e)===!0){const x=a[e],m=le(x);return t.jsx(qe,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:f,children:t.jsx(Cs,{notificationGroup:x,sectionId:`${r}.${m}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:p})},m)}return t.jsx(qe,{ref:f,style:{...o,paddingBottom:i.sp0},children:t.jsx(Te,{numberOfRows:3})},ue())},Ls=n.div`
+`,vs=n(Ut)``,Cs=e=>v()==="small"?t.jsx(ks,{...e}):t.jsx(ys,{...e}),{commentsAndNotifications:{notifications:{message:Ts}}}=B.getLocalizedStrings(),Je={rowGap:new _(w[0],w[5],w[5])},Ns=({notificationGroups:e,isFetching:o,hasMore:s,sectionId:a,checkBoxMode:r,scrollYOffset:l,currentSubTab:c,isDisabled:d,onUpdateScrollYOffset:u,onFetchNotificationGroups:p,onNotificationClick:f})=>{const h=v(),x=g.useRef(null),m=g.useRef({});g.useEffect(()=>{x.current?.resetAfterIndex(0,!0)},[h,x,e]),g.useEffect(()=>{x.current?.scrollTo(l)},[c]);const k=g.useCallback(R=>{if(m.current?.[R]!=null){const C=h==="small"&&s===!1&&R===e.length-1?Je.rowGap.value("medium-regular"):Je.rowGap.value(h);return m.current[R]+C}return(mt*Mt.value(h)+gt)*3+xt+bt},[h,m,e]),I=g.useCallback((R,C)=>{m.current={...m.current,[R]:C},x.current?.resetAfterIndex(0,!0)},[h,x,e]),D=g.useCallback(()=>{p()},[p]),L=g.useCallback(()=>{},[]),b=it(R=>u(R),1e3,{trailing:!0}),N=R=>!s||R<e.length,j=g.useCallback(()=>s&&!o?D():L(),[s,o,D,L]),V=s?e.length+1:e.length;return t.jsx(Ls,{children:t.jsx(Rs,{windowSize:h,children:o&&e.length===0?t.jsx(rs,{}):o===!1&&e.length===0?t.jsx(ot,{message:Ts.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(_s,{windowSize:h,children:t.jsx(st,{children:({height:R,width:C})=>t.jsx(at,{isItemLoaded:N,itemCount:wt,loadMoreItems:j,children:({onItemsRendered:G,ref:W})=>t.jsx(nt,{ref:E=>{W(E),x.current=E},height:R,itemCount:V,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:r,isDisabled:d,isItemLoaded:N,setRowHeight:I,onNotificationClick:f},onItemsRendered:G,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:yt,onScroll:({scrollOffset:E})=>{b(E)},initialScrollOffset:l,children:Is})})})})})})},Is=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:r,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:u,onNotificationClick:p}=s,f=g.useRef(null),h=v();if(g.useEffect(()=>{f.current?.firstElementChild!=null&&u(e,f.current.firstElementChild.clientHeight)},[e,f,h,a[e]?.notifications]),c(e)===!0){const x=a[e],m=le(x);return t.jsx(qe,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:f,children:t.jsx(Cs,{notificationGroup:x,sectionId:`${r}.${m}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:p})},m)}return t.jsx(qe,{ref:f,style:{...o,paddingBottom:i.sp0},children:t.jsx(Te,{numberOfRows:3})},ue())},Ls=n.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -596,7 +596,7 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{all:Ne,texts:re,footer:zs,strings:{plus:Ds},numbers:{maximumCount:Xe}},commentsAndNotifications:{notifications:{title:Ms,texts:Ht,strings:Ze}}}=B.getLocalizedStrings(),ie={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])},Os={selectedNotificationsText:new ci("smallRegular","standardRegular")},Ke="notificationsPage",X="commentsNotificationsTable",Z="notificationsTable",Vt=20,fa=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:r,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:u,onUpdateNotificationViewSubTab:p,onFetchMoreNotifications:f,onUpdateNotificationStatus:h,onSettingsClick:x,onBackClick:m,onMarkAllNotificationsAsRead:k})=>{const I=Q(),D=v(),L=Qt({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>tt(e),[e]),values:g.useMemo(()=>tt(e),[e])}),{currentTab:b,currentSubTab:N,notificationDetailsByTab:j,allSubTabs:V,allNotifications:R,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:Y}=e,E=g.useMemo(()=>Object.keys(j).map(y=>({label:re[y],id:re[y].toLocaleLowerCase(),countDetails:{count:j[y].uiState.unreadCount,isFetching:j[y].fetchCountState.fetchState==="In-Progress"}})),[j]),W=g.useMemo(()=>V.map(y=>({label:y==="all"?Ne:re[y],id:y})),[V]),Yt=g.useMemo(()=>St(Y).filter(y=>y.notifications.length>0),[Y]),Wt=g.useMemo(()=>Dt(G).filter(y=>y.notifications.length>0),[G]),Jt=async(y,T)=>{const F=y.split(".")[0],J=[];F!=null&&(F===X||F===Z)&&(Object.values(T[F]).forEach(M=>{J.push(...M.filter(Kt=>Kt.includes(Ne.toLowerCase())===!1))}),d({selectedNotificationIds:J},b))};g.useEffect(()=>{const y=L.watch((T,{name:F})=>{F!=null&&T!=null&&ei(()=>Jt(F,T))});return()=>{y.unsubscribe()}});const be=g.useCallback(()=>{const y=[],T=j[b].selectedNotificationIdsForSubTab,F="read";if(b==="comments"){const J=C.filter(M=>M.inboxNotification.readAt==null).map(M=>M.inboxNotification.id);T.forEach(M=>{J.includes(M)&&y.push(M)})}else{const J=R.filter(M=>M.status!==F).map(M=>M.notificationId);T.forEach(M=>{J.includes(M)&&y.push(M)})}return y},[C,R,b,j]),qt=be().length>Vt?"disabled":a,we=L.watch(X),ye=L.watch(Z),Re=g.useCallback(()=>{f(b,N)},[f,b,N]),Xt=g.useCallback(()=>{if(b==="comments"){const y={};Object.keys(we).forEach(T=>{y[T]=[]}),L.reset({[X]:y,[Z]:ye},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const y={};Object.keys(ye).forEach(T=>{y[T]=[]}),L.reset({[Z]:y,[X]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[ye,we]),Zt=g.useCallback(()=>{const y=j[b].selectedNotificationIdsForSubTab,T="read",F=be();h(b,y,T,F)},[b,j,be,h]);return t.jsxs(Ps,{children:[t.jsx(ti,{source:"NotificationsPage",title:Ms.notifications,backgroundColor:I.colors.grey4,onBackClick:m,rightSideComponent:s===!0?t.jsx(Qs,{onClick:x}):t.jsx(Ks,{})}),t.jsx(Gs,{}),t.jsx(Fs,{windowSize:D,children:t.jsx(yi,{tabs:E,selectedTab:b,onTabChange:y=>{const T=bi(y);T!=null&&u(T)},subTabs:W,selectedSubTab:N,onSubTabChange:y=>{const T=xi(y);T!=null&&p(T)},subTabRightComponent:t.jsx(As,{notificationCount:j[b].uiState.unreadCount,markAsAllReadUpdateState:j[b].markAsAllReadState.fetchState,markAsReadUpdateState:j[b].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(b)}})})}),t.jsx(Bs,{windowSize:D,children:t.jsx(ii,{...L,children:t.jsx("form",{id:et(Ke),onSubmit:L.handleSubmit(Zt),style:{width:"100%"},children:b==="comments"?t.jsx(ko,{users:o,hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[N],currentSubTab:N,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Yt,sectionId:X,onFetchNotificationGroups:Re,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[N]:y}},b),onNotificationClick:l}):t.jsx(Ns,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[N],currentSubTab:N,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Wt,sectionId:Z,onFetchNotificationGroups:Re,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[N]:y}},b),onNotificationClick:r})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(oi,{formId:et(Ke),primaryBtn:{label:Ht.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:qt!=null},cancelBtn:{label:zs.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Xt},helperContainerStyle:D==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx($e,{controller:D!=="small",children:t.jsx(Qe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx($e,{controller:D==="small",children:t.jsx(Qe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx($e,{controller:D!=="small",children:t.jsx(Hs,{})})}):null]})},As=({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(Es,{variant:"tertiary",size:"small",label:Ht.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(ni,{size:"Small",start:!0}):t.jsx(Us,{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"}})},Qe=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Vs,{windowSize:o,children:[t.jsx(Ws,{children:t.jsx(Ys,{isCircular:e<10,children:t.jsx(Js,{children:e>Xe?`${Xe}${Ds}`:e})})}),t.jsxs(Zs,{windowSize:o,children:[t.jsx(qs,{children:e>1?Ze.notificationsSelected:Ze.notificationSelected}),e>Vt?t.jsx(Xs,{children:re.maxLimit}):null]})]})},Ps=n.div`
+`,{common:{all:Ne,texts:re,footer:zs,strings:{plus:Ds},numbers:{maximumCount:Qe}},commentsAndNotifications:{notifications:{title:Ms,texts:Ht,strings:Ze}}}=B.getLocalizedStrings(),ie={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])},Os={selectedNotificationsText:new ci("smallRegular","standardRegular")},Xe="notificationsPage",Q="commentsNotificationsTable",Z="notificationsTable",Vt=20,fa=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:r,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:u,onUpdateNotificationViewSubTab:p,onFetchMoreNotifications:f,onUpdateNotificationStatus:h,onSettingsClick:x,onBackClick:m,onMarkAllNotificationsAsRead:k})=>{const I=K(),D=v(),L=Kt({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>tt(e),[e]),values:g.useMemo(()=>tt(e),[e])}),{currentTab:b,currentSubTab:N,notificationDetailsByTab:j,allSubTabs:V,allNotifications:R,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:W}=e,E=g.useMemo(()=>Object.keys(j).map(y=>({label:re[y],id:re[y].toLocaleLowerCase(),countDetails:{count:j[y].uiState.unreadCount,isFetching:j[y].fetchCountState.fetchState==="In-Progress"}})),[j]),Y=g.useMemo(()=>V.map(y=>({label:y==="all"?Ne:re[y],id:y})),[V]),Wt=g.useMemo(()=>St(W).filter(y=>y.notifications.length>0),[W]),Yt=g.useMemo(()=>Dt(G).filter(y=>y.notifications.length>0),[G]),Jt=async(y,T)=>{const F=y.split(".")[0],J=[];F!=null&&(F===Q||F===Z)&&(Object.values(T[F]).forEach(M=>{J.push(...M.filter(Xt=>Xt.includes(Ne.toLowerCase())===!1))}),d({selectedNotificationIds:J},b))};g.useEffect(()=>{const y=L.watch((T,{name:F})=>{F!=null&&T!=null&&ei(()=>Jt(F,T))});return()=>{y.unsubscribe()}});const be=g.useCallback(()=>{const y=[],T=j[b].selectedNotificationIdsForSubTab,F="read";if(b==="comments"){const J=C.filter(M=>M.inboxNotification.readAt==null).map(M=>M.inboxNotification.id);T.forEach(M=>{J.includes(M)&&y.push(M)})}else{const J=R.filter(M=>M.status!==F).map(M=>M.notificationId);T.forEach(M=>{J.includes(M)&&y.push(M)})}return y},[C,R,b,j]),qt=be().length>Vt?"disabled":a,we=L.watch(Q),ye=L.watch(Z),Re=g.useCallback(()=>{f(b,N)},[f,b,N]),Qt=g.useCallback(()=>{if(b==="comments"){const y={};Object.keys(we).forEach(T=>{y[T]=[]}),L.reset({[Q]:y,[Z]:ye},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const y={};Object.keys(ye).forEach(T=>{y[T]=[]}),L.reset({[Z]:y,[Q]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[ye,we]),Zt=g.useCallback(()=>{const y=j[b].selectedNotificationIdsForSubTab,T="read",F=be();h(b,y,T,F)},[b,j,be,h]);return t.jsxs(Ps,{children:[t.jsx(ti,{source:"NotificationsPage",title:Ms.notifications,backgroundColor:I.colors.grey4,onBackClick:m,rightSideComponent:s===!0?t.jsx(Ks,{onClick:x}):t.jsx(Xs,{})}),t.jsx(Gs,{}),t.jsx(Fs,{windowSize:D,children:t.jsx(yi,{tabs:E,selectedTab:b,onTabChange:y=>{const T=bi(y);T!=null&&u(T)},subTabs:Y,selectedSubTab:N,onSubTabChange:y=>{const T=xi(y);T!=null&&p(T)},subTabRightComponent:t.jsx(As,{notificationCount:j[b].uiState.unreadCount,markAsAllReadUpdateState:j[b].markAsAllReadState.fetchState,markAsReadUpdateState:j[b].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(b)}})})}),t.jsx(Bs,{windowSize:D,children:t.jsx(ii,{...L,children:t.jsx("form",{id:et(Xe),onSubmit:L.handleSubmit(Zt),style:{width:"100%"},children:b==="comments"?t.jsx(ko,{users:o,hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[N],currentSubTab:N,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Wt,sectionId:Q,onFetchNotificationGroups:Re,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[N]:y}},b),onNotificationClick:l}):t.jsx(Ns,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[N],currentSubTab:N,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Yt,sectionId:Z,onFetchNotificationGroups:Re,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[N]:y}},b),onNotificationClick:r})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(oi,{formId:et(Xe),primaryBtn:{label:Ht.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:qt!=null},cancelBtn:{label:zs.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(Ke,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx($e,{controller:D==="small",children:t.jsx(Ke,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx($e,{controller:D!=="small",children:t.jsx(Hs,{})})}):null]})},As=({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(Es,{variant:"tertiary",size:"small",label:Ht.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(ni,{size:"Small",start:!0}):t.jsx(Us,{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"}})},Ke=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Vs,{windowSize:o,children:[t.jsx(Ys,{children:t.jsx(Ws,{isCircular:e<10,children:t.jsx(Js,{children:e>Qe?`${Qe}${Ds}`:e})})}),t.jsxs(Zs,{windowSize:o,children:[t.jsx(qs,{children:e>1?Ze.notificationsSelected:Ze.notificationSelected}),e>Vt?t.jsx(Qs,{children:re.maxLimit}):null]})]})},Ps=n.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -636,7 +636,7 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   flex-direction: row;
   gap: ${i.sp2};
   margin-left: ${e=>ie.selectedNotificationsTextMarginLeft.valuePx(e.windowSize)};
-`,Ys=n.div`
+`,Ws=n.div`
   ${e=>e.isCircular?P`
           height: ${i.sp3};
           width: ${i.sp3};
@@ -648,7 +648,7 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
         `}
   background-color: transparent;
   border-radius: inherit;
-`,Ws=n.div`
+`,Ys=n.div`
   border: 1px solid ${e=>e.theme.colors.grey1};
   border-radius: ${i.sp12};
   padding: 2px;
@@ -661,7 +661,7 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   color: ${e=>e.theme.colors.hero};
 `,qs=n(lt)`
   display: flex;
-`,Xs=n(ui)`
+`,Qs=n(ui)`
   display: flex;
   color: ${S.important};
   margin-left: ${i.sp1};
@@ -671,10 +671,10 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   display: flex;
   align-items: center;
   flex-wrap: wrap;
-`,Ks=n.div`
+`,Xs=n.div`
   width: ${i.sp4};
   height: ${i.sp4};
-`,Qs=n(si)`
+`,Ks=n(si)`
   color: ${e=>e.theme.colors.hero};
   width: ${i.sp4};
   height: ${i.sp4};
@@ -682,4 +682,4 @@ import{f as Q,K as v,aa as Qt,cJ as ei,V as t,bE as ti,ae as ii,aT as oi,o as i,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,et=e=>`${e}_form`,tt=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:r}}}=e,l={};Dt(o).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(p=>p.notificationId);l[le(d)]=a.filter(p=>u.includes(p))});const c={};return St(s).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(p=>p.inboxNotification.id);c[le(d)]=r.filter(p=>u.includes(p))}),{[X]:c,[Z]:l}},ma=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(r=>{r.includes(Ne.toLocaleLowerCase())===!1&&o.includes(r)&&s.push(r)})}),s};export{fa as default,ma as getSelectedNotificationIds,et as uniqueFormName};
+`,et=e=>`${e}_form`,tt=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:r}}}=e,l={};Dt(o).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(p=>p.notificationId);l[le(d)]=a.filter(p=>u.includes(p))});const c={};return St(s).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(p=>p.inboxNotification.id);c[le(d)]=r.filter(p=>u.includes(p))}),{[Q]:c,[Z]:l}},ma=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(r=>{r.includes(Ne.toLocaleLowerCase())===!1&&o.includes(r)&&s.push(r)})}),s};export{fa as default,ma as getSelectedNotificationIds,et as uniqueFormName};

package/dist/assets/{OpExByVendorPage-BwWSNQjj-ArHXz_mI.js → OpExByVendorPage-QyqRkD2_-BZtZlU0k.js}

@@ -1,4 +1,4 @@
-import{K as X,ij as Ce,O as B,f as J,cg as _e,aA as ve,V as t,bQ as Se,ac as P,ii as we,bF as ke,bE as Be,ik as Oe,il as Te,o as u,aV as je,L as Pe,x as V,b5 as le,aG as ce,aX as $e,u as O,ci as De,cj as Ne,ck as Ie,bN as Ee,p as a,an as de,w as ee,a_ as Ae}from"./index-uV9C0lq0.js";import{a as x,P as Le}from"./sentry-rcvLxAzW.js";import{n as m}from"./mui-CgOsYmSB.js";import{GT as Me}from"./zeni-epic-state-D5MWzrZ6.js";import{p as Fe,d as Ve,y as H,b as pe,u as oe}from"./chartTypes-Bckf_DAs-Bp9EYUYX.js";import{V as ze}from"./toChartData-C-X2WzOE-DjbtnWdG.js";import{m as z}from"./analyticsHelper-BznLUYs2-PwxmAlPi.js";import{y as Re,M as re}from"./TimeRangeSwitcher-CXt00my3-kyL42Suj.js";import{X as Ke}from"./TimeframeSwitcherWithToggle-CMzQ2qRz-CKP0fk1A.js";import{C as We}from"./NoDataChart-tpjEi1Wb-CneSdGWB.js";import{d as Ge}from"./NoDataTable-BtEKMdpl-5T10t8Bw.js";import{H as Ye}from"./BalancesInsightWithToolTip-B0YZt5m3-DjqAngZd.js";import{n as R}from"./getReferrerType-DjPOy76W-DRP5VHem.js";import{X as He,J as q}from"./CollapsableReportTable-CcyH-50D-D4qh_Iwq.js";import{o as he}from"./mapTimeframeBalancesToTreeNode-CoqcGXTM-BAVPnmdP.js";import{d as ae}from"./mapLoadingInProgressToTreeNode-DcYetEpP-CsO00r3l.js";import{l as Xe}from"./mapSpacerToTreeNode-D02PFsN8-CpAel0E8.js";import{N as Je,I as qe,X as Ue,Y as Qe,J as Ze,K as eo}from"./recharts-B5a8DAKj.js";import"./liveblocks-PPyiYwu4.js";import"./core-DpPwA1EY.js";import"./lottie-CwowL814.js";import"./analytics-R4GG3mhr.js";import"./lexical-WuSd_Y3l.js";import"./utils-GKlM-QyI.js";import"./TimeframeSwitcher-D0ujXDLd-DkH3ill0.js";import"./graphic-no-data-l-DU4J8fDt-CDoGR872.js";import"./AccountRow-2vAGu-jm-Ban2UP27.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="10b09125-0907-464d-acc6-e3fe30f0118c",e._sentryDebugIdIdentifier="sentry-dbid-10b09125-0907-464d-acc6-e3fe30f0118c")}catch{}})();const oo=m.div`
+import{e as q,io as Ce,O as B,g as X,cl as _e,aA as ve,V as t,bT as Se,ac as j,im as we,bF as ke,bE as Be,ip as Te,iq as Oe,o as u,aV as $e,L as je,x as V,b5 as le,aG as ce,aX as Pe,u as T,cn as De,co as Ne,cp as Ie,bN as Ee,d as a,an as de,w as ee,a_ as Ae}from"./index-aCBnCBoN.js";import{a as x,P as Le}from"./sentry-DzaNjvx0.js";import{n as m}from"./mui-BosmckWV.js";import{GT as Me}from"./zeni-epic-state-BNpJ2txa.js";import{p as Fe,d as Ve,y as H,b as pe,u as oe}from"./chartTypes-C14YY2Rq-DHigu710.js";import{V as ze}from"./toChartData-G5y-N82I-BBptd2Gk.js";import{m as z}from"./analyticsHelper-Bh8o1v3y-C4Sojiq_.js";import{y as Re,M as re}from"./TimeRangeSwitcher-SqY2MHGs-Bpa_mFEa.js";import{X as Ke}from"./TimeframeSwitcherWithToggle-Dgc1odUH-CNwpIwWb.js";import{C as We}from"./NoDataChart-DJhSgtLu-B7rWK9ww.js";import{d as Ge}from"./NoDataTable-BZiwo2qK-1fFq9QL7.js";import{H as Ye}from"./BalancesInsightWithToolTip-DE6gDjGA-D3lvmUPJ.js";import{n as R}from"./getReferrerType-DjPOy76W-DRP5VHem.js";import{n as He,t as J}from"./CollapsableReportTable-gy7Ue_fk-D4P0G-Lp.js";import{o as he}from"./mapTimeframeBalancesToTreeNode-Drhl_lnP-CrhrR0QG.js";import{d as ae}from"./mapLoadingInProgressToTreeNode-DTyQHWMc-CfKVg64X.js";import{l as qe}from"./mapSpacerToTreeNode-Cd4FCXAf-BQ_XhzIu.js";import{N as Xe,I as Je,X as Ue,Y as Ze,J as Qe,K as eo}from"./recharts-CimMNwCJ.js";import"./liveblocks-CEY7tsth.js";import"./core-Cjh03OPu.js";import"./lottie-BmLFYENY.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.js";import"./TimeframeSwitcher-BlJ2fuHy-8yHS99Lr.js";import"./graphic-no-data-l-DU4J8fDt-CxIH_dl6.js";import"./AccountRow-CdgvnPG8-BbJV8Q8M.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="88fa247a-218c-45d7-a224-14cec8a1746e",e._sentryDebugIdIdentifier="sentry-dbid-88fa247a-218c-45d7-a224-14cec8a1746e")}catch{}})();const oo=m.div`
   display: flex;
 `,ro=m.div`
   flex: display;
@@ -25,7 +25,7 @@ import{K as X,ij as Ce,O as B,f as J,cg as _e,aA as ve,V as t,bQ as Se,ac as P,i
 `,to=({active:e,payload:r,barName:o})=>{const n=[];if(r!==void 0&&e===!0){const l=r.filter(y=>y.name==o)[0],i=l.payload,h=l.color,s={amount:i.record[o].amount?.amount??0,currencyCode:i.record[o].amount?.currencyCode??"",currencySymbol:i.record[o].amount?.currencySymbol??""},p={amount:0,currencyCode:"",currencySymbol:""};let g=0,c;for(c in i.record)c.endsWith("_actual")&&(g+=i.record[c].amount?.amount??0);p.amount=g,p.currencyCode=s.currencyCode,p.currencySymbol=s.currencySymbol,n.push({barName:pe(o),actual:s,color:h,total:p,timeframeTick:i.timeLabel})}return n},no=({barLabelsWithValues:e,getVendorName:r})=>t.jsx(oo,{children:t.jsxs(ro,{children:[t.jsxs(te,{children:[t.jsx(ne,{color:e[0].color,children:`${r(e[0].timeframeTick,e[0].barName)}`}),t.jsx(se,{color:e[0].color,children:`${oe(e[0].actual)}`})]}),t.jsx(ao,{}),t.jsxs(te,{children:[t.jsx(ne,{color:a.primaryDark,children:`${B.getLocalizedStrings().chartCard.total}`}),t.jsx(se,{children:`${oe(e[0].total)}`})]})]})}),so=e=>{const r=to({...e});return r.length===0?null:t.jsx(no,{barLabelsWithValues:r,getVendorName:e.getVendorName})},io=Le.memo(so),ie=[a.graphColor34,a.graphColor05,a.graphColor08,a.graphColor11,a.graphColor13,a.graphColor19,a.graphColor29,a.graphColor28,a.graphColor20,a.graphColor21,a.graphColor22,a.graphColor14,a.graphColor35,a.graphColor31,a.graphColor33,a.graphColor32,a.graphColor36,a.graphColor02,a.graphColor06,a.graphColor04,a.graphColor10,a.graphColor12,a.graphColor15,a.graphColor18,a.graphColor17,a.graphColor07,a.graphColor34Dark,a.graphColor05Dark,a.graphColor08Dark,a.graphColor11Dark,a.graphColor13Dark,a.graphColor19Dark,a.graphColor29Dark,a.graphColor28Dark,a.graphColor20Dark,a.graphColor21Dark,a.graphColor22Dark,a.graphColor14Dark,a.graphColor35Dark,a.graphColor31Dark,a.graphColor33Dark,a.graphColor32Dark,a.graphColor36Dark,a.graphColor02Dark,a.graphColor06Dark,a.graphColor04Dark,a.graphColor10Dark,a.graphColor12Dark,a.graphColor15Dark,a.graphColor18Dark,a.graphColor17Dark,a.graphColor07Dark];class I{_barColors;_barColorsKeyWise;_defaultColor;constructor(){this._defaultColor=a.graphColor34,this._barColors=ie.slice(),this._barColorsKeyWise=new Map}static#e=new I;getBarColor(r){const o=I.instance();return o._barColorsKeyWise.has(r)||(o._barColors.length===0&&(o._barColors=ie.slice()),o._barColorsKeyWise.set(r,o._barColors.shift()??o._defaultColor)),o._barColorsKeyWise.get(r)}shouldUpdate(r){const o=I.instance(),n=Array.from(o._barColorsKeyWise.keys()).sort();return!ce(n,r)}static init(){return this.#e=new I,this.#e}static instance(){return this.#e}}const lo=I.instance(),co=(e,r)=>{const o=new Set,n={};let l;const i=r.top4VendorsAndOthers;return Object.keys(i).length>0&&Object.keys(i).forEach(h=>{i[h].forEach((s,p)=>{const g=`vendor_${p}`,c=Fe(g,"actual");o.add(c),l==null&&s.balance!=null&&(l=c),n[c]!=null?n[c].push({key:c,balance:s.balance}):n[c]=[{key:c,balance:s.balance}]})}),l!=null?ze(e,[...o],l,n):void 0},po=m.div`
   width: ${e=>e.width}px;
   height: ${e=>e.height}px;
-`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:n=!1,isDetailPage:l=!1}){const i=x.useRef(!1),h=lo,[s,p]=x.useState(void 0);x.useEffect(()=>{i.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(C=>{const v=l===!0&&!i.current;d.push(y(C,v))}),d},y=(d,C)=>t.jsx(eo,{name:d,animationDuration:C?500:void 0,style:{cursor:"pointer"},dataKey:v=>{const k=v.record;return(k[d]?.amount!=null?k[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(pe(d)),onMouseEnter:()=>{s!==d&&p(d)},onMouseLeave:()=>{s!=null&&p(void 0)}},d),_=({active:d,payload:C})=>C?.find(v=>v.name===s)!=null&&s!=null&&d===!0?t.jsx(io,{active:d,payload:C,barName:s,getVendorName:f}):null,f=(d,C)=>{const v=Me(d);try{const k=C.split("_")[1];return e.top4VendorsAndOthers[v][parseInt(k)].vendor.name}catch(k){return console.warn("Was not able to parse vendor index for tooltip ",k),""}};return g==null?null:t.jsx(mo,{chartData:g,showBarHoverBackground:n,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:n,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const s=J(),p=Ve(e),g=i!==!1,c=h?(n-60)/H.operating_expenses_by_vendor*(H.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:n,height:l,"data-testid":P("op-ex-by-vendor-chart"),children:t.jsx(le,{children:({height:y,width:_})=>t.jsxs(Je,{width:_,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?O[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(qe,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:s.colors.grey3}),t.jsx(Ue,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:s.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:s.colors.hero,...ee.extraSmallRegular.cssObject}}),t.jsx(Qe,{type:"number",axisLine:!1,tickLine:!1,tick:{color:s.colors.hero,...ee.extraSmallRegular.cssObject},tickFormatter:f=>Ae("0,0.[00]a",f,p)}),t.jsx(Ze,{wrapperStyle:{zIndex:2},cursor:g?{stroke:s.colors.background,strokeWidth:(_-120)/H.operating_expenses_by_vendor,fill:s.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function go(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function uo(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:n}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:n,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function fo(e){const r=uo(e);if(r!=null)return yo(e.statementEndPoint,e.authParams,r)}async function yo(e,r,o){const n=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,n.defaultFileName),s=await i.arrayBuffer();Ie(s,h)}else console.error(`${n.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${n.reportErrorMessage} ${JSON.stringify(i)}`)}}function bo({title:e,balances:r,config:o,nodeId:n}){return{children:[],id:n??q("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function xo({config:e,isLastNode:r,numOfBalances:o,opExByVendor:n,title:l,vendorRowIndex:i}){const h=n.account?.accountName??"-",s=n.classBase?.className??"-",p=q("vendor_row",[],l+h+s);return{children:[],id:p,isLastNode:r,reportElementData:{element:{kind:"vendor_row",title:l,data:n,numOfBalances:o,index:i},config:e}}}function Co({title:e,balances:r,config:o,numOfBalances:n,nodeId:l}){return{children:[],id:l??q("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:n},config:o}}}const _o=(e,r,o,n=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=he({balances:i,config:o}),s=[];s.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((y,_)=>{s.push(ae({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=Co({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});s.push(f)}const y=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>xo({config:o,isLastNode:d===e.opexBalances.length-1&&y==null,numOfBalances:l,opExByVendor:f,title:f.vendor.name,vendorRowIndex:d}));s.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{s.push(ae({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{s.push(Xe({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&s.push(bo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:n?[h]:[],contentNodes:s}};function vo(e,r,o,n=!0){Object.assign(e.config,r);const l=So(o),i=he({balances:l,config:r});return{config:r,headerNodes:n?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new V(288,360),wrapperPadding:new V(O[3],O[3],O[8]),contentPaddingLeft:new V(O[0],O[0],O[0]),contentPaddingRight:new V(O[3],O[3],O[8])},wo=m.div`
+`;function ho({selectedRangeReport:e,width:r,height:o,showBarHoverBackground:n=!1,isDetailPage:l=!1}){const i=x.useRef(!1),h=lo,[s,p]=x.useState(void 0);x.useEffect(()=>{i.current=!0},[]);const g=co(e.firstMonthOfFY,e),c=()=>{const d=[];return g?.orderedKeys.forEach(C=>{const v=l===!0&&!i.current;d.push(y(C,v))}),d},y=(d,C)=>t.jsx(eo,{name:d,animationDuration:C?500:void 0,style:{cursor:"pointer"},dataKey:v=>{const k=v.record;return(k[d]?.amount!=null?k[d].amount:void 0)?.amount??0},stackId:"chartByTimeSeries",fill:h.getBarColor(pe(d)),onMouseEnter:()=>{s!==d&&p(d)},onMouseLeave:()=>{s!=null&&p(void 0)}},d),_=({active:d,payload:C})=>C?.find(v=>v.name===s)!=null&&s!=null&&d===!0?t.jsx(io,{active:d,payload:C,barName:s,getVendorName:f}):null,f=(d,C)=>{const v=Me(d);try{const k=C.split("_")[1];return e.top4VendorsAndOthers[v][parseInt(k)].vendor.name}catch(k){return console.warn("Was not able to parse vendor index for tooltip ",k),""}};return g==null?null:t.jsx(mo,{chartData:g,showBarHoverBackground:n,barElements:c(),customToolTipContent:t.jsx(_,{}),width:r,height:o,isDetailPage:l===!0})}const mo=({chartData:e,barElements:r,customToolTipContent:o,width:n,height:l,showBarHoverBackground:i=!1,isDetailPage:h})=>{const s=X(),p=Ve(e),g=i!==!1,c=h?(n-60)/H.operating_expenses_by_vendor*(H.operating_expenses_by_vendor-e.timeseries.length):20;return t.jsx(po,{width:n,height:l,"data-testid":j("op-ex-by-vendor-chart"),children:t.jsx(le,{children:({height:y,width:_})=>t.jsxs(Xe,{width:_,height:y,stackOffset:"sign",data:e.recordByTimeseries,barCategoryGap:"25%",maxBarSize:h?T[5]:30,margin:{top:5,right:c,left:0,bottom:5},style:{display:"flex",flex:"1 1 auto"},children:[t.jsx(Je,{horizontal:!0,vertical:!1,strokeWidth:.5,stroke:s.colors.grey3}),t.jsx(Ue,{dataKey:f=>f.timeLabel.label,type:"category",axisLine:{stroke:s.colors.grey3,strokeWidth:.5},tickLine:!1,tick:{color:s.colors.hero,...ee.extraSmallRegular.cssObject}}),t.jsx(Ze,{type:"number",axisLine:!1,tickLine:!1,tick:{color:s.colors.hero,...ee.extraSmallRegular.cssObject},tickFormatter:f=>Ae("0,0.[00]a",f,p)}),t.jsx(Qe,{wrapperStyle:{zIndex:2},cursor:g?{stroke:s.colors.background,strokeWidth:(_-120)/H.operating_expenses_by_vendor,fill:s.colors.background}:!1,content:o,allowEscapeViewBox:{x:!1,y:!0}}),r]})})})};function go(e){return{locale_id:e.localeId,show_negative_amount_in_parenthesis:e.showNegativeAmountInParenthesis,filter_accounts_with_nil_balances:e.filterAccountsWithNilBalances,filter_account_groups_with_nil_balances:e.filterAccountGroupsWithNilBalances,company_name:e.companyName,statement_file_type:e.statementFileType,timeframe:e.timeframe,timezone:e.timezone,additional_balances:e.additionalBalances,format:e.format,sort_key:e.sortKey,sort_order:e.sortOrder,is_compare_mode_on:e.isCompareModeOn,search_string:e.searchString}}function uo(e){const{isCompareModeOn:r,report:o,currentTenantCompanyName:n}=e,l=[];if(r&&(l.push("this_period_vs_last_period_percent"),l.push("this_period_vs_last_period")),o.dataAvailable!=null)return{localeId:B.getAppLocaleID(),showNegativeAmountInParenthesis:!0,filterAccountsWithNilBalances:"filter_actual_nil_balances",filterAccountGroupsWithNilBalances:"filter_actual_forecast_empty_account_group_balances",companyName:n,statementFileType:"excel",timeframe:e.timeframe,timezone:e.timezone,additionalBalances:l,format:e.reportType,sortKey:e.sortKey,sortOrder:e.sortOrder,isCompareModeOn:e.isCompareModeOn,searchString:e.searchString}}function fo(e){const r=uo(e);if(r!=null)return yo(e.statementEndPoint,e.authParams,r)}async function yo(e,r,o){const n=B.getLocalizedStrings().downloadReport,l=`${e}?query=${encodeURIComponent(JSON.stringify(go(o)))}`;try{const i=await De({urlEndPoint:l,authParams:r,fileType:o.statementFileType});if(i.ok){const h=Ne(i.headers,n.defaultFileName),s=await i.arrayBuffer();Ie(s,h)}else console.error(`${n.reportErrorMessage} ${i.statusText}`)}catch(i){console.error(`${n.reportErrorMessage} ${JSON.stringify(i)}`)}}function bo({title:e,balances:r,config:o,nodeId:n}){return{children:[],id:n??J("title_string_only",[]),isLastNode:!1,reportElementData:{element:{kind:"title_string_only",title:e,data:r,numOfBalances:r.length},config:o}}}function xo({config:e,isLastNode:r,numOfBalances:o,opExByVendor:n,title:l,vendorRowIndex:i}){const h=n.account?.accountName??"-",s=n.classBase?.className??"-",p=J("vendor_row",[],l+h+s);return{children:[],id:p,isLastNode:r,reportElementData:{element:{kind:"vendor_row",title:l,data:n,numOfBalances:o,index:i},config:e}}}function Co({title:e,balances:r,config:o,numOfBalances:n,nodeId:l}){return{children:[],id:l??J("total",[]),isLastNode:!1,reportElementData:{element:{kind:"total",title:e,data:r,numOfBalances:n},config:o}}}const _o=(e,r,o,n=!0)=>{const l=o.mode==="this_period_vs_period_before"?e.filter.balancesRange.numberOfPeriods+1:e.filter.balancesRange.numberOfPeriods,i=e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[];e.totalBalances?.totalBalance!=null&&i.push(e.totalBalances.totalBalance);const h=he({balances:i,config:o}),s=[];s.push(h);const p=B.getLocalizedStrings().vendors.opExByVendor,g=o.opexByVendorConfig?.sortOrSearchInProgress??!1,c=o.opexByVendorConfig?.pageFetchInProgress??!1;if(g===!0)[...Array(10)].forEach((y,_)=>{s.push(ae({title:`${_}+${p.loading}`,balances:i,config:o}))});else if(e.opexBalances.length>0){if(!r.searchString){const f=Co({title:B.getLocalizedStrings().chartCard.total,balances:e.totalBalances,config:o,numOfBalances:l});s.push(f)}const y=r.pageToken[r.timeframe],_=e.opexBalances.map((f,d)=>xo({config:o,isLastNode:d===e.opexBalances.length-1&&y==null,numOfBalances:l,opExByVendor:f,title:f.vendor.name,vendorRowIndex:d}));s.push(..._),c===!0&&[...Array(1)].forEach((f,d)=>{s.push(ae({title:`${d}+${p.loading}`,balances:i,config:o}))}),[...Array(1)].forEach((f,d)=>{s.push(qe({title:`${d}+${p.loading}`,balances:[],config:o}))})}return e.opexBalances.length===0&&g!==!0&&s.push(bo({title:B.getLocalizedStrings().vendors.opExByVendor.noResultsFound,balances:i,config:o})),{config:o,headerNodes:n?[h]:[],contentNodes:s}};function vo(e,r,o,n=!0){Object.assign(e.config,r);const l=So(o),i=he({balances:l,config:r});return{config:r,headerNodes:n?[i]:[],contentNodes:[i,...e.contentNodes.slice(1)]}}const So=e=>e.totalBalances!=null?[...e.totalBalances.balances,...e.totalBalances.additionalBalances]:[],E={chartHeight:new V(288,360),wrapperPadding:new V(T[3],T[3],T[8]),contentPaddingLeft:new V(T[0],T[0],T[0]),contentPaddingRight:new V(T[3],T[3],T[8])},wo=m.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -48,14 +48,14 @@ import{K as X,ij as Ce,O as B,f as J,cg as _e,aA as ve,V as t,bQ as Se,ac as P,i
   justify-content: center;
   align-items: center;
   background-color: ${e=>e.theme.colors.grey5};
-`,Oo=m.div`
+`,To=m.div`
   display: flex;
   width: 100%;
   height: 100vh;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-`,To=m.div`
+`,Oo=m.div`
   height: 96px;
   width: 96px;
   background: ${e=>e.theme.colors.background};
@@ -70,13 +70,13 @@ import{K as X,ij as Ce,O as B,f as J,cg as _e,aA as ve,V as t,bQ as Se,ac as P,i
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,jo=m(je)`
+`,$o=m($e)`
   margin-top: ${u.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Po=m.div`
+`,jo=m.div`
   display: flex;
   padding: ${u.sp2} ${u.sp0} ${u.sp4} ${u.sp0};
-`,$o=m.div``,Do=m.div``,No=m.div`
+`,Po=m.div``,Do=m.div``,No=m.div`
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
@@ -97,4 +97,4 @@ import{K as X,ij as Ce,O as B,f as J,cg as _e,aA as ve,V as t,bQ as Se,ac as P,i
 `,Lo=m.div`
   width: 100%;
   height: calc(100vh - ${u.sp11});
-`,Mo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx(Pe,{size:"ExtraLarge",start:!0})}):null,fr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:n,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:s,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:C,updateDownloadStateHandler:v,onClearSearch:k,analytics:T,onClickMenuIcon:K})=>{const[$,A]=x.useState(o.searchString[o.timeframe]),[L,M]=x.useState(!1),S=X(),D=x.useRef(null),W=Ce(r),me=W.length>1,ge=B.getLocalizedStrings().reports.common,U=B.getLocalizedStrings().vendors,Q=J(),ue=["month","quarter"],fe=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,F=o.mode==="compare_mode"&&!fe,G=e.allTimeframeTicks.length===0,{timeframe:j}=o,N=o.searchString[j];_e({componentName:"vendors.opex_by_vendor.list"});const ye=x.useCallback(w=>{s(j,N,w)},[j,N,s]),be=x.useCallback((w,b)=>{window.scrollTo({top:D.current?.offsetTop,behavior:"smooth"}),w.length>0?(y(!0),s(b,w,!1)):(y(!1),k(b))},[k,s,y]),Z=x.useRef(ve((w,b)=>be(w,b),500,{trailing:!0})).current,xe=(w,b)=>{c(w,b,j),y(!0),s(j,N,!1)};if(x.useEffect(()=>{async function w(){await fo({report:e,isCompareModeOn:F,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[j],...n}),T?.trackDownload(R("operating_expenses_by_vendor"),z(o.timeframe),"excel",F),v("Completed")}L&&o.downloadState!=="In-Progress"&&(M(!1),v("In-Progress"),w())},[e,o,F,n,o.downloadState,L]),x.useEffect(()=>{A(N)},[N]),e.fetchState==="Error")return t.jsxs(Oo,{children:[t.jsx(To,{"data-testid":P("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx(jo,{children:ge.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Mo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(we,{isSearchOpen:(N?.length??0)>0,searchBarDataTestId:P("op-ex-by-vendor-search-bar"),searchPlaceHolder:U.common.searchPlaceholder,searchText:$??"",onSearchTextChanged:b=>{A(b),b.trim().length>=2?Z(b,j):b.trim().length==0&&Z("",j)},downloadPresent:!0}),t.jsx(ke,{downloadButtonDataTestId:P("op-ex-by-vendor-download"),downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:G,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async b=>{if(b==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(wo,{windowSize:S,children:[t.jsx(Be,{title:U.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:Q.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:S==="medium-compact"||S==="small",downloadPresent:!0,onClickMenuIcon:K,source:"OpExByVendorPage"}),t.jsxs(ko,{windowSize:S,children:[me?t.jsx(Oe,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${Q.colors.grey3}`},onTabChange:b=>l(Te(b.id)),previousTabPosition:d,setPreviousTabPosition:C}):null,t.jsx(Fo,{allTimeframeTicks:e.allTimeframeTicks,analytics:T,firstMonthOfFY:e.firstMonthOfFY,isCompareModeOn:F,mode:o.mode,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,selectedCOABalancesRange:e.filter.balancesRange,selectedTimeframe:o.timeframe,timeframes:ue}),Y!=null?t.jsx(Eo,{"data-testid":P("op-ex-by-vendor-insight-container"),children:t.jsx(Ye,{balance:Y,dateText:Ro(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:G})]}),t.jsx(zo,{reference:D,report:e,uiState:o,isEmptyPeriod:G,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:xe,handleFetchOpExByVendor:ye,onPageFetchStarted:f,analytics:T})]})}return t.jsx(t.Fragment,{})},Fo=({allTimeframeTicks:e,analytics:r,firstMonthOfFY:o,isCompareModeOn:n,mode:l,onAdditionalBalanceSelectionChanged:i,onTimeframeSelectionChanged:h,selectedCOABalancesRange:s,selectedTimeframe:p,timeframes:g})=>t.jsx(Do,{children:t.jsxs($o,{children:[t.jsx(Po,{"data-testid":P("op-ex-by-vendor-timeframe-controls"),children:t.jsx(Ke,{timeframe:{allowedTimeframes:g,selectedTimeframe:p,onTimeframeSelectionChanged:c=>{r?.trackTimeframeSwitch(z(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&h(c),l==="compare_mode"&&!n&&i(n,n?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:n,isToggleDisabled:!1,onValueChanged:c=>{r?.trackCompareMode(c,R("operating_expenses_by_vendor"),z(p)),i(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(Re,{firstMonthOfFY:o,timeframe:p,timeframeTicks:e,selection:{selectedTicks:re(e,s),highlightedOfSelectedTicks:re(e,s)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=X();return e?t.jsx(Io,{children:t.jsx(We,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(No,{windowSize:o,children:t.jsx(le,{children:({height:n,width:l})=>t.jsx(ho,{selectedRangeReport:r,width:l,height:n,isDetailPage:!0,showBarHoverBackground:!1})})})},zo=({report:e,uiState:r,isEmptyPeriod:o,reference:n,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:s,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const y=r.mode==="compare_mode",_=S=>{c?.trackCompareFilterChange(S==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),z(r.timeframe),"dropdown"),l(y,[S==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,C]=x.useState(void 0),[v,k]=x.useState(void 0),T=X(),K=J(),$=!(T==="small"||T==="medium-compact");x.useEffect(()=>{const S={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:Ee(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:s}};if(d==null||!ce(v,e)){const D=_o(e,r,S,$);k(e),C(D)}else{const D=vo(d,S,e,$);C(D)}},[r.mode,e]);const A=S=>S<e.opexBalances.length,L=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Ao,{windowSize:T,ref:n,children:o?t.jsx(Ge,{}):d!=null?t.jsx(Lo,{"data-testid":P("op-ex-by-vendor-report-table"),children:t.jsx(He,{backgroundColor:new $e(K.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:$,isStickyName:$},treeNodePadding:{left:E.contentPaddingLeft.value(T),right:E.contentPaddingRight.value(T)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:A,itemCount:M,loadMoreItems:L}})}):null})},Ro=e=>{const r=e.startDate,o=e.endDate,{vendors:n,dateFormat:l}=B.getLocalizedStrings();return`${n.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{fr as default};
+`,Mo=({fetchState:e})=>e==="In-Progress"||e==="Not-Started"?t.jsx(Bo,{children:t.jsx(je,{size:"ExtraLarge",start:!0})}):null,fr=({report:e,vendorTabsToShow:r,uiState:o,downloadParams:n,onVendorTabSelectionChanged:l,onReloadReport:i,onBackClick:h,onFetchOpExByVendors:s,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,onSortOrderChanged:c,onSortOrSearchStarted:y,onVendorNameAndBalanceClicked:_,onPageFetchStarted:f,previousTabPosition:d,setPreviousTabPosition:C,updateDownloadStateHandler:v,onClearSearch:k,analytics:O,onClickMenuIcon:K})=>{const[P,A]=x.useState(o.searchString[o.timeframe]),[L,M]=x.useState(!1),S=q(),D=x.useRef(null),W=Ce(r),me=W.length>1,ge=B.getLocalizedStrings().reports.common,U=B.getLocalizedStrings().vendors,Z=X(),ue=["month","quarter"],fe=e.availableNumberOfPeriods!=null&&e.availableNumberOfPeriods<2,F=o.mode==="compare_mode"&&!fe,G=e.allTimeframeTicks.length===0,{timeframe:$}=o,N=o.searchString[$];_e({componentName:"vendors.opex_by_vendor.list"});const ye=x.useCallback(w=>{s($,N,w)},[$,N,s]),be=x.useCallback((w,b)=>{window.scrollTo({top:D.current?.offsetTop,behavior:"smooth"}),w.length>0?(y(!0),s(b,w,!1)):(y(!1),k(b))},[k,s,y]),Q=x.useRef(ve((w,b)=>be(w,b),500,{trailing:!0})).current,xe=(w,b)=>{c(w,b,$),y(!0),s($,N,!1)};if(x.useEffect(()=>{async function w(){await fo({report:e,isCompareModeOn:F,downloadState:o.downloadState,reportType:"more_detailed",timeframe:o.timeframe,sortKey:o.sortKey[o.timeframe],sortOrder:o.sortOrder[o.timeframe],searchString:o.searchString[$],...n}),O?.trackDownload(R("operating_expenses_by_vendor"),z(o.timeframe),"excel",F),v("Completed")}L&&o.downloadState!=="In-Progress"&&(M(!1),v("In-Progress"),w())},[e,o,F,n,o.downloadState,L]),x.useEffect(()=>{A(N)},[N]),e.fetchState==="Error")return t.jsxs(To,{children:[t.jsx(Oo,{"data-testid":j("op-ex-by-vendor-reload-page"),onClick:i,children:t.jsx(Se,{})}),t.jsx($o,{children:ge.failed})]});const Y=e.totalBalances?.totalBalance;if(o.sortOrSearchInProgress===!1&&o.pageFetchInProgress===!1&&(e.fetchState==="In-Progress"||e.fetchState==="Not-Started"))return t.jsx(Mo,{fetchState:e.fetchState});if((e.fetchState==="Completed"||o.sortOrSearchInProgress===!0||o.pageFetchInProgress===!0)&&e.isReportGenerated===!0){const w=t.jsxs(t.Fragment,{children:[t.jsx(we,{isSearchOpen:(N?.length??0)>0,searchBarDataTestId:j("op-ex-by-vendor-search-bar"),searchPlaceHolder:U.common.searchPlaceholder,searchText:P??"",onSearchTextChanged:b=>{A(b),b.trim().length>=2?Q(b,$):b.trim().length==0&&Q("",$)},downloadPresent:!0}),t.jsx(ke,{downloadButtonDataTestId:j("op-ex-by-vendor-download"),downloadReportOptions:{type:"simple_menu",downloadMenu:{simpleMenuItems:[{type:"excel",isDisabled:G,isDownloading:o.downloadState==="In-Progress"}],onDownloadClick:async b=>{if(b==="excel")if(o.downloadState==="In-Progress"){console.log("Download is already in progress!");return}else M(!0)}}}})]});return t.jsxs(wo,{windowSize:S,children:[t.jsx(Be,{title:U.common.navBarTitle,subTitle:e.lastRefreshSuccessTime!=null?e.lastRefreshSuccessTime.utc(!0).fromNow():"",backgroundColor:Z.colors.grey5,onBackClick:h,rightSideComponent:w,showMenuIcon:S==="medium-compact"||S==="small",downloadPresent:!0,onClickMenuIcon:K,source:"OpExByVendorPage"}),t.jsxs(ko,{windowSize:S,children:[me?t.jsx(Te,{allTabs:W,selectedTab:W[1].id,containerStyle:{borderBottom:`2px solid ${Z.colors.grey3}`},onTabChange:b=>l(Oe(b.id)),previousTabPosition:d,setPreviousTabPosition:C}):null,t.jsx(Fo,{allTimeframeTicks:e.allTimeframeTicks,analytics:O,firstMonthOfFY:e.firstMonthOfFY,isCompareModeOn:F,mode:o.mode,onAdditionalBalanceSelectionChanged:p,onTimeframeSelectionChanged:g,selectedCOABalancesRange:e.filter.balancesRange,selectedTimeframe:o.timeframe,timeframes:ue}),Y!=null?t.jsx(Eo,{"data-testid":j("op-ex-by-vendor-insight-container"),children:t.jsx(Ye,{balance:Y,dateText:Ro(Y)})}):null,t.jsx(Vo,{report:e,isEmptyPeriod:G})]}),t.jsx(zo,{reference:D,report:e,uiState:o,isEmptyPeriod:G,onAdditionalBalanceSelectionChanged:p,onVendorNameAndBalanceClicked:_,onSortOrderChanged:xe,handleFetchOpExByVendor:ye,onPageFetchStarted:f,analytics:O})]})}return t.jsx(t.Fragment,{})},Fo=({allTimeframeTicks:e,analytics:r,firstMonthOfFY:o,isCompareModeOn:n,mode:l,onAdditionalBalanceSelectionChanged:i,onTimeframeSelectionChanged:h,selectedCOABalancesRange:s,selectedTimeframe:p,timeframes:g})=>t.jsx(Do,{children:t.jsxs(Po,{children:[t.jsx(jo,{"data-testid":j("op-ex-by-vendor-timeframe-controls"),children:t.jsx(Ke,{timeframe:{allowedTimeframes:g,selectedTimeframe:p,onTimeframeSelectionChanged:c=>{r?.trackTimeframeSwitch(z(c),R("operating_expenses_by_vendor")),(c==="month"||c==="quarter")&&h(c),l==="compare_mode"&&!n&&i(n,n?["this_period_vs_last_period_percent"]:[])}},toggle:{label:B.getLocalizedStrings().compareSwitchLabel,isOn:n,isToggleDisabled:!1,onValueChanged:c=>{r?.trackCompareMode(c,R("operating_expenses_by_vendor"),z(p)),i(c,c?["this_period_vs_last_period_percent"]:[])}}})}),t.jsx(Re,{firstMonthOfFY:o,timeframe:p,timeframeTicks:e,selection:{selectedTicks:re(e,s),highlightedOfSelectedTicks:re(e,s)}})]})}),Vo=({isEmptyPeriod:e,report:r})=>{const o=q();return e?t.jsx(Io,{children:t.jsx(We,{title:B.getLocalizedStrings().chartCard.no_data_available})}):t.jsx(No,{windowSize:o,children:t.jsx(le,{children:({height:n,width:l})=>t.jsx(ho,{selectedRangeReport:r,width:l,height:n,isDetailPage:!0,showBarHoverBackground:!1})})})},zo=({report:e,uiState:r,isEmptyPeriod:o,reference:n,onAdditionalBalanceSelectionChanged:l,onTableScroll:i,onSortOrderChanged:h,onVendorNameAndBalanceClicked:s,handleFetchOpExByVendor:p,onPageFetchStarted:g,analytics:c})=>{const y=r.mode==="compare_mode",_=S=>{c?.trackCompareFilterChange(S==="compare_mode_percent"?"percentage":"amount",R("operating_expenses_by_vendor"),z(r.timeframe),"dropdown"),l(y,[S==="compare_mode_percent"?"this_period_vs_last_period_percent":"this_period_vs_last_period"])},f=r.selectedAdditionalBalances.includes("this_period_vs_last_period_percent")?"compare_mode_percent":"compare_mode_amount",[d,C]=x.useState(void 0),[v,k]=x.useState(void 0),O=q(),K=X(),P=!(O==="small"||O==="medium-compact");x.useEffect(()=>{const S={reportId:e.reportId,mode:r.mode==="compare_mode"?"this_period_vs_period_before":"none",displayOrder:"ascending_date",reportFormat:"more_detailed",bookCloseDate:e.bookCloseDate,firstMonthOfFY:e.firstMonthOfFY,filterAccountsWithNilBalances:"off",filterAccountGroupsWithNilBalances:"off",showNegativeAmountInParenthesis:Ee(),dataAvailable:e.dataAvailable,opexByVendorConfig:{sortKey:r.sortKey[r.timeframe],sortOrder:r.sortOrder[r.timeframe],isCompareModeOn:r.mode==="compare_mode",isAccountColumnShown:!0,isClassColumnShown:!0,onSortOrderChanged:h,sortOrSearchInProgress:r.sortOrSearchInProgress,pageFetchInProgress:r.pageFetchInProgress,onVendorNameAndBalanceClicked:s}};if(d==null||!ce(v,e)){const D=_o(e,r,S,P);k(e),C(D)}else{const D=vo(d,S,e,P);C(D)}},[r.mode,e]);const A=S=>S<e.opexBalances.length,L=()=>{r.pageToken[r.timeframe]!=null&&e.fetchState==="Completed"&&(g(),p(!0))},M=e.opexBalances.length;return t.jsx(Ao,{windowSize:O,ref:n,children:o?t.jsx(Ge,{}):d!=null?t.jsx(Lo,{"data-testid":j("op-ex-by-vendor-report-table"),children:t.jsx(He,{backgroundColor:new Pe(K.colors.grey4),rootNodes:d,type:"name+balances_actual",compareMode:f,isSticky:{isStickyHeader:P,isStickyName:P},treeNodePadding:{left:E.contentPaddingLeft.value(O),right:E.contentPaddingRight.value(O)},nodeOpenStatus:{},scrollPosition:r.scrollPosition,onCompareModeChanged:_,onScroll:i,infiniteLoadingProps:{isItemLoaded:A,itemCount:M,loadMoreItems:L}})}):null})},Ro=e=>{const r=e.startDate,o=e.endDate,{vendors:n,dateFormat:l}=B.getLocalizedStrings();return`${n.opExByVendor.in} ${r.format(l.visual.MMMYYFormat)} - ${o.format(l.visual.MMMYYFormat)}`};export{fr as default};

package/dist/assets/{OverlayContainerPage-BG9y5C0t-C04r--J3.js → OverlayContainerPage-BG9y5C0t-B5Ccc20I.js}

@@ -1,4 +1,4 @@
-import{f as i,V as n}from"./index-uV9C0lq0.js";import{n as r}from"./mui-CgOsYmSB.js";import"./sentry-rcvLxAzW.js";import"./liveblocks-PPyiYwu4.js";import"./core-DpPwA1EY.js";import"./recharts-B5a8DAKj.js";import"./zeni-epic-state-D5MWzrZ6.js";import"./lottie-CwowL814.js";import"./analytics-R4GG3mhr.js";import"./lexical-WuSd_Y3l.js";import"./utils-GKlM-QyI.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]="2c67ab1b-6c8e-4886-a678-2d1ef39ac4f6",e._sentryDebugIdIdentifier="sentry-dbid-2c67ab1b-6c8e-4886-a678-2d1ef39ac4f6")}catch{}})();const d=r.div`
+import{g as i,V as n}from"./index-aCBnCBoN.js";import{n as r}from"./mui-BosmckWV.js";import"./sentry-DzaNjvx0.js";import"./liveblocks-CEY7tsth.js";import"./core-Cjh03OPu.js";import"./recharts-CimMNwCJ.js";import"./zeni-epic-state-BNpJ2txa.js";import"./lottie-BmLFYENY.js";import"./analytics-B_VWX-BQ.js";import"./lexical-9REae7LV.js";import"./utils-THjX-QSp.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]="4287935d-72c3-497c-b16c-fca5b815d591",e._sentryDebugIdIdentifier="sentry-dbid-4287935d-72c3-497c-b16c-fca5b815d591")}catch{}})();const d=r.div`
   display: ${({isOpen:e})=>e?"block":"none"};
   position: fixed;
   top: 0;