@zeniai/web-cockpit-ui 1.15.7-qa → 1.15.8-dev

package/dist/assets/{NotificationsPage-BjhHCUzl-BorCyhwg.js → NotificationsPage-DOq8YY_K-B5AJl0PR.js}

@@ -1,8 +1,8 @@
-import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,aa as ye,F as P,g_ as ti,y as R,i0 as ii,b as Ne,A as oi,ay as tt,ck as it,b2 as ot,dk as st,cr as at,jZ as rt,d as w,n as si,j_ as ai,di as ue,aY as ri,M as ni,a as nt,p as S,ai as li,bN as _,cP as he,g3 as pe,j$ as fe,aw as lt,a8 as dt,ds as U,fo as ct,gd as di,al as ee,ie as ci,am as H,fC as ui,aT as $e,b9 as me,k0 as hi,bK as ut,k1 as Re,bu as pi}from"./index-DQZa93pl.js";import{a as g}from"./sentry-BNP8a0zR.js";import{n as r,c as O}from"./mui-CmeRX-VQ.js";import{Gb as fi,Gc as mi,bL as K,bh as $,E7 as ht}from"./zeni-epic-state-Dg9gbL0X.js";import{k as gi}from"./SubTabSwitcher-vsehXtEO-DrAXmACq.js";import{d as pt}from"./useLongPress-GCK2COYQ-BCAcXgBo.js";import{A as ft,t as mt,a as gt,E as xt,L as bt,I as wt}from"./NotificationsListConfig-QOeX1KBS-D9NF4wUP.js";import"./liveblocks-5qJQL8gF.js";import"./core-Do2fm07V.js";import"./recharts-CJ6qqxTN.js";import"./lottie--QmfecC7.js";import"./analytics-BBRM4OiD.js";import"./lexical-DSAIO3Yn.js";import"./utils-e2QIiaj6.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]="66eacbbd-68b7-4d06-9ece-7e5376ac48e5",e._sentryDebugIdIdentifier="sentry-dbid-66eacbbd-68b7-4d06-9ece-7e5376ac48e5")}catch{}})();function xi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:u}){const h=v(),p=Q(),m=g.useCallback(x=>{d(x.id)},[d]),f=g.useCallback(x=>{u(x.id)},[u]);return e.length===0?null:t.jsxs(bi,{windowSize:h,children:[t.jsx(ii,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(gi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const bi=r.div`
+import{e as Q,J as v,a9 as qt,cF as Zt,V as t,bC as Kt,ac as Qt,aS as ei,o as i,aa as ye,O as P,h3 as ti,y as R,i5 as ii,b as Ne,T as oi,az as tt,cm as it,b4 as ot,dm as st,ct as at,k2 as rt,c as w,r as si,k3 as ai,dk as he,a_ as ri,F as ni,M as nt,p as S,ai as li,bP as _,cJ as ue,g6 as pe,k4 as fe,ax as lt,a8 as dt,du as U,fr as ct,gh as di,al as ee,ik as ci,am as H,fF as hi,aW as $e,bb as me,k5 as ui,bM as ht,k6 as Re,bw as pi}from"./index-CRNmezJu.js";import{a as g}from"./sentry-Dla7mstv.js";import{n as r,c as A}from"./mui-mhzAEcDs.js";import{Gb as fi,Gc as mi,bL as K,bh as $,E7 as ut}from"./zeni-epic-state-CSmiPBaP.js";import{k as gi}from"./SubTabSwitcher-B2uBojsp-DZNkw8WS.js";import{d as pt}from"./useLongPress-GCK2COYQ-km9xaFy6.js";import{A as ft,t as mt,a as gt,E as xt,L as bt,I as wt}from"./NotificationsListConfig-CrNHxW9v-0zuPtBoA.js";import"./liveblocks-BKvkleJ3.js";import"./core-hVMF2uNa.js";import"./recharts-BErFcng5.js";import"./lottie-N_bekW9H.js";import"./analytics-g5EpLRud.js";import"./lexical-DYQnWL1V.js";import"./utils-D6NmQd1Q.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]="18be777f-81be-48a5-9cb6-3c30ef7ce47e",e._sentryDebugIdIdentifier="sentry-dbid-18be777f-81be-48a5-9cb6-3c30ef7ce47e")}catch{}})();function xi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:h}){const u=v(),p=Q(),m=g.useCallback(x=>{d(x.id)},[d]),f=g.useCallback(x=>{h(x.id)},[h]);return e.length===0?null:t.jsxs(bi,{windowSize:u,children:[t.jsx(ii,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(gi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const bi=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,{common:{timeStrings:yt,strings:wi},dateFormat:Ie,timeFormat:yi}=P.getLocalizedStrings(),$t=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],le=e=>e.type.concat(wi.underscore).concat(e.start.format(Ie.visual.DdashMMdashYYYYFormat)),ge=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return yt[e.type];case"earlier_that_month":return e.start.format(Ie.visual.MMMYYYYFormat)}},jt=e=>{const o=K(e.toUTCString()),s=$(),a=s.diff(o,"minutes"),n=s.diff(o,"seconds"),l=60,c=24*60;return n<=l?yt.justNow:a<c&&hi(o,0)?o.format(yi.hhmmAFormat):o.format(Ie.visual.MMMDFormat)},_e=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:$i}}}}=P.getLocalizedStrings(),kt=e=>{e.sort((n,l)=>K(n.inboxNotification.notifiedAt.toUTCString()).isAfter(K(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),u=$().subtract(Math.min($().date(),c),"d").endOf("d"),h=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),u=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),u=$().subtract(2,"d").endOf("d"),a=oe(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,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:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(h,"month").startOf("M").startOf("d"),m=$().subtract(h,"month").endOf("M").endOf("d");h++,a=oe(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},oe=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,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:n}},ji=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=$i;return o.comments.length===1?a:s},St=new R(3,2,1,1,1),vt=new R(w[8],w[6],35,35,w[6]),de={lineClamp:St,sectionWidth:vt},{common:{texts:ze,timeStrings:ki,strings:te},commentsAndNotifications:{notifications:{strings:{newMessage:Si},actionStrings:{comments:{newCommentAdded:vi}}}}}=P.getLocalizedStrings(),Ci=({notificationData:e,users:o,isHighlighted:s=!1,style:a,onNotificationTileClick:n})=>{const l=lt(),c=dt().analytics,{inboxNotification:{id:d,readAt:u,notifiedAt:h},thread:p}=e,{setRequestToOpenThread:m}=g.useContext(di),f=u!=null?"read":"unread",{metadata:{url:x,companyId:k,entityType:B},id:z}=p;return t.jsxs(zi,{readStatus:f,isClickable:!!x,isHighlighted:s,style:a,onClick:()=>{x&&(n(d,ht(x),f),(p.metadata.tab==="bill"||p.metadata.tab==="reimbursement")&&m({threadId:z,companyId:k,entityType:B})),p.metadata.application!=="cockpit"&&c.trackCommentActivity("notification","clicked",p.metadata.companyName,l.controllersList.controllers.map(N=>U(N)),p.resolved?"resolved":"open",{name:ct(l.loggedInUser),email:l.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(Ti,{notificationData:e,users:o}),t.jsx(Ii,{...e}),t.jsx(Li,{timestamp:h,readStatus:f})]})},Ct=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,n=a[0];return a.length===0||n.body==null?t.jsx(je,{children:Si}):t.jsx(je,{children:n.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Ri(c)){const h=o.find(p=>p.userId===c.id);return c.id?t.jsx(Ni,{notificationData:e,user:h},`${c.id}${te.underscore}${d}`):null}if(_i(c)){const h=ci(c.url)??c.url;return t.jsx(Gi,{href:h,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let u=c.text;return c.bold===!0&&(u=t.jsx(Ai,{children:u},d)),c.italic===!0&&(u=t.jsx(Pi,{children:u},d)),c.strikethrough===!0&&(u=t.jsx(Bi,{children:u},d)),c.code===!0&&(u=t.jsx(Oi,{children:u},d)),t.jsx(Fi,{children:u},d)});default:return t.jsx(je,{children:vi})}})})},Ti=({notificationData:e,users:o})=>{const s=v();return t.jsx(Ei,{windowSize:s,children:t.jsx(Ct,{notificationData:e,users:o})})},Ni=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let n=t.jsxs(De,{className:"userText",readStatus:a,children:[te.atTheRate,ze.user,te.space]});if(o!=null){const l=U(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(De,{className:"userText",readStatus:a,children:[te.atTheRate,l||ze.user,te.space]})})}return n},Tt=e=>{const o=ji(e);return t.jsx(t.Fragment,{children:o})},Ii=e=>{const o=v();return t.jsx(Mi,{windowSize:o,children:t.jsx(Tt,{...e})})},Nt=e=>{const{timestamp:o,readStatus:s}=e,a=jt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Ui,{isNewNotification:a===ki.justNow,children:a}),t.jsx(Hi,{readStatus:s})]})},Li=e=>{const o=v();return t.jsx(Di,{windowSize:o,children:t.jsx(Nt,{...e})})};function Ri(e){return"type"in e&&e.type==="mention"}function _i(e){return"type"in e&&e.type==="link"}const zi=r.div`
+`,{common:{timeStrings:yt,strings:wi},dateFormat:Ie,timeFormat:yi}=P.getLocalizedStrings(),$t=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],le=e=>e.type.concat(wi.underscore).concat(e.start.format(Ie.visual.DdashMMdashYYYYFormat)),ge=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return yt[e.type];case"earlier_that_month":return e.start.format(Ie.visual.MMMYYYYFormat)}},jt=e=>{const o=K(e.toUTCString()),s=$(),a=s.diff(o,"minutes"),n=s.diff(o,"seconds"),l=60,c=24*60;return n<=l?yt.justNow:a<c&&ui(o,0)?o.format(yi.hhmmAFormat):o.format(Ie.visual.MMMDFormat)},_e=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:$i}}}}=P.getLocalizedStrings(),kt=e=>{e.sort((n,l)=>K(n.inboxNotification.notifiedAt.toUTCString()).isAfter(K(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),h=$().subtract(2,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),h=$().subtract(9,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(u,"month").startOf("M").startOf("d"),m=$().subtract(u,"month").endOf("M").endOf("d");u++,a=oe(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},oe=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,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:n}},ji=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=$i;return o.comments.length===1?a:s},St=new R(3,2,1,1,1),vt=new R(w[8],w[6],35,35,w[6]),de={lineClamp:St,sectionWidth:vt},{common:{texts:De,timeStrings:ki,strings:te},commentsAndNotifications:{notifications:{strings:{newMessage:Si},actionStrings:{comments:{newCommentAdded:vi}}}}}=P.getLocalizedStrings(),Ci=({notificationData:e,users:o,isHighlighted:s=!1,style:a,onNotificationTileClick:n})=>{const l=lt(),c=dt().analytics,{inboxNotification:{id:d,readAt:h,notifiedAt:u},thread:p}=e,{setRequestToOpenThread:m}=g.useContext(di),f=h!=null?"read":"unread",{metadata:{url:x,companyId:k,entityType:B},id:D}=p;return t.jsxs(Di,{readStatus:f,isClickable:!!x,isHighlighted:s,style:a,onClick:()=>{x&&(n(d,ut(x),f),(p.metadata.tab==="bill"||p.metadata.tab==="reimbursement")&&m({threadId:D,companyId:k,entityType:B})),p.metadata.application!=="cockpit"&&c.trackCommentActivity("notification","clicked",p.metadata.companyName,l.controllersList.controllers.map(N=>U(N)),p.resolved?"resolved":"open",{name:ct(l.loggedInUser),email:l.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(Ti,{notificationData:e,users:o}),t.jsx(Ii,{...e}),t.jsx(Li,{timestamp:u,readStatus:f})]})},Ct=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,n=a[0];return a.length===0||n.body==null?t.jsx(je,{children:Si}):t.jsx(je,{children:n.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Ri(c)){const u=o.find(p=>p.userId===c.id);return c.id?t.jsx(Ni,{notificationData:e,user:u},`${c.id}${te.underscore}${d}`):null}if(_i(c)){const u=ci(c.url)??c.url;return t.jsx(Gi,{href:u,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let h=c.text;return c.bold===!0&&(h=t.jsx(Oi,{children:h},d)),c.italic===!0&&(h=t.jsx(Pi,{children:h},d)),c.strikethrough===!0&&(h=t.jsx(Bi,{children:h},d)),c.code===!0&&(h=t.jsx(Ai,{children:h},d)),t.jsx(Fi,{children:h},d)});default:return t.jsx(je,{children:vi})}})})},Ti=({notificationData:e,users:o})=>{const s=v();return t.jsx(Ei,{windowSize:s,children:t.jsx(Ct,{notificationData:e,users:o})})},Ni=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let n=t.jsxs(ze,{className:"userText",readStatus:a,children:[te.atTheRate,De.user,te.space]});if(o!=null){const l=U(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(ze,{className:"userText",readStatus:a,children:[te.atTheRate,l||De.user,te.space]})})}return n},Tt=e=>{const o=ji(e);return t.jsx(t.Fragment,{children:o})},Ii=e=>{const o=v();return t.jsx(Mi,{windowSize:o,children:t.jsx(Tt,{...e})})},Nt=e=>{const{timestamp:o,readStatus:s}=e,a=jt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Ui,{isNewNotification:a===ki.justNow,children:a}),t.jsx(Hi,{readStatus:s})]})},Li=e=>{const o=v();return t.jsx(zi,{windowSize:o,children:t.jsx(Nt,{...e})})};function Ri(e){return"type"in e&&e.type==="mention"}function _i(e){return"type"in e&&e.type==="link"}const Di=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -33,7 +33,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
     border-bottom-right-radius: inherit;
   }
 
-  ${e=>e.isHighlighted?O`
+  ${e=>e.isHighlighted?A`
           z-index: 1;
           color: ${e.theme.colors.primary};
           border: 1px solid ${e.theme.colors.primary};
@@ -43,7 +43,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
           }
         `:null};
 
-  ${e=>e.isClickable?O`
+  ${e=>e.isClickable?A`
           &:hover {
             z-index: 1;
             color: ${e.theme.colors.primary};
@@ -54,7 +54,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
             }
           }
         `:null};
-`,Di=r(H)`
+`,zi=r(H)`
   width: ${e=>e.windowSize==="small"?"unset":"10%"};
   gap: ${i.sp2};
   display: flex;
@@ -68,18 +68,18 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   -webkit-line-clamp: ${e=>de.lineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   width: ${e=>de.sectionWidth.valuePercentage(e.windowSize)};
-`,Ai=r.strong``,Oi=r.code``,Pi=r.em``,Bi=r.s``,Fi=r.span``,Gi=r.a``,Ei=r(ee)`
+`,Oi=r.strong``,Ai=r.code``,Pi=r.em``,Bi=r.s``,Fi=r.span``,Gi=r.a``,Ei=r(ee)`
   color: inherit;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: ${e=>de.lineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   width: ${e=>de.sectionWidth.valuePercentage(e.windowSize)};
-`,De=r(me)`
+`,ze=r(me)`
   color: ${e=>e.readStatus==="read"?e.theme.colors.grey1:S.brandColorJade};
 `,je=r(me)`
   color: inherit;
-`,Ui=r(ut)`
+`,Ui=r(ht)`
   flex-shrink: 0;
   color: ${e=>e.isNewNotification?e.theme.colors.primary:"inherit"};
 `,Hi=r.div`
@@ -120,7 +120,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
   width: ${e=>e.isLastItem?"10%":vt.valuePercentage(e.windowSize)};
-`,Wi=()=>{const e=v();return t.jsxs(Ji,{windowSize:e,children:[t.jsxs(qi,{children:[t.jsx(_,{width:180,height:w[4]}),t.jsx(_,{width:180,height:w[4]})]}),t.jsx(Zi,{children:t.jsx(_,{width:60,height:18})})]})},Ji=r.div`
+`,Wi=()=>{const e=v();return t.jsxs(Ji,{windowSize:e,children:[t.jsxs(Xi,{children:[t.jsx(_,{width:180,height:w[4]}),t.jsx(_,{width:180,height:w[4]})]}),t.jsx(qi,{children:t.jsx(_,{width:60,height:18})})]})},Ji=r.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -146,19 +146,19 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
     border-bottom-left-radius: ${i.sp2};
     border-bottom-right-radius: ${i.sp2};
   }
-`,qi=r.div`
+`,Xi=r.div`
   display: flex;
   align-items: start;
   flex-direction: column;
   gap: ${i.sp2};
   flex: 1 1 auto;
   justify-content: start;
-`,Zi=r.div`
+`,qi=r.div`
   display: flex;
   align-items: baseline;
   flex-direction: row;
   justify-content: end;
-`,Xi=()=>v()==="small"?t.jsx(Wi,{}):t.jsx(Vi,{}),Ki={marginLeft:new R(w[2],w[5],w[7])},Qi=()=>t.jsxs(eo,{children:[t.jsx(ve,{numberOfRows:5}),t.jsx(ve,{numberOfRows:3})]}),ve=({numberOfRows:e})=>{const o=v();return t.jsxs(to,{windowSize:o,children:[t.jsx(oo,{children:t.jsx(_,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(io,{children:[...Array(e)].map(s=>t.jsx(Xi,{},ue()))})]})},eo=r.div`
+`,Zi=()=>v()==="small"?t.jsx(Wi,{}):t.jsx(Vi,{}),Ki={marginLeft:new R(w[2],w[5],w[7])},Qi=()=>t.jsxs(eo,{children:[t.jsx(ve,{numberOfRows:5}),t.jsx(ve,{numberOfRows:3})]}),ve=({numberOfRows:e})=>{const o=v();return t.jsxs(to,{windowSize:o,children:[t.jsx(oo,{children:t.jsx(_,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(io,{children:[...Array(e)].map(s=>t.jsx(Zi,{},he()))})]})},eo=r.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -175,7 +175,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
 `,oo=r.div`
   display: flex;
   padding: ${i.sp3} ${i.sp0};
-`,so=({notificationData:e,users:o,isSelectionMode:s=!1,isHighlighted:a=!1,style:n,onNotificationTileClick:l,onNotificationTileLongPress:c})=>{const d=lt(),u=dt().analytics,{inboxNotification:{id:h,readAt:p,notifiedAt:m},thread:f}=e,x=p!=null?"read":"unread",k=f.metadata.url,B=g.useCallback(()=>{c?.()},[c]),z=g.useCallback(b=>{b.stopPropagation(),b.cancelable&&b.preventDefault(),s?c?.():k!=null&&(l(h,ht(f.metadata.url),x),f.metadata.application!=="cockpit"&&u.trackCommentActivity("notification","clicked",f.metadata.companyName,d.controllersList.controllers.map(I=>U(I)),f.resolved?"resolved":"open",{name:ct(d.loggedInUser),email:d.loggedInUser?.userEmail??""},"db notification"))},[s,k,c,l,h,f.metadata.url,f.metadata.application,x,d.controllersList,d.loggedInUser,u,f.metadata.companyName,f.resolved]),N=pt({onLongPress:B},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(lo,{readStatus:x,isClickable:k!=null,isHighlighted:a,style:n,...N,onClick:z,children:[t.jsxs(uo,{children:[t.jsx(ao,{notificationData:e,users:o}),t.jsx(ro,{...e})]}),t.jsx(no,{timestamp:m,readStatus:x})]})},ao=({notificationData:e,users:o})=>t.jsx(It,{children:t.jsx(Ct,{notificationData:e,users:o})}),ro=e=>t.jsx(It,{children:t.jsx(Tt,{...e})}),no=e=>t.jsx(co,{children:t.jsx(Nt,{...e})}),lo=r.div`
+`,so=({notificationData:e,users:o,isSelectionMode:s=!1,isHighlighted:a=!1,style:n,onNotificationTileClick:l,onNotificationTileLongPress:c})=>{const d=lt(),h=dt().analytics,{inboxNotification:{id:u,readAt:p,notifiedAt:m},thread:f}=e,x=p!=null?"read":"unread",k=f.metadata.url,B=g.useCallback(()=>{c?.()},[c]),D=g.useCallback(b=>{b.stopPropagation(),b.cancelable&&b.preventDefault(),s?c?.():k!=null&&(l(u,ut(f.metadata.url),x),f.metadata.application!=="cockpit"&&h.trackCommentActivity("notification","clicked",f.metadata.companyName,d.controllersList.controllers.map(I=>U(I)),f.resolved?"resolved":"open",{name:ct(d.loggedInUser),email:d.loggedInUser?.userEmail??""},"db notification"))},[s,k,c,l,u,f.metadata.url,f.metadata.application,x,d.controllersList,d.loggedInUser,h,f.metadata.companyName,f.resolved]),N=pt({onLongPress:B},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(lo,{readStatus:x,isClickable:k!=null,isHighlighted:a,style:n,...N,onClick:D,children:[t.jsxs(ho,{children:[t.jsx(ao,{notificationData:e,users:o}),t.jsx(ro,{...e})]}),t.jsx(no,{timestamp:m,readStatus:x})]})},ao=({notificationData:e,users:o})=>t.jsx(It,{children:t.jsx(Ct,{notificationData:e,users:o})}),ro=e=>t.jsx(It,{children:t.jsx(Tt,{...e})}),no=e=>t.jsx(co,{children:t.jsx(Nt,{...e})}),lo=r.div`
   display: flex;
   flex-direction: row;
   align-items: baseline;
@@ -207,7 +207,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
     border-bottom-right-radius: inherit;
   }
 
-  ${e=>e.isHighlighted?O`
+  ${e=>e.isHighlighted?A`
           z-index: 1;
           color: ${e.theme.colors.primary};
           border: 1px solid ${e.theme.colors.primary};
@@ -217,7 +217,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
           }
         `:null};
 
-  ${e=>e.isClickable?O`
+  ${e=>e.isClickable?A`
           &:hover {
             z-index: 1;
             color: ${e.theme.colors.primary};
@@ -235,7 +235,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,uo=r.div`
+`,ho=r.div`
   display: flex;
   flex-direction: column;
   gap: ${i.sp2};
@@ -244,7 +244,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;
-`,Lt=e=>v()==="small"?t.jsx(so,{...e}):t.jsx(Ci,{...e}),{common:{all:Me}}=P.getLocalizedStrings(),ho=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:u}=he(),h=u(s);return t.jsx(po,{style:n,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(fo,{htmlFor:`${s}.${Me.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:ge(e)}),value:Me.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,x=e.notifications.length-1===m;return{label:t.jsx(Lt,{notificationData:p,users:o,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0},isHighlighted:h?.includes(p.inboxNotification.id)===!0,onNotificationTileClick:c}),value:p.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},po=r.div`
+`,Lt=e=>v()==="small"?t.jsx(so,{...e}):t.jsx(Ci,{...e}),{common:{all:Me}}=P.getLocalizedStrings(),uo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:h}=ue(),u=h(s);return t.jsx(po,{style:n,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(fo,{htmlFor:`${s}.${Me.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:ge(e)}),value:Me.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,x=e.notifications.length-1===m;return{label:t.jsx(Lt,{notificationData:p,users:o,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0},isHighlighted:u?.includes(p.inboxNotification.id)===!0,onNotificationTileClick:c}),value:p.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},po=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -253,16 +253,16 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:Ae}}=P.getLocalizedStrings(),mo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:u}=he(),h=u(s),p=g.useRef([]);return g.useEffect(()=>{p.current=p.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(go,{style:n,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(Oe,{htmlFor:`${s}.${Ae.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:ge(e)}),value:Ae.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((m,f)=>{const x=f===0,k=e.notifications.length-1===f;return{label:t.jsx(Oe,{ref:B=>p.current[f]=B,htmlFor:`${s}.${m.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(xo,{notificationData:m,users:o,style:{borderTopLeftRadius:x?i.sp2:void 0,borderTopRightRadius:x?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:h?.includes(m.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{p.current[f]?.click()}})}),value:m.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:d.colors.grey5}})})},go=r.div`
+`,{common:{all:Oe}}=P.getLocalizedStrings(),mo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:h}=ue(),u=h(s),p=g.useRef([]);return g.useEffect(()=>{p.current=p.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(go,{style:n,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(Ae,{htmlFor:`${s}.${Oe.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:ge(e)}),value:Oe.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((m,f)=>{const x=f===0,k=e.notifications.length-1===f;return{label:t.jsx(Ae,{ref:B=>p.current[f]=B,htmlFor:`${s}.${m.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(xo,{notificationData:m,users:o,style:{borderTopLeftRadius:x?i.sp2:void 0,borderTopRightRadius:x?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(m.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{p.current[f]?.click()}})}),value:m.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:d.colors.grey5}})})},go=r.div`
   display: flex;
   align-items: center;
   width: 100%;
-`,Oe=r(fe)`
+`,Ae=r(fe)`
   display: flex;
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,xo=r(Lt)``,bo=e=>v()==="small"?t.jsx(mo,{...e}):t.jsx(ho,{...e}),{commentsAndNotifications:{notifications:{message:wo}}}=P.getLocalizedStrings(),Pe={rowGap:new R(w[0],w[5],w[5])},yo=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:n,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:u,onUpdateScrollYOffset:h,onFetchNotificationGroups:p,onNotificationClick:m})=>{const f=v(),x=g.useRef(null),k=g.useRef({});g.useEffect(()=>{x.current?.resetAfterIndex(0,!0)},[f,x,e]),g.useEffect(()=>{x.current?.scrollTo(c)},[d]);const B=g.useCallback(C=>{if(k.current?.[C]!=null){const G=f==="small"&&a===!1&&C===e.length-1?Pe.rowGap.value("medium-regular"):Pe.rowGap.value(f);return k.current[C]+G}return(ft*St.value(f)+mt)*3+gt+xt},[f,k,e]),z=g.useCallback((C,G)=>{k.current={...k.current,[C]:G},x.current?.resetAfterIndex(0,!0)},[f,x,e]),N=g.useCallback(()=>{p()},[p]),b=g.useCallback(()=>{},[]),I=tt(C=>h(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,V=g.useCallback(()=>a&&!s?N():b(),[a,s,N,b]),L=a?e.length+1:e.length;return t.jsx(jo,{children:t.jsx(ko,{windowSize:f,children:s&&e.length===0?t.jsx(Qi,{}):s===!1&&e.length===0?t.jsx(it,{message:wo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(So,{windowSize:f,children:t.jsx(ot,{children:({height:C,width:G})=>t.jsx(st,{isItemLoaded:j,itemCount:bt,loadMoreItems:V,children:({onItemsRendered:Y,ref:E})=>t.jsx(at,{ref:W=>{E(W),x.current=W},height:C,itemCount:L,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:u,isItemLoaded:j,setRowHeight:z,onNotificationClick:m},onItemsRendered:Y,itemSize:B,width:G,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:W})=>{I(W)},initialScrollOffset:c,children:$o})})})})})})},$o=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:n,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:u,setRowHeight:h,onNotificationClick:p}=s,m=g.useRef(null),f=v();if(g.useEffect(()=>{m.current?.firstElementChild!=null&&h(e,m.current.firstElementChild.clientHeight)},[e,m,f,a[e]?.notifications]),d(e)===!0){const x=a[e],k=le(x);return t.jsx(Be,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:m,children:t.jsx(bo,{notificationGroup:x,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:u,users:n,onNotificationTileClick:p})},k)}return t.jsx(Be,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(ve,{numberOfRows:3})},ue())},jo=r.div`
+`,xo=r(Lt)``,bo=e=>v()==="small"?t.jsx(mo,{...e}):t.jsx(uo,{...e}),{commentsAndNotifications:{notifications:{message:wo}}}=P.getLocalizedStrings(),Pe={rowGap:new R(w[0],w[5],w[5])},yo=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:n,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:h,onUpdateScrollYOffset:u,onFetchNotificationGroups:p,onNotificationClick:m})=>{const f=v(),x=g.useRef(null),k=g.useRef({});g.useEffect(()=>{x.current?.resetAfterIndex(0,!0)},[f,x,e]),g.useEffect(()=>{x.current?.scrollTo(c)},[d]);const B=g.useCallback(C=>{if(k.current?.[C]!=null){const G=f==="small"&&a===!1&&C===e.length-1?Pe.rowGap.value("medium-regular"):Pe.rowGap.value(f);return k.current[C]+G}return(ft*St.value(f)+mt)*3+gt+xt},[f,k,e]),D=g.useCallback((C,G)=>{k.current={...k.current,[C]:G},x.current?.resetAfterIndex(0,!0)},[f,x,e]),N=g.useCallback(()=>{p()},[p]),b=g.useCallback(()=>{},[]),I=tt(C=>u(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,V=g.useCallback(()=>a&&!s?N():b(),[a,s,N,b]),L=a?e.length+1:e.length;return t.jsx(jo,{children:t.jsx(ko,{windowSize:f,children:s&&e.length===0?t.jsx(Qi,{}):s===!1&&e.length===0?t.jsx(it,{message:wo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(So,{windowSize:f,children:t.jsx(ot,{children:({height:C,width:G})=>t.jsx(st,{isItemLoaded:j,itemCount:bt,loadMoreItems:V,children:({onItemsRendered:Y,ref:E})=>t.jsx(at,{ref:W=>{E(W),x.current=W},height:C,itemCount:L,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:h,isItemLoaded:j,setRowHeight:D,onNotificationClick:m},onItemsRendered:Y,itemSize:B,width:G,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:W})=>{I(W)},initialScrollOffset:c,children:$o})})})})})})},$o=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:n,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:h,setRowHeight:u,onNotificationClick:p}=s,m=g.useRef(null),f=v();if(g.useEffect(()=>{m.current?.firstElementChild!=null&&u(e,m.current.firstElementChild.clientHeight)},[e,m,f,a[e]?.notifications]),d(e)===!0){const x=a[e],k=le(x);return t.jsx(Be,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:m,children:t.jsx(bo,{notificationGroup:x,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:h,users:n,onNotificationTileClick:p})},k)}return t.jsx(Be,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(ve,{numberOfRows:3})},he())},jo=r.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -279,7 +279,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{in:vo,strings:Rt},dateFormat:Co,commentsAndNotifications:{notifications:{actionStrings:{notifications:A}}}}=P.getLocalizedStrings(),_t=e=>{e.sort((n,l)=>n.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),u=$().subtract(Math.min($().date(),c),"d").endOf("d"),h=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),u=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=se(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),u=$().subtract(2,"d").endOf("d"),a=se(o,d,u),o=a.remainingData,s.push({start:d,end:u,type:n,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:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(h,"month").startOf("M").startOf("d"),m=$().subtract(h,"month").endOf("M").endOf("d");h++,a=se(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},se=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:n}},To=e=>{let o=A.newActivity;return e.code==="in_progress"?o=A.due.replace("__task_status__",Re(e.name.toLocaleLowerCase())):o=A.due.replace("__task_status__",vo.toLocaleLowerCase().concat(Rt.space,Re(e.name.toLocaleLowerCase()))),o},No=e=>{const{eventData:{activities:o}}=e;let s=A.newActivity;if(o.length>0){const a=o[0].activityType,n=o[0].metadata.eventStatus;switch(a){case"task_archived":s=A.archive;break;case"task_deleted":s=A.delete;break;case"task_activities":s=A.activities;break;case"task_assigned":s=A.assign;break;case"task_created":s=A.create;break;case"task_due":s=n!=null?To(n):A.dueTomorrow;break;case"task_overdue":s=A.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Co.visual.MMMDFormat)??Rt.empty);break;case"task_status_updated":s=A.statusUpdate;break}}return s},zt=new R(3,2,1,1,1),Dt=new R(w[8],33,33,33,35),ce={lineClamp:zt,sectionWidth:Dt},{common:{and:Fe,other:Io,others:Lo,texts:Ro,timeStrings:_o,strings:M,tags:zo}}=P.getLocalizedStrings(),Do=({notificationData:e,isHighlighted:o=!1,style:s,onNotificationTileClick:a})=>{const{status:n,notificationId:l,eventData:{entitiyId:c,activities:d},createTime:u}=e;return t.jsxs(Go,{notificationStatus:n,isHighlighted:o,style:s,onClick:()=>{a(l,c,n,d.length>0?d[0].activityType:void 0)},children:[t.jsx(Mo,{...e}),t.jsx(Po,{...e}),t.jsx(Fo,{...e}),t.jsx(Bo,{createTime:u,notificationStatus:n})]})},Mt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Yo,{notificationStatus:o,children:s||M.hyphen})},Mo=e=>{const o=v();return t.jsx(Vo,{windowSize:o,children:t.jsx(Mt,{...e})})},Ao=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Jo,{children:[t.jsx(Ge,{backgroundColor:_e(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(qo,{}),t.jsx(Ge,{backgroundColor:_e(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Oo=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,n=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,Ro.user,M.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,U(s[0],!1),M.space]}),Fe,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,n-1,M.space,Lo,M.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,U(s[0],!1),M.space]}),Fe,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,s.length===2?M.atTheRate+U(s[1],!1):Io,M.space]})]}):l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,U(s[0],!1),M.space]})),l},At=e=>t.jsxs(t.Fragment,{children:[t.jsx(Oo,{...e}),No(e),t.jsx(Ao,{...e})]}),Po=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Ho,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(At,{...e})})},Ot=e=>{const{createTime:o,notificationStatus:s}=e,a=jt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Wo,{isNewNotification:a===_o.justNow,children:a}),t.jsx(Xo,{notificationStatus:s})]})},Bo=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(Ot,{...e})})},Pt=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(ui,{tagTitle:zo.overdue,textColor:{color:new $e(S.alert),backgroundColor:new $e("transparent"),borderColor:new $e(S.alert)},showLoader:!1}):t.jsx(Zo,{})},Fo=e=>{const o=v();return t.jsx(Uo,{windowSize:o,children:t.jsx(Pt,{...e})})},Go=r.div`
+`,{common:{in:vo,strings:Rt},dateFormat:Co,commentsAndNotifications:{notifications:{actionStrings:{notifications:O}}}}=P.getLocalizedStrings(),_t=e=>{e.sort((n,l)=>n.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),h=$().subtract(2,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),h=$().subtract(9,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(u,"month").startOf("M").startOf("d"),m=$().subtract(u,"month").endOf("M").endOf("d");u++,a=se(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},se=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:n}},To=e=>{let o=O.newActivity;return e.code==="in_progress"?o=O.due.replace("__task_status__",Re(e.name.toLocaleLowerCase())):o=O.due.replace("__task_status__",vo.toLocaleLowerCase().concat(Rt.space,Re(e.name.toLocaleLowerCase()))),o},No=e=>{const{eventData:{activities:o}}=e;let s=O.newActivity;if(o.length>0){const a=o[0].activityType,n=o[0].metadata.eventStatus;switch(a){case"task_archived":s=O.archive;break;case"task_deleted":s=O.delete;break;case"task_activities":s=O.activities;break;case"task_assigned":s=O.assign;break;case"task_created":s=O.create;break;case"task_due":s=n!=null?To(n):O.dueTomorrow;break;case"task_overdue":s=O.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Co.visual.MMMDFormat)??Rt.empty);break;case"task_status_updated":s=O.statusUpdate;break}}return s},Dt=new R(3,2,1,1,1),zt=new R(w[8],33,33,33,35),ce={lineClamp:Dt,sectionWidth:zt},{common:{and:Fe,other:Io,others:Lo,texts:Ro,timeStrings:_o,strings:M,tags:Do}}=P.getLocalizedStrings(),zo=({notificationData:e,isHighlighted:o=!1,style:s,onNotificationTileClick:a})=>{const{status:n,notificationId:l,eventData:{entitiyId:c,activities:d},createTime:h}=e;return t.jsxs(Go,{notificationStatus:n,isHighlighted:o,style:s,onClick:()=>{a(l,c,n,d.length>0?d[0].activityType:void 0)},children:[t.jsx(Mo,{...e}),t.jsx(Po,{...e}),t.jsx(Fo,{...e}),t.jsx(Bo,{createTime:h,notificationStatus:n})]})},Mt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Yo,{notificationStatus:o,children:s||M.hyphen})},Mo=e=>{const o=v();return t.jsx(Vo,{windowSize:o,children:t.jsx(Mt,{...e})})},Oo=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Jo,{children:[t.jsx(Ge,{backgroundColor:_e(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Xo,{}),t.jsx(Ge,{backgroundColor:_e(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Ao=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,n=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(X,{className:"userText",notificationStatus:o,children:[M.atTheRate,Ro.user,M.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(X,{className:"userText",notificationStatus:o,children:[M.atTheRate,U(s[0],!1),M.space]}),Fe,t.jsxs(X,{className:"userText",notificationStatus:o,children:[M.space,n-1,M.space,Lo,M.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(X,{className:"userText",notificationStatus:o,children:[M.atTheRate,U(s[0],!1),M.space]}),Fe,t.jsxs(X,{className:"userText",notificationStatus:o,children:[M.space,s.length===2?M.atTheRate+U(s[1],!1):Io,M.space]})]}):l=t.jsxs(X,{className:"userText",notificationStatus:o,children:[M.atTheRate,U(s[0],!1),M.space]})),l},Ot=e=>t.jsxs(t.Fragment,{children:[t.jsx(Ao,{...e}),No(e),t.jsx(Oo,{...e})]}),Po=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Ho,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(Ot,{...e})})},At=e=>{const{createTime:o,notificationStatus:s}=e,a=jt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Wo,{isNewNotification:a===_o.justNow,children:a}),t.jsx(Zo,{notificationStatus:s})]})},Bo=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(At,{...e})})},Pt=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(hi,{tagTitle:Do.overdue,textColor:{color:new $e(S.alert),backgroundColor:new $e("transparent"),borderColor:new $e(S.alert)},showLoader:!1}):t.jsx(qo,{})},Fo=e=>{const o=v();return t.jsx(Uo,{windowSize:o,children:t.jsx(Pt,{...e})})},Go=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -310,7 +310,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
     border-bottom-right-radius: inherit;
   }
 
-  ${e=>e.isHighlighted?O`
+  ${e=>e.isHighlighted?A`
           z-index: 1;
           color: ${e.theme.colors.primary};
           border: 1px solid ${e.theme.colors.primary};
@@ -345,11 +345,11 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
 `,Ho=r(ee)`
   color: inherit;
 
-  ${e=>e.statusUpdate?O`
+  ${e=>e.statusUpdate?A`
           display: flex;
           flex-wrap: wrap;
           gap: ${i.sp1};
-        `:O`
+        `:A`
           display: -webkit-box;
           overflow: hidden;
           -webkit-line-clamp: ${ce.lineClamp.value(e.windowSize)};
@@ -364,11 +364,11 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   -webkit-line-clamp: ${e=>ce.lineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   width: ${e=>ce.sectionWidth.valuePercentage(e.windowSize)};
-`,q=r(me)`
+`,X=r(me)`
   color: ${e=>e.notificationStatus==="read"?e.theme.colors.grey1:S.brandColorJade};
 `,Yo=r(me)`
   color: inherit;
-`,Wo=r(ut)`
+`,Wo=r(ht)`
   flex-shrink: 0;
   color: ${e=>e.isNewNotification?e.theme.colors.primary:"inherit"};
 `,Jo=r.div`
@@ -383,14 +383,14 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   border: 1px solid ${e=>e.backgroundColor};
   padding: ${i.sp0} 6px;
   border-radius: ${i.sp1};
-`,qo=r(pi)`
+`,Xo=r(pi)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Zo=r.div`
+`,qo=r.div`
   display: flex;
   flex: 1 1 auto;
-`,Xo=r.div`
+`,Zo=r.div`
   display: flex;
   height: ${i.sp2};
   width: ${i.sp2};
@@ -427,7 +427,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   position: relative;
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
-  width: ${e=>e.isLastItem?"10%":Dt.valuePercentage(e.windowSize)};
+  width: ${e=>e.isLastItem?"10%":zt.valuePercentage(e.windowSize)};
 `,es=()=>{const e=v();return t.jsxs(ts,{windowSize:e,children:[t.jsxs(Ee,{children:[t.jsx(_,{width:180,height:w[4]}),t.jsx(_,{width:60,height:18})]}),t.jsxs(Ee,{children:[t.jsx(_,{width:180,height:w[4]}),t.jsx(_,{width:60,height:18})]})]})},ts=r.div`
   display: flex;
   flex-direction: column;
@@ -462,7 +462,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   gap: ${i.sp2};
   flex: 1 1 auto;
   width: 100%;
-`,is=()=>v()==="small"?t.jsx(es,{}):t.jsx(Ko,{}),os={marginLeft:new R(w[2],w[5],w[7])},ss=()=>t.jsxs(as,{children:[t.jsx(Ce,{numberOfRows:5}),t.jsx(Ce,{numberOfRows:3})]}),Ce=({numberOfRows:e})=>{const o=v();return t.jsxs(rs,{windowSize:o,children:[t.jsx(ls,{children:t.jsx(_,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(ns,{children:[...Array(e)].map(s=>t.jsx(is,{},ue()))})]})},as=r.div`
+`,is=()=>v()==="small"?t.jsx(es,{}):t.jsx(Ko,{}),os={marginLeft:new R(w[2],w[5],w[7])},ss=()=>t.jsxs(as,{children:[t.jsx(Ce,{numberOfRows:5}),t.jsx(Ce,{numberOfRows:3})]}),Ce=({numberOfRows:e})=>{const o=v();return t.jsxs(rs,{windowSize:o,children:[t.jsx(ls,{children:t.jsx(_,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(ns,{children:[...Array(e)].map(s=>t.jsx(is,{},he()))})]})},as=r.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -479,7 +479,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
 `,ls=r.div`
   display: flex;
   padding: ${i.sp3} ${i.sp0};
-`,ds=({notificationData:e,isSelectionMode:o=!1,isHighlighted:s=!1,style:a,onNotificationTileClick:n,onNotificationTileLongPress:l})=>{const{status:c,createTime:d,eventData:{entitiyId:u,activities:h},notificationId:p}=e,m=g.useCallback(()=>{l?.()},[l]),f=g.useCallback(k=>{k.stopPropagation(),k.cancelable&&k.preventDefault(),o?l?.():n(p,u,c,h.length>0?h[0].activityType:void 0)},[p,u,c,h,o,l,n]),x=pt({onLongPress:m},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(fs,{notificationStatus:c,isHighlighted:s,style:a,...x,onClick:f,children:[t.jsxs(Ue,{children:[t.jsx(cs,{...e}),t.jsx(hs,{createTime:d,notificationStatus:c})]}),t.jsxs(Ue,{children:[t.jsx(us,{...e}),h.length>0&&h[0].activityType==="task_status_updated"?null:t.jsx(ps,{...e})]})]})},cs=e=>t.jsx(Bt,{statusUpdate:!1,children:t.jsx(Mt,{...e})}),us=e=>{const{eventData:{activities:o}}=e;return t.jsx(Bt,{statusUpdate:o.length>0&&o[0].activityType==="task_status_updated"&&o[0].metadata.updates.find(s=>s.field==="status")!=null,children:t.jsx(At,{...e})})},hs=e=>t.jsx(ms,{children:t.jsx(Ot,{...e})}),ps=e=>t.jsx(gs,{children:t.jsx(Pt,{...e})}),fs=r.div`
+`,ds=({notificationData:e,isSelectionMode:o=!1,isHighlighted:s=!1,style:a,onNotificationTileClick:n,onNotificationTileLongPress:l})=>{const{status:c,createTime:d,eventData:{entitiyId:h,activities:u},notificationId:p}=e,m=g.useCallback(()=>{l?.()},[l]),f=g.useCallback(k=>{k.stopPropagation(),k.cancelable&&k.preventDefault(),o?l?.():n(p,h,c,u.length>0?u[0].activityType:void 0)},[p,h,c,u,o,l,n]),x=pt({onLongPress:m},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(fs,{notificationStatus:c,isHighlighted:s,style:a,...x,onClick:f,children:[t.jsxs(Ue,{children:[t.jsx(cs,{...e}),t.jsx(us,{createTime:d,notificationStatus:c})]}),t.jsxs(Ue,{children:[t.jsx(hs,{...e}),u.length>0&&u[0].activityType==="task_status_updated"?null:t.jsx(ps,{...e})]})]})},cs=e=>t.jsx(Bt,{statusUpdate:!1,children:t.jsx(Mt,{...e})}),hs=e=>{const{eventData:{activities:o}}=e;return t.jsx(Bt,{statusUpdate:o.length>0&&o[0].activityType==="task_status_updated"&&o[0].metadata.updates.find(s=>s.field==="status")!=null,children:t.jsx(Ot,{...e})})},us=e=>t.jsx(ms,{children:t.jsx(At,{...e})}),ps=e=>t.jsx(gs,{children:t.jsx(Pt,{...e})}),fs=r.div`
   display: flex;
   flex-direction: column;
   align-items: baseline;
@@ -511,7 +511,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
     border-bottom-right-radius: inherit;
   }
 
-  ${e=>e.isHighlighted?O`
+  ${e=>e.isHighlighted?A`
           z-index: 1;
           color: ${e.theme.colors.primary};
           border: 1px solid ${e.theme.colors.primary};
@@ -552,16 +552,16 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   align-items: start;
 `,Bt=r(ee)`
   color: inherit;
-  ${e=>e.statusUpdate?O`
+  ${e=>e.statusUpdate?A`
           display: flex;
           flex-wrap: wrap;
           gap: ${i.sp2};
-        `:O`
+        `:A`
           display: -webkit-box;
           -webkit-box-orient: horizontal;
           gap: ${i.sp1};
         `};
-`,Ft=e=>v()==="small"?t.jsx(ds,{...e}):t.jsx(Do,{...e}),{common:{all:He}}=P.getLocalizedStrings(),xs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=he(),u=d(o);return t.jsx(bs,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(ws,{htmlFor:`${o}.${He.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:ge(e)}),value:He.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((h,p)=>{const m=p===0,f=e.notifications.length-1===p;return{label:t.jsx(Ft,{notificationData:h,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:f?i.sp2:void 0,borderBottomRightRadius:f?i.sp2:void 0},isHighlighted:u?.includes(h.notificationId)===!0,onNotificationTileClick:l}),value:h.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},bs=r.div`
+`,Ft=e=>v()==="small"?t.jsx(ds,{...e}):t.jsx(zo,{...e}),{common:{all:He}}=P.getLocalizedStrings(),xs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=ue(),h=d(o);return t.jsx(bs,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(ws,{htmlFor:`${o}.${He.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:ge(e)}),value:He.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((u,p)=>{const m=p===0,f=e.notifications.length-1===p;return{label:t.jsx(Ft,{notificationData:u,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:f?i.sp2:void 0,borderBottomRightRadius:f?i.sp2:void 0},isHighlighted:h?.includes(u.notificationId)===!0,onNotificationTileClick:l}),value:u.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},bs=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -570,7 +570,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:Ve}}=P.getLocalizedStrings(),ys=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=he(),u=d(o),h=g.useRef([]);return g.useEffect(()=>{h.current=h.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx($s,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(Ye,{htmlFor:`${o}.${Ve.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:ge(e)}),value:Ve.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,x=e.notifications.length-1===m;return{label:t.jsx(Ye,{ref:k=>h.current[m]=k,htmlFor:`${o}.${p.notificationId}`,style:{padding:i.sp0},children:t.jsx(js,{notificationData:p,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(p.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{h.current[m]?.click()}})}),value:p.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},$s=r.div`
+`,{common:{all:Ve}}=P.getLocalizedStrings(),ys=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=ue(),h=d(o),u=g.useRef([]);return g.useEffect(()=>{u.current=u.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx($s,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(Ye,{htmlFor:`${o}.${Ve.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:ge(e)}),value:Ve.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,x=e.notifications.length-1===m;return{label:t.jsx(Ye,{ref:k=>u.current[m]=k,htmlFor:`${o}.${p.notificationId}`,style:{padding:i.sp0},children:t.jsx(js,{notificationData:p,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:h?.includes(p.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{u.current[m]?.click()}})}),value:p.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},$s=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -579,7 +579,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,js=r(Ft)``,ks=e=>v()==="small"?t.jsx(ys,{...e}):t.jsx(xs,{...e}),{commentsAndNotifications:{notifications:{message:Ss}}}=P.getLocalizedStrings(),We={rowGap:new R(w[0],w[5],w[5])},vs=({notificationGroups:e,isFetching:o,hasMore:s,sectionId:a,checkBoxMode:n,scrollYOffset:l,currentSubTab:c,isDisabled:d,onUpdateScrollYOffset:u,onFetchNotificationGroups:h,onNotificationClick:p})=>{const m=v(),f=g.useRef(null),x=g.useRef({});g.useEffect(()=>{f.current?.resetAfterIndex(0,!0)},[m,f,e]),g.useEffect(()=>{f.current?.scrollTo(l)},[c]);const k=g.useCallback(L=>{if(x.current?.[L]!=null){const C=m==="small"&&s===!1&&L===e.length-1?We.rowGap.value("medium-regular"):We.rowGap.value(m);return x.current[L]+C}return(ft*zt.value(m)+mt)*3+gt+xt},[m,x,e]),B=g.useCallback((L,C)=>{x.current={...x.current,[L]:C},f.current?.resetAfterIndex(0,!0)},[m,f,e]),z=g.useCallback(()=>{h()},[h]),N=g.useCallback(()=>{},[]),b=tt(L=>u(L),1e3,{trailing:!0}),I=L=>!s||L<e.length,j=g.useCallback(()=>s&&!o?z():N(),[s,o,z,N]),V=s?e.length+1:e.length;return t.jsx(Ts,{children:t.jsx(Ns,{windowSize:m,children:o&&e.length===0?t.jsx(ss,{}):o===!1&&e.length===0?t.jsx(it,{message:Ss.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(Is,{windowSize:m,children:t.jsx(ot,{children:({height:L,width:C})=>t.jsx(st,{isItemLoaded:I,itemCount:bt,loadMoreItems:j,children:({onItemsRendered:G,ref:Y})=>t.jsx(at,{ref:E=>{Y(E),f.current=E},height:L,itemCount:V,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:n,isDisabled:d,isItemLoaded:I,setRowHeight:B,onNotificationClick:p},onItemsRendered:G,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:E})=>{b(E)},initialScrollOffset:l,children:Cs})})})})})})},Cs=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:n,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:u,onNotificationClick:h}=s,p=g.useRef(null),m=v();if(g.useEffect(()=>{p.current?.firstElementChild!=null&&u(e,p.current.firstElementChild.clientHeight)},[e,p,m,a[e]?.notifications]),c(e)===!0){const f=a[e],x=le(f);return t.jsx(Je,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:p,children:t.jsx(ks,{notificationGroup:f,sectionId:`${n}.${x}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:h})},x)}return t.jsx(Je,{ref:p,style:{...o,paddingBottom:i.sp0},children:t.jsx(Ce,{numberOfRows:3})},ue())},Ts=r.div`
+`,js=r(Ft)``,ks=e=>v()==="small"?t.jsx(ys,{...e}):t.jsx(xs,{...e}),{commentsAndNotifications:{notifications:{message:Ss}}}=P.getLocalizedStrings(),We={rowGap:new R(w[0],w[5],w[5])},vs=({notificationGroups:e,isFetching:o,hasMore:s,sectionId:a,checkBoxMode:n,scrollYOffset:l,currentSubTab:c,isDisabled:d,onUpdateScrollYOffset:h,onFetchNotificationGroups:u,onNotificationClick:p})=>{const m=v(),f=g.useRef(null),x=g.useRef({});g.useEffect(()=>{f.current?.resetAfterIndex(0,!0)},[m,f,e]),g.useEffect(()=>{f.current?.scrollTo(l)},[c]);const k=g.useCallback(L=>{if(x.current?.[L]!=null){const C=m==="small"&&s===!1&&L===e.length-1?We.rowGap.value("medium-regular"):We.rowGap.value(m);return x.current[L]+C}return(ft*Dt.value(m)+mt)*3+gt+xt},[m,x,e]),B=g.useCallback((L,C)=>{x.current={...x.current,[L]:C},f.current?.resetAfterIndex(0,!0)},[m,f,e]),D=g.useCallback(()=>{u()},[u]),N=g.useCallback(()=>{},[]),b=tt(L=>h(L),1e3,{trailing:!0}),I=L=>!s||L<e.length,j=g.useCallback(()=>s&&!o?D():N(),[s,o,D,N]),V=s?e.length+1:e.length;return t.jsx(Ts,{children:t.jsx(Ns,{windowSize:m,children:o&&e.length===0?t.jsx(ss,{}):o===!1&&e.length===0?t.jsx(it,{message:Ss.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(Is,{windowSize:m,children:t.jsx(ot,{children:({height:L,width:C})=>t.jsx(st,{isItemLoaded:I,itemCount:bt,loadMoreItems:j,children:({onItemsRendered:G,ref:Y})=>t.jsx(at,{ref:E=>{Y(E),f.current=E},height:L,itemCount:V,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:n,isDisabled:d,isItemLoaded:I,setRowHeight:B,onNotificationClick:p},onItemsRendered:G,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:E})=>{b(E)},initialScrollOffset:l,children:Cs})})})})})})},Cs=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:n,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:h,onNotificationClick:u}=s,p=g.useRef(null),m=v();if(g.useEffect(()=>{p.current?.firstElementChild!=null&&h(e,p.current.firstElementChild.clientHeight)},[e,p,m,a[e]?.notifications]),c(e)===!0){const f=a[e],x=le(f);return t.jsx(Je,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:p,children:t.jsx(ks,{notificationGroup:f,sectionId:`${n}.${x}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:u})},x)}return t.jsx(Je,{ref:p,style:{...o,paddingBottom:i.sp0},children:t.jsx(Ce,{numberOfRows:3})},he())},Ts=r.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -596,13 +596,13 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{all:Te,texts:ne,footer:Ls,strings:{plus:Rs},numbers:{maximumCount:qe}},commentsAndNotifications:{notifications:{title:_s,texts:Gt,strings:Ze}}}=P.getLocalizedStrings(),ie={tableContainerLeftPadding:new R(w[2],w[2],w[2]),tableContainerRightPadding:new R(w[3],w[6],w[8]),tabsContainerLeftRightPadding:new R(w[3],w[6],w[8]),selectedNotificationsTextMarginLeft:new R(w[0],w[6],w[6])},zs={selectedNotificationsText:new ni("smallRegular","standardRegular")},Xe="notificationsPage",Z="commentsNotificationsTable",X="notificationsTable",Et=20,ua=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:n,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:u,onUpdateNotificationViewSubTab:h,onFetchMoreNotifications:p,onUpdateNotificationStatus:m,onSettingsClick:f,onBackClick:x,onMarkAllNotificationsAsRead:k})=>{const B=Q(),z=v(),N=Zt({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>et(e),[e]),values:g.useMemo(()=>et(e),[e])}),{currentTab:b,currentSubTab:I,notificationDetailsByTab:j,allSubTabs:V,allNotifications:L,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:Y}=e,E=g.useMemo(()=>Object.keys(j).map(y=>({label:ne[y],id:ne[y].toLocaleLowerCase(),countDetails:{count:j[y].uiState.unreadCount,isFetching:j[y].fetchCountState.fetchState==="In-Progress"}})),[j]),W=g.useMemo(()=>V.map(y=>({label:y==="all"?Te:ne[y],id:y})),[V]),Ut=g.useMemo(()=>kt(Y).filter(y=>y.notifications.length>0),[Y]),Ht=g.useMemo(()=>_t(G).filter(y=>y.notifications.length>0),[G]),Vt=async(y,T)=>{const F=y.split(".")[0],J=[];F!=null&&(F===Z||F===X)&&(Object.values(T[F]).forEach(D=>{J.push(...D.filter(qt=>qt.includes(Te.toLowerCase())===!1))}),d({selectedNotificationIds:J},b))};g.useEffect(()=>{const y=N.watch((T,{name:F})=>{F!=null&&T!=null&&Xt(()=>Vt(F,T))});return()=>{y.unsubscribe()}});const xe=g.useCallback(()=>{const y=[],T=j[b].selectedNotificationIdsForSubTab,F="read";if(b==="comments"){const J=C.filter(D=>D.inboxNotification.readAt==null).map(D=>D.inboxNotification.id);T.forEach(D=>{J.includes(D)&&y.push(D)})}else{const J=L.filter(D=>D.status!==F).map(D=>D.notificationId);T.forEach(D=>{J.includes(D)&&y.push(D)})}return y},[C,L,b,j]),Yt=xe().length>Et?"disabled":a,be=N.watch(Z),we=N.watch(X),Le=g.useCallback(()=>{p(b,I)},[p,b,I]),Wt=g.useCallback(()=>{if(b==="comments"){const y={};Object.keys(be).forEach(T=>{y[T]=[]}),N.reset({[Z]:y,[X]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const y={};Object.keys(we).forEach(T=>{y[T]=[]}),N.reset({[X]:y,[Z]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[we,be]),Jt=g.useCallback(()=>{const y=j[b].selectedNotificationIdsForSubTab,T="read",F=xe();m(b,y,T,F)},[b,j,xe,m]);return t.jsxs(Ms,{children:[t.jsx(Kt,{source:"NotificationsPage",title:_s.notifications,backgroundColor:B.colors.grey4,onBackClick:x,rightSideComponent:s===!0?t.jsx(Zs,{onClick:f}):t.jsx(qs,{})}),t.jsx(Ps,{}),t.jsx(Os,{windowSize:z,children:t.jsx(xi,{tabs:E,selectedTab:b,onTabChange:y=>{const T=mi(y);T!=null&&u(T)},subTabs:W,selectedSubTab:I,onSubTabChange:y=>{const T=fi(y);T!=null&&h(T)},subTabRightComponent:t.jsx(Ds,{notificationCount:j[b].uiState.unreadCount,markAsAllReadUpdateState:j[b].markAsAllReadState.fetchState,markAsReadUpdateState:j[b].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(b)}})})}),t.jsx(As,{windowSize:z,children:t.jsx(Qt,{...N,children:t.jsx("form",{id:Qe(Xe),onSubmit:N.handleSubmit(Jt),style:{width:"100%"},children:b==="comments"?t.jsx(yo,{users:o,hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[I],currentSubTab:I,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ut,sectionId:Z,onFetchNotificationGroups:Le,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[I]:y}},b),onNotificationClick:l}):t.jsx(vs,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[I],currentSubTab:I,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ht,sectionId:X,onFetchNotificationGroups:Le,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[I]:y}},b),onNotificationClick:n})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(ei,{formId:Qe(Xe),primaryBtn:{label:Gt.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Yt!=null},cancelBtn:{label:Ls.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Wt},helperContainerStyle:z==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(ye,{controller:z!=="small",children:t.jsx(Ke,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(ye,{controller:z==="small",children:t.jsx(Ke,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(ye,{controller:z!=="small",children:t.jsx(Gs,{})})}):null]})},Ds=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const n=s===0,l=g.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!n&&a()},[e,o,n,a]);return t.jsx(Bs,{variant:"tertiary",size:"small",label:Gt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(oi,{size:"Small",start:!0}):t.jsx(Fs,{className:"mark-as-read"}),disabled:n,textStyle:{fontWeight:Ne.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||n?"default":"pointer"}})},Ke=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Es,{windowSize:o,children:[t.jsx(Hs,{children:t.jsx(Us,{isCircular:e<10,children:t.jsx(Vs,{children:e>qe?`${qe}${Rs}`:e})})}),t.jsxs(Js,{windowSize:o,children:[t.jsx(Ys,{children:e>1?Ze.notificationsSelected:Ze.notificationSelected}),e>Et?t.jsx(Ws,{children:ne.maxLimit}):null]})]})},Ms=r.div`
+`,{common:{all:Te,texts:ne,footer:Ls,strings:{plus:Rs},numbers:{maximumCount:Xe}},commentsAndNotifications:{notifications:{title:_s,texts:Gt,strings:qe}}}=P.getLocalizedStrings(),ie={tableContainerLeftPadding:new R(w[2],w[2],w[2]),tableContainerRightPadding:new R(w[3],w[6],w[8]),tabsContainerLeftRightPadding:new R(w[3],w[6],w[8]),selectedNotificationsTextMarginLeft:new R(w[0],w[6],w[6])},Ds={selectedNotificationsText:new ni("smallRegular","standardRegular")},Ze="notificationsPage",q="commentsNotificationsTable",Z="notificationsTable",Et=20,ha=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:n,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:h,onUpdateNotificationViewSubTab:u,onFetchMoreNotifications:p,onUpdateNotificationStatus:m,onSettingsClick:f,onBackClick:x,onMarkAllNotificationsAsRead:k})=>{const B=Q(),D=v(),N=qt({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>et(e),[e]),values:g.useMemo(()=>et(e),[e])}),{currentTab:b,currentSubTab:I,notificationDetailsByTab:j,allSubTabs:V,allNotifications:L,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:Y}=e,E=g.useMemo(()=>Object.keys(j).map(y=>({label:ne[y],id:ne[y].toLocaleLowerCase(),countDetails:{count:j[y].uiState.unreadCount,isFetching:j[y].fetchCountState.fetchState==="In-Progress"}})),[j]),W=g.useMemo(()=>V.map(y=>({label:y==="all"?Te:ne[y],id:y})),[V]),Ut=g.useMemo(()=>kt(Y).filter(y=>y.notifications.length>0),[Y]),Ht=g.useMemo(()=>_t(G).filter(y=>y.notifications.length>0),[G]),Vt=async(y,T)=>{const F=y.split(".")[0],J=[];F!=null&&(F===q||F===Z)&&(Object.values(T[F]).forEach(z=>{J.push(...z.filter(Xt=>Xt.includes(Te.toLowerCase())===!1))}),d({selectedNotificationIds:J},b))};g.useEffect(()=>{const y=N.watch((T,{name:F})=>{F!=null&&T!=null&&Zt(()=>Vt(F,T))});return()=>{y.unsubscribe()}});const xe=g.useCallback(()=>{const y=[],T=j[b].selectedNotificationIdsForSubTab,F="read";if(b==="comments"){const J=C.filter(z=>z.inboxNotification.readAt==null).map(z=>z.inboxNotification.id);T.forEach(z=>{J.includes(z)&&y.push(z)})}else{const J=L.filter(z=>z.status!==F).map(z=>z.notificationId);T.forEach(z=>{J.includes(z)&&y.push(z)})}return y},[C,L,b,j]),Yt=xe().length>Et?"disabled":a,be=N.watch(q),we=N.watch(Z),Le=g.useCallback(()=>{p(b,I)},[p,b,I]),Wt=g.useCallback(()=>{if(b==="comments"){const y={};Object.keys(be).forEach(T=>{y[T]=[]}),N.reset({[q]:y,[Z]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const y={};Object.keys(we).forEach(T=>{y[T]=[]}),N.reset({[Z]:y,[q]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[we,be]),Jt=g.useCallback(()=>{const y=j[b].selectedNotificationIdsForSubTab,T="read",F=xe();m(b,y,T,F)},[b,j,xe,m]);return t.jsxs(Ms,{children:[t.jsx(Kt,{source:"NotificationsPage",title:_s.notifications,backgroundColor:B.colors.grey4,onBackClick:x,rightSideComponent:s===!0?t.jsx(qs,{onClick:f}):t.jsx(Xs,{})}),t.jsx(Ps,{}),t.jsx(As,{windowSize:D,children:t.jsx(xi,{tabs:E,selectedTab:b,onTabChange:y=>{const T=mi(y);T!=null&&h(T)},subTabs:W,selectedSubTab:I,onSubTabChange:y=>{const T=fi(y);T!=null&&u(T)},subTabRightComponent:t.jsx(zs,{notificationCount:j[b].uiState.unreadCount,markAsAllReadUpdateState:j[b].markAsAllReadState.fetchState,markAsReadUpdateState:j[b].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(b)}})})}),t.jsx(Os,{windowSize:D,children:t.jsx(Qt,{...N,children:t.jsx("form",{id:Qe(Ze),onSubmit:N.handleSubmit(Jt),style:{width:"100%"},children:b==="comments"?t.jsx(yo,{users:o,hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[I],currentSubTab:I,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ut,sectionId:q,onFetchNotificationGroups:Le,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[I]:y}},b),onNotificationClick:l}):t.jsx(vs,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[I],currentSubTab:I,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ht,sectionId:Z,onFetchNotificationGroups:Le,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[I]:y}},b),onNotificationClick:n})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(ei,{formId:Qe(Ze),primaryBtn:{label:Gt.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Yt!=null},cancelBtn:{label:Ls.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Wt},helperContainerStyle:D==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(ye,{controller:D!=="small",children:t.jsx(Ke,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(ye,{controller:D==="small",children:t.jsx(Ke,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(ye,{controller:D!=="small",children:t.jsx(Gs,{})})}):null]})},zs=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const n=s===0,l=g.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!n&&a()},[e,o,n,a]);return t.jsx(Bs,{variant:"tertiary",size:"small",label:Gt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(oi,{size:"Small",start:!0}):t.jsx(Fs,{className:"mark-as-read"}),disabled:n,textStyle:{fontWeight:Ne.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||n?"default":"pointer"}})},Ke=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Es,{windowSize:o,children:[t.jsx(Hs,{children:t.jsx(Us,{isCircular:e<10,children:t.jsx(Vs,{children:e>Xe?`${Xe}${Rs}`:e})})}),t.jsxs(Js,{windowSize:o,children:[t.jsx(Ys,{children:e>1?qe.notificationsSelected:qe.notificationSelected}),e>Et?t.jsx(Ws,{children:ne.maxLimit}):null]})]})},Ms=r.div`
   display: flex;
   height: 100vh;
   width: 100%;
   flex-direction: column;
   background-color: ${e=>e.theme.colors.grey4};
-`,As=r.div`
+`,Os=r.div`
   display: flex;
   height: 100%;
   overflow: auto;
@@ -610,7 +610,7 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   padding-bottom: ${i.sp0};
   padding-left: ${e=>ie.tableContainerLeftPadding.valuePx(e.windowSize)};
   padding-right: ${e=>ie.tableContainerRightPadding.valuePx(e.windowSize)};
-`,Os=r.div`
+`,As=r.div`
   padding-top: ${i.sp0};
   padding-bottom: ${i.sp0};
   padding-left: ${e=>ie.tabsContainerLeftRightPadding.valuePx(e.windowSize)};
@@ -637,11 +637,11 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   gap: ${i.sp2};
   margin-left: ${e=>ie.selectedNotificationsTextMarginLeft.valuePx(e.windowSize)};
 `,Us=r.div`
-  ${e=>e.isCircular?O`
+  ${e=>e.isCircular?A`
           height: ${i.sp3};
           width: ${i.sp3};
           padding: ${i.sp0};
-        `:O`
+        `:A`
           height: 18px;
           min-width: ${i.sp3};
           padding: ${i.sp0} ${i.sp1};
@@ -666,15 +666,15 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   color: ${S.important};
   margin-left: ${i.sp1};
 `,Js=r(nt)`
-  ${e=>`${zs.selectedNotificationsText.style(e.windowSize)}`};
+  ${e=>`${Ds.selectedNotificationsText.style(e.windowSize)}`};
   color: ${e=>e.theme.colors.primary};
   display: flex;
   align-items: center;
   flex-wrap: wrap;
-`,qs=r.div`
+`,Xs=r.div`
   width: ${i.sp4};
   height: ${i.sp4};
-`,Zs=r(ti)`
+`,qs=r(ti)`
   color: ${e=>e.theme.colors.hero};
   width: ${i.sp4};
   height: ${i.sp4};
@@ -682,4 +682,4 @@ import{e as Q,q as v,a9 as Zt,cC as Xt,V as t,bA as Kt,ac as Qt,aP as ei,o as i,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Qe=e=>`${e}_form`,et=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:n}}}=e,l={};_t(o).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(h=>h.notificationId);l[le(d)]=a.filter(h=>u.includes(h))});const c={};return kt(s).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(h=>h.inboxNotification.id);c[le(d)]=n.filter(h=>u.includes(h))}),{[Z]:c,[X]:l}},ha=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(n=>{n.includes(Te.toLocaleLowerCase())===!1&&o.includes(n)&&s.push(n)})}),s};export{ua as default,ha as getSelectedNotificationIds,Qe as uniqueFormName};
+`,Qe=e=>`${e}_form`,et=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:n}}}=e,l={};_t(o).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.notificationId);l[le(d)]=a.filter(u=>h.includes(u))});const c={};return kt(s).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.inboxNotification.id);c[le(d)]=n.filter(u=>h.includes(u))}),{[q]:c,[Z]:l}},ua=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(n=>{n.includes(Te.toLocaleLowerCase())===!1&&o.includes(n)&&s.push(n)})}),s};export{ha as default,ua as getSelectedNotificationIds,Qe as uniqueFormName};