@zeniai/web-cockpit-ui 1.14.21-qa → 1.14.22-dev

package/dist/assets/NotificationsListConfig-C14JCaD1-cAHM1Kht.js

@@ -0,0 +1 @@
+import{v as e,q as a}from"./index-P_4M6V8j.js";const r=a[5],o=59,i=a[5],l=e.standardRegular.lineHeightValue,n=1,s=1e3;export{l as A,i as E,n as I,s as L,o as a,r as t};

package/dist/assets/{NotificationsPage-Bg1mW_-3-CzD0o_6Q.js → NotificationsPage-oy3LHVU2-C0LKRRGq.js}

@@ -1,8 +1,8 @@
-import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 as Qt,o as i,_ as we,gu as Xt,C as R,hz as ei,$ as Ne,p as ti,y as et,bR as tt,aj as it,dl as ot,bZ as st,jq as at,s as y,K as ii,jr as oi,dj as ce,ae as si,b as ai,h as rt,g as S,c as ri,bg as z,cm as ue,fD as he,js as pe,w as nt,d5 as lt,dt as E,d3 as dt,fM as ni,k as X,hN as li,n as H,f5 as di,a8 as ye,ap as fe,jt as ci,bd as ct,ju as Ie,aR as ui}from"./index-CteHikkY.js";import{b as x,n as r,j as A}from"./vendor-rkTZJa59.js";import{k as hi}from"./SubTabSwitcher-CoK8FOIA-DDQIjZPM.js";import{d as ut}from"./useLongPress-GCK2COYQ-BoJXFS3o.js";import{A as ht,t as pt,a as ft,E as mt,L as gt,I as xt}from"./NotificationsListConfig-DtICI7X6-CayIRbFW.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";function pi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:u}){const h=v(),p=Q(),m=x.useCallback(b=>{d(b.id)},[d]),f=x.useCallback(b=>{u(b.id)},[u]);return e.length===0?null:t.jsxs(fi,{windowSize:h,children:[t.jsx(ei,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(hi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const fi=r.div`
+import{u as X,e as v,a as Jt,M as P,c9 as Zt,j as t,aW as qt,l as g,F as Kt,a3 as Xt,o as i,b as we,gt as Qt,C as R,ht as ei,v as Ne,m as ti,A as et,bR as tt,ai as it,dl as ot,bZ as st,jc as at,q as y,J as ii,jd as oi,dj as ce,ad as si,X as ai,h as rt,g as S,i as ri,bg as z,cm as he,fF as ue,je as pe,Y as nt,d5 as lt,dt as E,d3 as dt,fO as ni,n as Q,hH as li,B as H,f2 as di,a7 as ye,ao as fe,jf as ci,bd as ct,jg as Ie,aQ as hi}from"./index-P_4M6V8j.js";import{b as x,n as r,j as O}from"./vendor-rkTZJa59.js";import{k as ui}from"./SubTabSwitcher-Au3snima-DElPxhu-.js";import{d as ht}from"./useLongPress-GCK2COYQ-BoJXFS3o.js";import{A as ut,t as pt,a as ft,E as mt,L as gt,I as xt}from"./NotificationsListConfig-C14JCaD1-cAHM1Kht.js";import"./mui-C42whWwM.js";import"./analytics-CBL_L82S.js";import"./routing-VwiwPky5.js";import"./sentry-osuhWjvS.js";import"./redux-2gfZRks6.js";import"./liveblocks-CP09Cz-7.js";import"./crypto-BDNqpTKX.js";function pi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:h}){const u=v(),p=X(),m=x.useCallback(b=>{d(b.id)},[d]),f=x.useCallback(b=>{h(b.id)},[h]);return e.length===0?null:t.jsxs(fi,{windowSize:u,children:[t.jsx(ei,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(ui,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const fi=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,{common:{timeStrings:bt,strings:mi},dateFormat:Te,timeFormat:gi}=P.getLocalizedStrings(),wt=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],ne=e=>e.type.concat(mi.underscore).concat(e.start.format(Te.visual.DdashMMdashYYYYFormat)),me=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return bt[e.type];case"earlier_that_month":return e.start.format(Te.visual.MMMYYYYFormat)}},yt=e=>{const o=g.zeniDate(e.toUTCString()),s=g.dateNow(),a=s.diff(o,"minutes"),n=s.diff(o,"seconds"),l=60,c=24*60;return n<=l?bt.justNow:a<c&&ci(o,0)?o.format(gi.hhmmAFormat):o.format(Te.visual.MMMDFormat)},Re=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:xi}}}}=P.getLocalizedStrings(),$t=e=>{e.sort((n,l)=>g.zeniDate(n.inboxNotification.notifiedAt.toUTCString()).isAfter(g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of wt){let l=0,c=0,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),h=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),a=ie(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&&g.dateNow().date()>2&&(d=g.dateNow().subtract(Math.min(g.dateNow().date()-1,8),"d").startOf("d"),u=g.dateNow().subtract(2,"d").endOf("d"),a=ie(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&&g.dateNow().date()>9&&(d=g.dateNow().startOf("M").startOf("d"),u=g.dateNow().subtract(9,"d").endOf("d"),a=ie(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=g.dateNow().subtract(h,"month").startOf("M").startOf("d"),m=g.dateNow().subtract(h,"month").endOf("M").endOf("d");h++,a=ie(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},ie=(e,o,s)=>{const a=[],n=e.map(l=>at(o,s,g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()).isAfter(g.zeniDate(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:n}},bi=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=xi;return o.comments.length===1?a:s},jt=new R(3,2,1,1,1),kt=new R(y[8],y[6],35,35,y[6]),le={lineClamp:jt,sectionWidth:kt},{common:{texts:ze,timeStrings:wi,strings:ee},commentsAndNotifications:{notifications:{strings:{newMessage:yi},actionStrings:{comments:{newCommentAdded:$i}}}}}=P.getLocalizedStrings(),ji=({notificationData:e,users:o,isHighlighted:s=!1,style:a,onNotificationTileClick:n})=>{const l=nt(),c=lt().analytics,{inboxNotification:{id:d,readAt:u,notifiedAt:h},thread:p}=e,{setRequestToOpenThread:m}=x.useContext(ni),f=u!=null?"read":"unread",{metadata:{url:b,companyId:k,entityType:B},id:D}=p;return t.jsxs(Li,{readStatus:f,isClickable:!!b,isHighlighted:s,style:a,onClick:()=>{b&&(n(d,g.toZeniUrl(b),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(T=>E(T)),p.resolved?"resolved":"open",{name:dt(l.loggedInUser),email:l.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(ki,{notificationData:e,users:o}),t.jsx(vi,{...e}),t.jsx(Ci,{timestamp:h,readStatus:f})]})},St=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,n=a[0];return a.length===0||n.body==null?t.jsx($e,{children:yi}):t.jsx($e,{children:n.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Ni(c)){const h=o.find(p=>p.userId===c.id);return c.id?t.jsx(Si,{notificationData:e,user:h},`${c.id}${ee.underscore}${d}`):null}if(Ti(c)){const h=li(c.url)??c.url;return t.jsx(Ai,{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(zi,{children:u},d)),c.italic===!0&&(u=t.jsx(_i,{children:u},d)),c.strikethrough===!0&&(u=t.jsx(Mi,{children:u},d)),c.code===!0&&(u=t.jsx(Di,{children:u},d)),t.jsx(Oi,{children:u},d)});default:return t.jsx($e,{children:$i})}})})},ki=({notificationData:e,users:o})=>{const s=v();return t.jsx(Pi,{windowSize:s,children:t.jsx(St,{notificationData:e,users:o})})},Si=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let n=t.jsxs(De,{className:"userText",readStatus:a,children:[ee.atTheRate,ze.user,ee.space]});if(o!=null){const l=E(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(De,{className:"userText",readStatus:a,children:[ee.atTheRate,l||ze.user,ee.space]})})}return n},vt=e=>{const o=bi(e);return t.jsx(t.Fragment,{children:o})},vi=e=>{const o=v();return t.jsx(Ri,{windowSize:o,children:t.jsx(vt,{...e})})},Ct=e=>{const{timestamp:o,readStatus:s}=e,a=yt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Bi,{isNewNotification:a===wi.justNow,children:a}),t.jsx(Fi,{readStatus:s})]})},Ci=e=>{const o=v();return t.jsx(Ii,{windowSize:o,children:t.jsx(Ct,{...e})})};function Ni(e){return"type"in e&&e.type==="mention"}function Ti(e){return"type"in e&&e.type==="link"}const Li=r.div`
+`,{common:{timeStrings:bt,strings:mi},dateFormat:Te,timeFormat:gi}=P.getLocalizedStrings(),wt=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],ne=e=>e.type.concat(mi.underscore).concat(e.start.format(Te.visual.DdashMMdashYYYYFormat)),me=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return bt[e.type];case"earlier_that_month":return e.start.format(Te.visual.MMMYYYYFormat)}},yt=e=>{const o=g.zeniDate(e.toUTCString()),s=g.dateNow(),a=s.diff(o,"minutes"),n=s.diff(o,"seconds"),l=60,c=24*60;return n<=l?bt.justNow:a<c&&ci(o,0)?o.format(gi.hhmmAFormat):o.format(Te.visual.MMMDFormat)},Re=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:xi}}}}=P.getLocalizedStrings(),$t=e=>{e.sort((n,l)=>g.zeniDate(n.inboxNotification.notifiedAt.toUTCString()).isAfter(g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of wt){let l=0,c=0,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),h=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),h=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),a=ie(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&&g.dateNow().date()>2&&(d=g.dateNow().subtract(Math.min(g.dateNow().date()-1,8),"d").startOf("d"),h=g.dateNow().subtract(2,"d").endOf("d"),a=ie(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&&g.dateNow().date()>9&&(d=g.dateNow().startOf("M").startOf("d"),h=g.dateNow().subtract(9,"d").endOf("d"),a=ie(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=g.dateNow().subtract(u,"month").startOf("M").startOf("d"),m=g.dateNow().subtract(u,"month").endOf("M").endOf("d");u++,a=ie(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},ie=(e,o,s)=>{const a=[],n=e.map(l=>at(o,s,g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>g.zeniDate(l.inboxNotification.notifiedAt.toUTCString()).isAfter(g.zeniDate(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:n}},bi=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=xi;return o.comments.length===1?a:s},jt=new R(3,2,1,1,1),kt=new R(y[8],y[6],35,35,y[6]),le={lineClamp:jt,sectionWidth:kt},{common:{texts:ze,timeStrings:wi,strings:ee},commentsAndNotifications:{notifications:{strings:{newMessage:yi},actionStrings:{comments:{newCommentAdded:$i}}}}}=P.getLocalizedStrings(),ji=({notificationData:e,users:o,isHighlighted:s=!1,style:a,onNotificationTileClick:n})=>{const l=nt(),c=lt().analytics,{inboxNotification:{id:d,readAt:h,notifiedAt:u},thread:p}=e,{setRequestToOpenThread:m}=x.useContext(ni),f=h!=null?"read":"unread",{metadata:{url:b,companyId:k,entityType:B},id:D}=p;return t.jsxs(Li,{readStatus:f,isClickable:!!b,isHighlighted:s,style:a,onClick:()=>{b&&(n(d,g.toZeniUrl(b),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(T=>E(T)),p.resolved?"resolved":"open",{name:dt(l.loggedInUser),email:l.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(ki,{notificationData:e,users:o}),t.jsx(vi,{...e}),t.jsx(Ci,{timestamp:u,readStatus:f})]})},St=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,n=a[0];return a.length===0||n.body==null?t.jsx($e,{children:yi}):t.jsx($e,{children:n.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Ni(c)){const u=o.find(p=>p.userId===c.id);return c.id?t.jsx(Si,{notificationData:e,user:u},`${c.id}${ee.underscore}${d}`):null}if(Ti(c)){const u=li(c.url)??c.url;return t.jsx(Oi,{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(zi,{children:h},d)),c.italic===!0&&(h=t.jsx(_i,{children:h},d)),c.strikethrough===!0&&(h=t.jsx(Mi,{children:h},d)),c.code===!0&&(h=t.jsx(Di,{children:h},d)),t.jsx(Ai,{children:h},d)});default:return t.jsx($e,{children:$i})}})})},ki=({notificationData:e,users:o})=>{const s=v();return t.jsx(Pi,{windowSize:s,children:t.jsx(St,{notificationData:e,users:o})})},Si=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let n=t.jsxs(De,{className:"userText",readStatus:a,children:[ee.atTheRate,ze.user,ee.space]});if(o!=null){const l=E(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(De,{className:"userText",readStatus:a,children:[ee.atTheRate,l||ze.user,ee.space]})})}return n},vt=e=>{const o=bi(e);return t.jsx(t.Fragment,{children:o})},vi=e=>{const o=v();return t.jsx(Ri,{windowSize:o,children:t.jsx(vt,{...e})})},Ct=e=>{const{timestamp:o,readStatus:s}=e,a=yt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Bi,{isNewNotification:a===wi.justNow,children:a}),t.jsx(Fi,{readStatus:s})]})},Ci=e=>{const o=v();return t.jsx(Ii,{windowSize:o,children:t.jsx(Ct,{...e})})};function Ni(e){return"type"in e&&e.type==="mention"}function Ti(e){return"type"in e&&e.type==="link"}const Li=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -33,7 +33,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
     border-bottom-right-radius: inherit;
   }
 
-  ${e=>e.isHighlighted?A`
+  ${e=>e.isHighlighted?O`
           z-index: 1;
           color: ${e.theme.colors.primary};
           border: 1px solid ${e.theme.colors.primary};
@@ -43,7 +43,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
           }
         `:null};
 
-  ${e=>e.isClickable?A`
+  ${e=>e.isClickable?O`
           &:hover {
             z-index: 1;
             color: ${e.theme.colors.primary};
@@ -61,14 +61,14 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,Ri=r(X)`
+`,Ri=r(Q)`
   color: inherit;
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: ${e=>le.lineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   width: ${e=>le.sectionWidth.valuePercentage(e.windowSize)};
-`,zi=r.strong``,Di=r.code``,_i=r.em``,Mi=r.s``,Oi=r.span``,Ai=r.a``,Pi=r(X)`
+`,zi=r.strong``,Di=r.code``,_i=r.em``,Mi=r.s``,Ai=r.span``,Oi=r.a``,Pi=r(Q)`
   color: inherit;
   display: -webkit-box;
   overflow: hidden;
@@ -120,7 +120,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
   width: ${e=>e.isLastItem?"10%":kt.valuePercentage(e.windowSize)};
-`,Ei=()=>{const e=v();return t.jsxs(Hi,{windowSize:e,children:[t.jsxs(Vi,{children:[t.jsx(z,{width:180,height:y[4]}),t.jsx(z,{width:180,height:y[4]})]}),t.jsx(Yi,{children:t.jsx(z,{width:60,height:18})})]})},Hi=r.div`
+`,Ei=()=>{const e=v();return t.jsxs(Hi,{windowSize:e,children:[t.jsxs(Yi,{children:[t.jsx(z,{width:180,height:y[4]}),t.jsx(z,{width:180,height:y[4]})]}),t.jsx(Vi,{children:t.jsx(z,{width:60,height:18})})]})},Hi=r.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -146,19 +146,19 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
     border-bottom-left-radius: ${i.sp2};
     border-bottom-right-radius: ${i.sp2};
   }
-`,Vi=r.div`
+`,Yi=r.div`
   display: flex;
   align-items: start;
   flex-direction: column;
   gap: ${i.sp2};
   flex: 1 1 auto;
   justify-content: start;
-`,Yi=r.div`
+`,Vi=r.div`
   display: flex;
   align-items: baseline;
   flex-direction: row;
   justify-content: end;
-`,Wi=()=>v()==="small"?t.jsx(Ei,{}):t.jsx(Gi,{}),Ji={marginLeft:new R(y[2],y[5],y[7])},qi=()=>t.jsxs(Zi,{children:[t.jsx(Se,{numberOfRows:5}),t.jsx(Se,{numberOfRows:3})]}),Se=({numberOfRows:e})=>{const o=v();return t.jsxs(Ki,{windowSize:o,children:[t.jsx(Xi,{children:t.jsx(z,{width:y[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(Qi,{children:[...Array(e)].map(s=>t.jsx(Wi,{},ce()))})]})},Zi=r.div`
+`,Wi=()=>v()==="small"?t.jsx(Ei,{}):t.jsx(Gi,{}),Ji={marginLeft:new R(y[2],y[5],y[7])},Zi=()=>t.jsxs(qi,{children:[t.jsx(Se,{numberOfRows:5}),t.jsx(Se,{numberOfRows:3})]}),Se=({numberOfRows:e})=>{const o=v();return t.jsxs(Ki,{windowSize:o,children:[t.jsx(Qi,{children:t.jsx(z,{width:y[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(Xi,{children:[...Array(e)].map(s=>t.jsx(Wi,{},ce()))})]})},qi=r.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -168,14 +168,14 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   flex-direction: column;
   margin-bottom: ${i.sp5};
   margin-left: ${e=>Ji.marginLeft.valuePx(e.windowSize)};
-`,Qi=r.div`
+`,Xi=r.div`
   display: flex;
   flex-direction: column;
   border-radius: ${i.sp2};
-`,Xi=r.div`
+`,Qi=r.div`
   display: flex;
   padding: ${i.sp3} ${i.sp0};
-`,eo=({notificationData:e,users:o,isSelectionMode:s=!1,isHighlighted:a=!1,style:n,onNotificationTileClick:l,onNotificationTileLongPress:c})=>{const d=nt(),u=lt().analytics,{inboxNotification:{id:h,readAt:p,notifiedAt:m},thread:f}=e,b=p!=null?"read":"unread",k=f.metadata.url,B=x.useCallback(()=>{c?.()},[c]),D=x.useCallback(w=>{w.stopPropagation(),w.cancelable&&w.preventDefault(),s?c?.():k!=null&&(l(h,g.toZeniUrl(f.metadata.url),b),f.metadata.application!=="cockpit"&&u.trackCommentActivity("notification","clicked",f.metadata.companyName,d.controllersList.controllers.map(L=>E(L)),f.resolved?"resolved":"open",{name:dt(d.loggedInUser),email:d.loggedInUser?.userEmail??""},"db notification"))},[s,k,c,l,h,f.metadata.url,f.metadata.application,b,d.controllersList,d.loggedInUser,u,f.metadata.companyName,f.resolved]),T=ut({onLongPress:B},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(so,{readStatus:b,isClickable:k!=null,isHighlighted:a,style:n,...T,onClick:D,children:[t.jsxs(ro,{children:[t.jsx(to,{notificationData:e,users:o}),t.jsx(io,{...e})]}),t.jsx(oo,{timestamp:m,readStatus:b})]})},to=({notificationData:e,users:o})=>t.jsx(Nt,{children:t.jsx(St,{notificationData:e,users:o})}),io=e=>t.jsx(Nt,{children:t.jsx(vt,{...e})}),oo=e=>t.jsx(ao,{children:t.jsx(Ct,{...e})}),so=r.div`
+`,eo=({notificationData:e,users:o,isSelectionMode:s=!1,isHighlighted:a=!1,style:n,onNotificationTileClick:l,onNotificationTileLongPress:c})=>{const d=nt(),h=lt().analytics,{inboxNotification:{id:u,readAt:p,notifiedAt:m},thread:f}=e,b=p!=null?"read":"unread",k=f.metadata.url,B=x.useCallback(()=>{c?.()},[c]),D=x.useCallback(w=>{w.stopPropagation(),w.cancelable&&w.preventDefault(),s?c?.():k!=null&&(l(u,g.toZeniUrl(f.metadata.url),b),f.metadata.application!=="cockpit"&&h.trackCommentActivity("notification","clicked",f.metadata.companyName,d.controllersList.controllers.map(L=>E(L)),f.resolved?"resolved":"open",{name:dt(d.loggedInUser),email:d.loggedInUser?.userEmail??""},"db notification"))},[s,k,c,l,u,f.metadata.url,f.metadata.application,b,d.controllersList,d.loggedInUser,h,f.metadata.companyName,f.resolved]),T=ht({onLongPress:B},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(so,{readStatus:b,isClickable:k!=null,isHighlighted:a,style:n,...T,onClick:D,children:[t.jsxs(ro,{children:[t.jsx(to,{notificationData:e,users:o}),t.jsx(io,{...e})]}),t.jsx(oo,{timestamp:m,readStatus:b})]})},to=({notificationData:e,users:o})=>t.jsx(Nt,{children:t.jsx(St,{notificationData:e,users:o})}),io=e=>t.jsx(Nt,{children:t.jsx(vt,{...e})}),oo=e=>t.jsx(ao,{children:t.jsx(Ct,{...e})}),so=r.div`
   display: flex;
   flex-direction: row;
   align-items: baseline;
@@ -207,7 +207,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
     border-bottom-right-radius: inherit;
   }
 
-  ${e=>e.isHighlighted?A`
+  ${e=>e.isHighlighted?O`
           z-index: 1;
           color: ${e.theme.colors.primary};
           border: 1px solid ${e.theme.colors.primary};
@@ -217,7 +217,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
           }
         `:null};
 
-  ${e=>e.isClickable?A`
+  ${e=>e.isClickable?O`
           &:hover {
             z-index: 1;
             color: ${e.theme.colors.primary};
@@ -239,12 +239,12 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   display: flex;
   flex-direction: column;
   gap: ${i.sp2};
-`,Nt=r(X)`
+`,Nt=r(Q)`
   color: inherit;
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;
-`,Tt=e=>v()==="small"?t.jsx(eo,{...e}):t.jsx(ji,{...e}),{common:{all:_e}}=P.getLocalizedStrings(),no=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:u}=ue(),h=u(s);return t.jsx(lo,{style:n,children:t.jsx(he,{mode:a,checkBoxes:[{label:t.jsx(co,{htmlFor:`${s}.${_e.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:me(e)}),value:_e.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Tt,{notificationData:p,users:o,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0},isHighlighted:h?.includes(p.inboxNotification.id)===!0,onNotificationTileClick:c}),value:p.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},lo=r.div`
+`,Tt=e=>v()==="small"?t.jsx(eo,{...e}):t.jsx(ji,{...e}),{common:{all:_e}}=P.getLocalizedStrings(),no=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=X(),{getValues:h}=he(),u=h(s);return t.jsx(lo,{style:n,children:t.jsx(ue,{mode:a,checkBoxes:[{label:t.jsx(co,{htmlFor:`${s}.${_e.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:me(e)}),value:_e.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Tt,{notificationData:p,users:o,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0},isHighlighted: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}})})},lo=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -253,16 +253,16 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:Me}}=P.getLocalizedStrings(),uo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:u}=ue(),h=u(s),p=x.useRef([]);return x.useEffect(()=>{p.current=p.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(ho,{style:n,children:t.jsx(he,{mode:a,checkBoxes:[{label:t.jsx(Oe,{htmlFor:`${s}.${Me.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:me(e)}),value:Me.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((m,f)=>{const b=f===0,k=e.notifications.length-1===f;return{label:t.jsx(Oe,{ref:B=>p.current[f]=B,htmlFor:`${s}.${m.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(po,{notificationData:m,users:o,style:{borderTopLeftRadius:b?i.sp2:void 0,borderTopRightRadius:b?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:h?.includes(m.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{p.current[f]?.click()}})}),value:m.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:d.colors.grey5}})})},ho=r.div`
+`,{common:{all:Me}}=P.getLocalizedStrings(),ho=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=X(),{getValues:h}=he(),u=h(s),p=x.useRef([]);return x.useEffect(()=>{p.current=p.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(uo,{style:n,children:t.jsx(ue,{mode:a,checkBoxes:[{label:t.jsx(Ae,{htmlFor:`${s}.${Me.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:me(e)}),value:Me.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((m,f)=>{const b=f===0,k=e.notifications.length-1===f;return{label:t.jsx(Ae,{ref:B=>p.current[f]=B,htmlFor:`${s}.${m.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(po,{notificationData:m,users:o,style:{borderTopLeftRadius:b?i.sp2:void 0,borderTopRightRadius:b?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted: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}})})},uo=r.div`
   display: flex;
   align-items: center;
   width: 100%;
-`,Oe=r(pe)`
+`,Ae=r(pe)`
   display: flex;
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,po=r(Tt)``,fo=e=>v()==="small"?t.jsx(uo,{...e}):t.jsx(no,{...e}),{commentsAndNotifications:{notifications:{message:mo}}}=P.getLocalizedStrings(),Ae={rowGap:new R(y[0],y[5],y[5])},go=({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(),b=x.useRef(null),k=x.useRef({});x.useEffect(()=>{b.current?.resetAfterIndex(0,!0)},[f,b,e]),x.useEffect(()=>{b.current?.scrollTo(c)},[d]);const B=x.useCallback(C=>{if(k.current?.[C]!=null){const G=f==="small"&&a===!1&&C===e.length-1?Ae.rowGap.value("medium-regular"):Ae.rowGap.value(f);return k.current[C]+G}return(ht*jt.value(f)+pt)*3+ft+mt},[f,k,e]),D=x.useCallback((C,G)=>{k.current={...k.current,[C]:G},b.current?.resetAfterIndex(0,!0)},[f,b,e]),T=x.useCallback(()=>{p()},[p]),w=x.useCallback(()=>{},[]),L=et(C=>h(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,V=x.useCallback(()=>a&&!s?T():w(),[a,s,T,w]),I=a?e.length+1:e.length;return t.jsx(bo,{children:t.jsx(wo,{windowSize:f,children:s&&e.length===0?t.jsx(qi,{}):s===!1&&e.length===0?t.jsx(tt,{message:mo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(yo,{windowSize:f,children:t.jsx(it,{children:({height:C,width:G})=>t.jsx(ot,{isItemLoaded:j,itemCount:gt,loadMoreItems:V,children:({onItemsRendered:Y,ref:U})=>t.jsx(st,{ref:W=>{U(W),b.current=W},height:C,itemCount:I,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:u,isItemLoaded:j,setRowHeight:D,onNotificationClick:m},onItemsRendered:Y,itemSize:B,width:G,style:{willChange:"auto"},overscanCount:xt,onScroll:({scrollOffset:W})=>{L(W)},initialScrollOffset:c,children:xo})})})})})})},xo=({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=x.useRef(null),f=v();if(x.useEffect(()=>{m.current?.firstElementChild!=null&&h(e,m.current.firstElementChild.clientHeight)},[e,m,f,a[e]?.notifications]),d(e)===!0){const b=a[e],k=ne(b);return t.jsx(Pe,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:m,children:t.jsx(fo,{notificationGroup:b,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:u,users:n,onNotificationTileClick:p})},k)}return t.jsx(Pe,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(Se,{numberOfRows:3})},ce())},bo=r.div`
+`,po=r(Tt)``,fo=e=>v()==="small"?t.jsx(ho,{...e}):t.jsx(no,{...e}),{commentsAndNotifications:{notifications:{message:mo}}}=P.getLocalizedStrings(),Oe={rowGap:new R(y[0],y[5],y[5])},go=({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(),b=x.useRef(null),k=x.useRef({});x.useEffect(()=>{b.current?.resetAfterIndex(0,!0)},[f,b,e]),x.useEffect(()=>{b.current?.scrollTo(c)},[d]);const B=x.useCallback(C=>{if(k.current?.[C]!=null){const G=f==="small"&&a===!1&&C===e.length-1?Oe.rowGap.value("medium-regular"):Oe.rowGap.value(f);return k.current[C]+G}return(ut*jt.value(f)+pt)*3+ft+mt},[f,k,e]),D=x.useCallback((C,G)=>{k.current={...k.current,[C]:G},b.current?.resetAfterIndex(0,!0)},[f,b,e]),T=x.useCallback(()=>{p()},[p]),w=x.useCallback(()=>{},[]),L=et(C=>u(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,Y=x.useCallback(()=>a&&!s?T():w(),[a,s,T,w]),I=a?e.length+1:e.length;return t.jsx(bo,{children:t.jsx(wo,{windowSize:f,children:s&&e.length===0?t.jsx(Zi,{}):s===!1&&e.length===0?t.jsx(tt,{message:mo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(yo,{windowSize:f,children:t.jsx(it,{children:({height:C,width:G})=>t.jsx(ot,{isItemLoaded:j,itemCount:gt,loadMoreItems:Y,children:({onItemsRendered:V,ref:U})=>t.jsx(st,{ref:W=>{U(W),b.current=W},height:C,itemCount:I,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:h,isItemLoaded:j,setRowHeight:D,onNotificationClick:m},onItemsRendered:V,itemSize:B,width:G,style:{willChange:"auto"},overscanCount:xt,onScroll:({scrollOffset:W})=>{L(W)},initialScrollOffset:c,children:xo})})})})})})},xo=({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=x.useRef(null),f=v();if(x.useEffect(()=>{m.current?.firstElementChild!=null&&u(e,m.current.firstElementChild.clientHeight)},[e,m,f,a[e]?.notifications]),d(e)===!0){const b=a[e],k=ne(b);return t.jsx(Pe,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:m,children:t.jsx(fo,{notificationGroup:b,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:h,users:n,onNotificationTileClick:p})},k)}return t.jsx(Pe,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(Se,{numberOfRows:3})},ce())},bo=r.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -279,7 +279,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{in:$o,strings:Lt},dateFormat:jo,commentsAndNotifications:{notifications:{actionStrings:{notifications:O}}}}=P.getLocalizedStrings(),It=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 wt){let l=0,c=0,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),h=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),u=g.dateNow().subtract(Math.min(g.dateNow().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&&g.dateNow().date()>2&&(d=g.dateNow().subtract(Math.min(g.dateNow().date()-1,8),"d").startOf("d"),u=g.dateNow().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&&g.dateNow().date()>9&&(d=g.dateNow().startOf("M").startOf("d"),u=g.dateNow().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=g.dateNow().subtract(h,"month").startOf("M").startOf("d"),m=g.dateNow().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=>at(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}},ko=e=>{let o=O.newActivity;return e.code==="in_progress"?o=O.due.replace("__task_status__",Ie(e.name.toLocaleLowerCase())):o=O.due.replace("__task_status__",$o.toLocaleLowerCase().concat(Lt.space,Ie(e.name.toLocaleLowerCase()))),o},So=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?ko(n):O.dueTomorrow;break;case"task_overdue":s=O.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(jo.visual.MMMDFormat)??Lt.empty);break;case"task_status_updated":s=O.statusUpdate;break}}return s},Rt=new R(3,2,1,1,1),zt=new R(y[8],33,33,33,35),de={lineClamp:Rt,sectionWidth:zt},{common:{and:Be,other:vo,others:Co,texts:No,timeStrings:To,strings:M,tags:Lo}}=P.getLocalizedStrings(),Io=({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(Ao,{notificationStatus:n,isHighlighted:o,style:s,onClick:()=>{a(l,c,n,d.length>0?d[0].activityType:void 0)},children:[t.jsx(Ro,{...e}),t.jsx(_o,{...e}),t.jsx(Oo,{...e}),t.jsx(Mo,{createTime:u,notificationStatus:n})]})},Dt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Uo,{notificationStatus:o,children:s||M.hyphen})},Ro=e=>{const o=v();return t.jsx(Go,{windowSize:o,children:t.jsx(Dt,{...e})})},zo=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(Ho,{children:[t.jsx(Fe,{backgroundColor:Re(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Vo,{}),t.jsx(Fe,{backgroundColor:Re(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Do=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,No.user,M.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Be,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,n-1,M.space,Co,M.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Be,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,s.length===2?M.atTheRate+E(s[1],!1):vo,M.space]})]}):l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]})),l},_t=e=>t.jsxs(t.Fragment,{children:[t.jsx(Do,{...e}),So(e),t.jsx(zo,{...e})]}),_o=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Fo,{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(_t,{...e})})},Mt=e=>{const{createTime:o,notificationStatus:s}=e,a=yt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Eo,{isNewNotification:a===To.justNow,children:a}),t.jsx(Wo,{notificationStatus:s})]})},Mo=e=>{const o=v();return t.jsx(Po,{windowSize:o,children:t.jsx(Mt,{...e})})},Ot=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(di,{tagTitle:Lo.overdue,textColor:{color:new ye(S.alert),backgroundColor:new ye("transparent"),borderColor:new ye(S.alert)},showLoader:!1}):t.jsx(Yo,{})},Oo=e=>{const o=v();return t.jsx(Bo,{windowSize:o,children:t.jsx(Ot,{...e})})},Ao=r.div`
+`,{common:{in:$o,strings:Lt},dateFormat:jo,commentsAndNotifications:{notifications:{actionStrings:{notifications:A}}}}=P.getLocalizedStrings(),It=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 wt){let l=0,c=0,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),h=g.dateNow().subtract(Math.min(g.dateNow().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=g.dateNow().subtract(Math.min(g.dateNow().date(),l),"d").startOf("d"),h=g.dateNow().subtract(Math.min(g.dateNow().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&&g.dateNow().date()>2&&(d=g.dateNow().subtract(Math.min(g.dateNow().date()-1,8),"d").startOf("d"),h=g.dateNow().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&&g.dateNow().date()>9&&(d=g.dateNow().startOf("M").startOf("d"),h=g.dateNow().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=g.dateNow().subtract(u,"month").startOf("M").startOf("d"),m=g.dateNow().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=>at(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}},ko=e=>{let o=A.newActivity;return e.code==="in_progress"?o=A.due.replace("__task_status__",Ie(e.name.toLocaleLowerCase())):o=A.due.replace("__task_status__",$o.toLocaleLowerCase().concat(Lt.space,Ie(e.name.toLocaleLowerCase()))),o},So=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?ko(n):A.dueTomorrow;break;case"task_overdue":s=A.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(jo.visual.MMMDFormat)??Lt.empty);break;case"task_status_updated":s=A.statusUpdate;break}}return s},Rt=new R(3,2,1,1,1),zt=new R(y[8],33,33,33,35),de={lineClamp:Rt,sectionWidth:zt},{common:{and:Be,other:vo,others:Co,texts:No,timeStrings:To,strings:M,tags:Lo}}=P.getLocalizedStrings(),Io=({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(Oo,{notificationStatus:n,isHighlighted:o,style:s,onClick:()=>{a(l,c,n,d.length>0?d[0].activityType:void 0)},children:[t.jsx(Ro,{...e}),t.jsx(_o,{...e}),t.jsx(Ao,{...e}),t.jsx(Mo,{createTime:h,notificationStatus:n})]})},Dt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Uo,{notificationStatus:o,children:s||M.hyphen})},Ro=e=>{const o=v();return t.jsx(Go,{windowSize:o,children:t.jsx(Dt,{...e})})},zo=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(Ho,{children:[t.jsx(Fe,{backgroundColor:Re(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Yo,{}),t.jsx(Fe,{backgroundColor:Re(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Do=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(Z,{className:"userText",notificationStatus:o,children:[M.atTheRate,No.user,M.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(Z,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Be,t.jsxs(Z,{className:"userText",notificationStatus:o,children:[M.space,n-1,M.space,Co,M.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(Z,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Be,t.jsxs(Z,{className:"userText",notificationStatus:o,children:[M.space,s.length===2?M.atTheRate+E(s[1],!1):vo,M.space]})]}):l=t.jsxs(Z,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]})),l},_t=e=>t.jsxs(t.Fragment,{children:[t.jsx(Do,{...e}),So(e),t.jsx(zo,{...e})]}),_o=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Fo,{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(_t,{...e})})},Mt=e=>{const{createTime:o,notificationStatus:s}=e,a=yt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Eo,{isNewNotification:a===To.justNow,children:a}),t.jsx(Wo,{notificationStatus:s})]})},Mo=e=>{const o=v();return t.jsx(Po,{windowSize:o,children:t.jsx(Mt,{...e})})},At=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(di,{tagTitle:Lo.overdue,textColor:{color:new ye(S.alert),backgroundColor:new ye("transparent"),borderColor:new ye(S.alert)},showLoader:!1}):t.jsx(Vo,{})},Ao=e=>{const o=v();return t.jsx(Bo,{windowSize:o,children:t.jsx(At,{...e})})},Oo=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -310,7 +310,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
     border-bottom-right-radius: inherit;
   }
 
-  ${e=>e.isHighlighted?A`
+  ${e=>e.isHighlighted?O`
           z-index: 1;
           color: ${e.theme.colors.primary};
           border: 1px solid ${e.theme.colors.primary};
@@ -342,14 +342,14 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,Fo=r(X)`
+`,Fo=r(Q)`
   color: inherit;
 
-  ${e=>e.statusUpdate?A`
+  ${e=>e.statusUpdate?O`
           display: flex;
           flex-wrap: wrap;
           gap: ${i.sp1};
-        `:A`
+        `:O`
           display: -webkit-box;
           overflow: hidden;
           -webkit-line-clamp: ${de.lineClamp.value(e.windowSize)};
@@ -357,14 +357,14 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
           -webkit-box-orient: vertical;
         `};
   width: ${e=>de.sectionWidth.valuePercentage(e.windowSize)};
-`,Go=r(X)`
+`,Go=r(Q)`
   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)};
-`,q=r(fe)`
+`,Z=r(fe)`
   color: ${e=>e.notificationStatus==="read"?e.theme.colors.grey1:S.brandColorJade};
 `,Uo=r(fe)`
   color: inherit;
@@ -383,11 +383,11 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   border: 1px solid ${e=>e.backgroundColor};
   padding: ${i.sp0} 6px;
   border-radius: ${i.sp1};
-`,Vo=r(ui)`
+`,Yo=r(hi)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Yo=r.div`
+`,Vo=r.div`
   display: flex;
   flex: 1 1 auto;
 `,Wo=r.div`
@@ -397,7 +397,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   border-radius: ${i.sp2};
   flex-shrink: 0;
   background-color: ${e=>e.notificationStatus==="unread"?S.info:"transparent"};
-`,se={emptyRowItemSectionWidth:new R(120,200,280,330,400),emptyLastRowItemSectionWidth:new R(y[6],50,60,y[11],120)},Jo=()=>{const e=v();return t.jsxs(qo,{windowSize:e,children:[t.jsx(ae,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:se.emptyRowItemSectionWidth.value(e),height:y[4]})}),t.jsx(ae,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:se.emptyRowItemSectionWidth.value(e),height:y[4]})}),t.jsx(ae,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:se.emptyLastRowItemSectionWidth.value(e),height:18})}),t.jsx(ae,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:se.emptyLastRowItemSectionWidth.value(e),height:18})})]})},qo=r.div`
+`,se={emptyRowItemSectionWidth:new R(120,200,280,330,400),emptyLastRowItemSectionWidth:new R(y[6],50,60,y[11],120)},Jo=()=>{const e=v();return t.jsxs(Zo,{windowSize:e,children:[t.jsx(ae,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:se.emptyRowItemSectionWidth.value(e),height:y[4]})}),t.jsx(ae,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:se.emptyRowItemSectionWidth.value(e),height:y[4]})}),t.jsx(ae,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:se.emptyLastRowItemSectionWidth.value(e),height:18})}),t.jsx(ae,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:se.emptyLastRowItemSectionWidth.value(e),height:18})})]})},Zo=r.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -428,7 +428,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
   width: ${e=>e.isLastItem?"10%":zt.valuePercentage(e.windowSize)};
-`,Zo=()=>{const e=v();return t.jsxs(Ko,{windowSize:e,children:[t.jsxs(Ge,{children:[t.jsx(z,{width:180,height:y[4]}),t.jsx(z,{width:60,height:18})]}),t.jsxs(Ge,{children:[t.jsx(z,{width:180,height:y[4]}),t.jsx(z,{width:60,height:18})]})]})},Ko=r.div`
+`,qo=()=>{const e=v();return t.jsxs(Ko,{windowSize:e,children:[t.jsxs(Ge,{children:[t.jsx(z,{width:180,height:y[4]}),t.jsx(z,{width:60,height:18})]}),t.jsxs(Ge,{children:[t.jsx(z,{width:180,height:y[4]}),t.jsx(z,{width:60,height:18})]})]})},Ko=r.div`
   display: flex;
   flex-direction: column;
   align-items: baseline;
@@ -462,7 +462,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   gap: ${i.sp2};
   flex: 1 1 auto;
   width: 100%;
-`,Qo=()=>v()==="small"?t.jsx(Zo,{}):t.jsx(Jo,{}),Xo={marginLeft:new R(y[2],y[5],y[7])},es=()=>t.jsxs(ts,{children:[t.jsx(ve,{numberOfRows:5}),t.jsx(ve,{numberOfRows:3})]}),ve=({numberOfRows:e})=>{const o=v();return t.jsxs(is,{windowSize:o,children:[t.jsx(ss,{children:t.jsx(z,{width:y[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(os,{children:[...Array(e)].map(s=>t.jsx(Qo,{},ce()))})]})},ts=r.div`
+`,Xo=()=>v()==="small"?t.jsx(qo,{}):t.jsx(Jo,{}),Qo={marginLeft:new R(y[2],y[5],y[7])},es=()=>t.jsxs(ts,{children:[t.jsx(ve,{numberOfRows:5}),t.jsx(ve,{numberOfRows:3})]}),ve=({numberOfRows:e})=>{const o=v();return t.jsxs(is,{windowSize:o,children:[t.jsx(ss,{children:t.jsx(z,{width:y[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(os,{children:[...Array(e)].map(s=>t.jsx(Xo,{},ce()))})]})},ts=r.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -471,7 +471,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   display: flex;
   flex-direction: column;
   margin-bottom: ${i.sp5};
-  margin-left: ${e=>Xo.marginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>Qo.marginLeft.valuePx(e.windowSize)};
 `,os=r.div`
   display: flex;
   flex-direction: column;
@@ -479,7 +479,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
 `,ss=r.div`
   display: flex;
   padding: ${i.sp3} ${i.sp0};
-`,as=({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=x.useCallback(()=>{l?.()},[l]),f=x.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]),b=ut({onLongPress:m},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(cs,{notificationStatus:c,isHighlighted:s,style:a,...b,onClick:f,children:[t.jsxs(Ue,{children:[t.jsx(rs,{...e}),t.jsx(ls,{createTime:d,notificationStatus:c})]}),t.jsxs(Ue,{children:[t.jsx(ns,{...e}),h.length>0&&h[0].activityType==="task_status_updated"?null:t.jsx(ds,{...e})]})]})},rs=e=>t.jsx(At,{statusUpdate:!1,children:t.jsx(Dt,{...e})}),ns=e=>{const{eventData:{activities:o}}=e;return t.jsx(At,{statusUpdate:o.length>0&&o[0].activityType==="task_status_updated"&&o[0].metadata.updates.find(s=>s.field==="status")!=null,children:t.jsx(_t,{...e})})},ls=e=>t.jsx(us,{children:t.jsx(Mt,{...e})}),ds=e=>t.jsx(hs,{children:t.jsx(Ot,{...e})}),cs=r.div`
+`,as=({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=x.useCallback(()=>{l?.()},[l]),f=x.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]),b=ht({onLongPress:m},{shouldPreventDefault:!1,delay:1e3});return t.jsxs(cs,{notificationStatus:c,isHighlighted:s,style:a,...b,onClick:f,children:[t.jsxs(Ue,{children:[t.jsx(rs,{...e}),t.jsx(ls,{createTime:d,notificationStatus:c})]}),t.jsxs(Ue,{children:[t.jsx(ns,{...e}),u.length>0&&u[0].activityType==="task_status_updated"?null:t.jsx(ds,{...e})]})]})},rs=e=>t.jsx(Ot,{statusUpdate:!1,children:t.jsx(Dt,{...e})}),ns=e=>{const{eventData:{activities:o}}=e;return t.jsx(Ot,{statusUpdate:o.length>0&&o[0].activityType==="task_status_updated"&&o[0].metadata.updates.find(s=>s.field==="status")!=null,children:t.jsx(_t,{...e})})},ls=e=>t.jsx(hs,{children:t.jsx(Mt,{...e})}),ds=e=>t.jsx(us,{children:t.jsx(At,{...e})}),cs=r.div`
   display: flex;
   flex-direction: column;
   align-items: baseline;
@@ -511,7 +511,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
     border-bottom-right-radius: inherit;
   }
 
-  ${e=>e.isHighlighted?A`
+  ${e=>e.isHighlighted?O`
           z-index: 1;
           color: ${e.theme.colors.primary};
           border: 1px solid ${e.theme.colors.primary};
@@ -530,14 +530,14 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
       color: ${S.brandColorJade};
     }
   }
-`,us=r(H)`
+`,hs=r(H)`
   width: 25%;
   gap: ${i.sp2};
   display: flex;
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,hs=r(H)`
+`,us=r(H)`
   width: 25%;
   display: flex;
   align-items: center;
@@ -550,18 +550,18 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   width: 100%;
   justify-content: space-between;
   align-items: start;
-`,At=r(X)`
+`,Ot=r(Q)`
   color: inherit;
-  ${e=>e.statusUpdate?A`
+  ${e=>e.statusUpdate?O`
           display: flex;
           flex-wrap: wrap;
           gap: ${i.sp2};
-        `:A`
+        `:O`
           display: -webkit-box;
           -webkit-box-orient: horizontal;
           gap: ${i.sp1};
         `};
-`,Pt=e=>v()==="small"?t.jsx(as,{...e}):t.jsx(Io,{...e}),{common:{all:Ee}}=P.getLocalizedStrings(),ps=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=ue(),u=d(o);return t.jsx(fs,{style:a,children:t.jsx(he,{mode:s,checkBoxes:[{label:t.jsx(ms,{htmlFor:`${o}.${Ee.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:me(e)}),value:Ee.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((h,p)=>{const m=p===0,f=e.notifications.length-1===p;return{label:t.jsx(Pt,{notificationData:h,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:f?i.sp2:void 0,borderBottomRightRadius:f?i.sp2:void 0},isHighlighted:u?.includes(h.notificationId)===!0,onNotificationTileClick:l}),value:h.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},fs=r.div`
+`,Pt=e=>v()==="small"?t.jsx(as,{...e}):t.jsx(Io,{...e}),{common:{all:Ee}}=P.getLocalizedStrings(),ps=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=X(),{getValues:d}=he(),h=d(o);return t.jsx(fs,{style:a,children:t.jsx(ue,{mode:s,checkBoxes:[{label:t.jsx(ms,{htmlFor:`${o}.${Ee.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:me(e)}),value:Ee.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((u,p)=>{const m=p===0,f=e.notifications.length-1===p;return{label:t.jsx(Pt,{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}})})},fs=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -570,16 +570,16 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:He}}=P.getLocalizedStrings(),gs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=ue(),u=d(o),h=x.useRef([]);return x.useEffect(()=>{h.current=h.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(xs,{style:a,children:t.jsx(he,{mode:s,checkBoxes:[{label:t.jsx(Ve,{htmlFor:`${o}.${He.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:me(e)}),value:He.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Ve,{ref:k=>h.current[m]=k,htmlFor:`${o}.${p.notificationId}`,style:{padding:i.sp0},children:t.jsx(bs,{notificationData:p,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(p.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{h.current[m]?.click()}})}),value:p.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},xs=r.div`
+`,{common:{all:He}}=P.getLocalizedStrings(),gs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=X(),{getValues:d}=he(),h=d(o),u=x.useRef([]);return x.useEffect(()=>{u.current=u.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(xs,{style:a,children:t.jsx(ue,{mode:s,checkBoxes:[{label:t.jsx(Ye,{htmlFor:`${o}.${He.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:me(e)}),value:He.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,b=e.notifications.length-1===m;return{label:t.jsx(Ye,{ref:k=>u.current[m]=k,htmlFor:`${o}.${p.notificationId}`,style:{padding:i.sp0},children:t.jsx(bs,{notificationData:p,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:b?i.sp2:void 0,borderBottomRightRadius:b?i.sp2:void 0,marginLeft:i.sp2},isHighlighted: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}})})},xs=r.div`
   display: flex;
   align-items: center;
   width: 100%;
-`,Ve=r(pe)`
+`,Ye=r(pe)`
   display: flex;
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,bs=r(Pt)``,ws=e=>v()==="small"?t.jsx(gs,{...e}):t.jsx(ps,{...e}),{commentsAndNotifications:{notifications:{message:ys}}}=P.getLocalizedStrings(),Ye={rowGap:new R(y[0],y[5],y[5])},$s=({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=x.useRef(null),b=x.useRef({});x.useEffect(()=>{f.current?.resetAfterIndex(0,!0)},[m,f,e]),x.useEffect(()=>{f.current?.scrollTo(l)},[c]);const k=x.useCallback(I=>{if(b.current?.[I]!=null){const C=m==="small"&&s===!1&&I===e.length-1?Ye.rowGap.value("medium-regular"):Ye.rowGap.value(m);return b.current[I]+C}return(ht*Rt.value(m)+pt)*3+ft+mt},[m,b,e]),B=x.useCallback((I,C)=>{b.current={...b.current,[I]:C},f.current?.resetAfterIndex(0,!0)},[m,f,e]),D=x.useCallback(()=>{h()},[h]),T=x.useCallback(()=>{},[]),w=et(I=>u(I),1e3,{trailing:!0}),L=I=>!s||I<e.length,j=x.useCallback(()=>s&&!o?D():T(),[s,o,D,T]),V=s?e.length+1:e.length;return t.jsx(ks,{children:t.jsx(Ss,{windowSize:m,children:o&&e.length===0?t.jsx(es,{}):o===!1&&e.length===0?t.jsx(tt,{message:ys.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(vs,{windowSize:m,children:t.jsx(it,{children:({height:I,width:C})=>t.jsx(ot,{isItemLoaded:L,itemCount:gt,loadMoreItems:j,children:({onItemsRendered:G,ref:Y})=>t.jsx(st,{ref:U=>{Y(U),f.current=U},height:I,itemCount:V,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:n,isDisabled:d,isItemLoaded:L,setRowHeight:B,onNotificationClick:p},onItemsRendered:G,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:xt,onScroll:({scrollOffset:U})=>{w(U)},initialScrollOffset:l,children:js})})})})})})},js=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:n,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:u,onNotificationClick:h}=s,p=x.useRef(null),m=v();if(x.useEffect(()=>{p.current?.firstElementChild!=null&&u(e,p.current.firstElementChild.clientHeight)},[e,p,m,a[e]?.notifications]),c(e)===!0){const f=a[e],b=ne(f);return t.jsx(We,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:p,children:t.jsx(ws,{notificationGroup:f,sectionId:`${n}.${b}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:h})},b)}return t.jsx(We,{ref:p,style:{...o,paddingBottom:i.sp0},children:t.jsx(ve,{numberOfRows:3})},ce())},ks=r.div`
+`,bs=r(Pt)``,ws=e=>v()==="small"?t.jsx(gs,{...e}):t.jsx(ps,{...e}),{commentsAndNotifications:{notifications:{message:ys}}}=P.getLocalizedStrings(),Ve={rowGap:new R(y[0],y[5],y[5])},$s=({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=x.useRef(null),b=x.useRef({});x.useEffect(()=>{f.current?.resetAfterIndex(0,!0)},[m,f,e]),x.useEffect(()=>{f.current?.scrollTo(l)},[c]);const k=x.useCallback(I=>{if(b.current?.[I]!=null){const C=m==="small"&&s===!1&&I===e.length-1?Ve.rowGap.value("medium-regular"):Ve.rowGap.value(m);return b.current[I]+C}return(ut*Rt.value(m)+pt)*3+ft+mt},[m,b,e]),B=x.useCallback((I,C)=>{b.current={...b.current,[I]:C},f.current?.resetAfterIndex(0,!0)},[m,f,e]),D=x.useCallback(()=>{u()},[u]),T=x.useCallback(()=>{},[]),w=et(I=>h(I),1e3,{trailing:!0}),L=I=>!s||I<e.length,j=x.useCallback(()=>s&&!o?D():T(),[s,o,D,T]),Y=s?e.length+1:e.length;return t.jsx(ks,{children:t.jsx(Ss,{windowSize:m,children:o&&e.length===0?t.jsx(es,{}):o===!1&&e.length===0?t.jsx(tt,{message:ys.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(vs,{windowSize:m,children:t.jsx(it,{children:({height:I,width:C})=>t.jsx(ot,{isItemLoaded:L,itemCount:gt,loadMoreItems:j,children:({onItemsRendered:G,ref:V})=>t.jsx(st,{ref:U=>{V(U),f.current=U},height:I,itemCount:Y,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:n,isDisabled:d,isItemLoaded:L,setRowHeight:B,onNotificationClick:p},onItemsRendered:G,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:xt,onScroll:({scrollOffset:U})=>{w(U)},initialScrollOffset:l,children:js})})})})})})},js=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:n,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:h,onNotificationClick:u}=s,p=x.useRef(null),m=v();if(x.useEffect(()=>{p.current?.firstElementChild!=null&&h(e,p.current.firstElementChild.clientHeight)},[e,p,m,a[e]?.notifications]),c(e)===!0){const f=a[e],b=ne(f);return t.jsx(We,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:p,children:t.jsx(ws,{notificationGroup:f,sectionId:`${n}.${b}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:u})},b)}return t.jsx(We,{ref:p,style:{...o,paddingBottom:i.sp0},children:t.jsx(ve,{numberOfRows:3})},ce())},ks=r.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -596,7 +596,7 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{all:Ce,texts:re,footer:Cs,strings:{plus:Ns},numbers:{maximumCount:Je}},commentsAndNotifications:{notifications:{title:Ts,texts:Bt,strings:qe}}}=P.getLocalizedStrings(),te={tableContainerLeftPadding:new R(y[2],y[2],y[2]),tableContainerRightPadding:new R(y[3],y[6],y[8]),tabsContainerLeftRightPadding:new R(y[3],y[6],y[8]),selectedNotificationsTextMarginLeft:new R(y[0],y[6],y[6])},Ls={selectedNotificationsText:new ai("smallRegular","standardRegular")},Ze="notificationsPage",Z="commentsNotificationsTable",K="notificationsTable",Ft=20,aa=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:n,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:u,onUpdateNotificationViewSubTab:h,onFetchMoreNotifications:p,onUpdateNotificationStatus:m,onSettingsClick:f,onBackClick:b,onMarkAllNotificationsAsRead:k})=>{const B=Q(),D=v(),T=Jt({mode:"all",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Xe(e),[e]),values:x.useMemo(()=>Xe(e),[e])}),{currentTab:w,currentSubTab:L,notificationDetailsByTab:j,allSubTabs:V,allNotifications:I,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:Y}=e,U=x.useMemo(()=>Object.keys(j).map($=>({label:re[$],id:re[$].toLocaleLowerCase(),countDetails:{count:j[$].uiState.unreadCount,isFetching:j[$].fetchCountState.fetchState==="In-Progress"}})),[j]),W=x.useMemo(()=>V.map($=>({label:$==="all"?Ce:re[$],id:$})),[V]),Gt=x.useMemo(()=>$t(Y).filter($=>$.notifications.length>0),[Y]),Ut=x.useMemo(()=>It(G).filter($=>$.notifications.length>0),[G]),Et=async($,N)=>{const F=$.split(".")[0],J=[];F!=null&&(F===Z||F===K)&&(Object.values(N[F]).forEach(_=>{J.push(..._.filter(Wt=>Wt.includes(Ce.toLowerCase())===!1))}),d({selectedNotificationIds:J},w))};x.useEffect(()=>{const $=T.watch((N,{name:F})=>{F!=null&&N!=null&&qt(()=>Et(F,N))});return()=>{$.unsubscribe()}});const ge=x.useCallback(()=>{const $=[],N=j[w].selectedNotificationIdsForSubTab,F="read";if(w==="comments"){const J=C.filter(_=>_.inboxNotification.readAt==null).map(_=>_.inboxNotification.id);N.forEach(_=>{J.includes(_)&&$.push(_)})}else{const J=I.filter(_=>_.status!==F).map(_=>_.notificationId);N.forEach(_=>{J.includes(_)&&$.push(_)})}return $},[C,I,w,j]),Ht=ge().length>Ft?"disabled":a,xe=T.watch(Z),be=T.watch(K),Le=x.useCallback(()=>{p(w,L)},[p,w,L]),Vt=x.useCallback(()=>{if(w==="comments"){const $={};Object.keys(xe).forEach(N=>{$[N]=[]}),T.reset({[Z]:$,[K]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const $={};Object.keys(be).forEach(N=>{$[N]=[]}),T.reset({[K]:$,[Z]:xe},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},w)},[be,xe]),Yt=x.useCallback(()=>{const $=j[w].selectedNotificationIdsForSubTab,N="read",F=ge();m(w,$,N,F)},[w,j,ge,m]);return t.jsxs(Rs,{children:[t.jsx(Zt,{source:"NotificationsPage",title:Ts.notifications,backgroundColor:B.colors.grey4,onBackClick:b,rightSideComponent:s===!0?t.jsx(Ys,{onClick:f}):t.jsx(Vs,{})}),t.jsx(_s,{}),t.jsx(Ds,{windowSize:D,children:t.jsx(pi,{tabs:U,selectedTab:w,onTabChange:$=>{const N=g.toNotificationTabTypeStrict($);N!=null&&u(N)},subTabs:W,selectedSubTab:L,onSubTabChange:$=>{const N=g.toNotificationSubTabTypeStrict($);N!=null&&h(N)},subTabRightComponent:t.jsx(Is,{notificationCount:j[w].uiState.unreadCount,markAsAllReadUpdateState:j[w].markAsAllReadState.fetchState,markAsReadUpdateState:j[w].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(w)}})})}),t.jsx(zs,{windowSize:D,children:t.jsx(Kt,{...T,children:t.jsx("form",{id:Qe(Ze),onSubmit:T.handleSubmit(Yt),style:{width:"100%"},children:w==="comments"?t.jsx(go,{users:o,hasMore:j[w].uiState.hasMore,isFetching:j[w].fetchState==="In-Progress",scrollYOffset:j[w].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[w].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Gt,sectionId:Z,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[w].uiState.scrollYOffset,[L]:$}},w),onNotificationClick:l}):t.jsx($s,{hasMore:j[w].uiState.hasMore,isFetching:j[w].fetchState==="In-Progress",scrollYOffset:j[w].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[w].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ut,sectionId:K,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[w].uiState.scrollYOffset,[L]:$}},w),onNotificationClick:n})})})}),j[w].selectedNotificationIdsForSubTab.length?t.jsx(Qt,{formId:Qe(Ze),primaryBtn:{label:Bt.markAsRead,isLoading:j[w].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Ht!=null},cancelBtn:{label:Cs.cancel,isDisabled:j[w].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Vt},helperContainerStyle:D==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(we,{controller:D!=="small",children:t.jsx(Ke,{selectedNotificationsCount:j[w].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(we,{controller:D==="small",children:t.jsx(Ke,{selectedNotificationsCount:j[w].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(we,{controller:D!=="small",children:t.jsx(As,{})})}):null]})},Is=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const n=s===0,l=x.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!n&&a()},[e,o,n,a]);return t.jsx(Ms,{variant:"tertiary",size:"small",label:Bt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(ti,{size:"Small",start:!0}):t.jsx(Os,{className:"mark-as-read"}),disabled:n,textStyle:{fontWeight:Ne.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||n?"default":"pointer"}})},Ke=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Ps,{windowSize:o,children:[t.jsx(Fs,{children:t.jsx(Bs,{isCircular:e<10,children:t.jsx(Gs,{children:e>Je?`${Je}${Ns}`:e})})}),t.jsxs(Hs,{windowSize:o,children:[t.jsx(Us,{children:e>1?qe.notificationsSelected:qe.notificationSelected}),e>Ft?t.jsx(Es,{children:re.maxLimit}):null]})]})},Rs=r.div`
+`,{common:{all:Ce,texts:re,footer:Cs,strings:{plus:Ns},numbers:{maximumCount:Je}},commentsAndNotifications:{notifications:{title:Ts,texts:Bt,strings:Ze}}}=P.getLocalizedStrings(),te={tableContainerLeftPadding:new R(y[2],y[2],y[2]),tableContainerRightPadding:new R(y[3],y[6],y[8]),tabsContainerLeftRightPadding:new R(y[3],y[6],y[8]),selectedNotificationsTextMarginLeft:new R(y[0],y[6],y[6])},Ls={selectedNotificationsText:new ai("smallRegular","standardRegular")},qe="notificationsPage",q="commentsNotificationsTable",K="notificationsTable",Ft=20,aa=({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:b,onMarkAllNotificationsAsRead:k})=>{const B=X(),D=v(),T=Jt({mode:"all",reValidateMode:"onChange",defaultValues:x.useMemo(()=>Qe(e),[e]),values:x.useMemo(()=>Qe(e),[e])}),{currentTab:w,currentSubTab:L,notificationDetailsByTab:j,allSubTabs:Y,allNotifications:I,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:V}=e,U=x.useMemo(()=>Object.keys(j).map($=>({label:re[$],id:re[$].toLocaleLowerCase(),countDetails:{count:j[$].uiState.unreadCount,isFetching:j[$].fetchCountState.fetchState==="In-Progress"}})),[j]),W=x.useMemo(()=>Y.map($=>({label:$==="all"?Ce:re[$],id:$})),[Y]),Gt=x.useMemo(()=>$t(V).filter($=>$.notifications.length>0),[V]),Ut=x.useMemo(()=>It(G).filter($=>$.notifications.length>0),[G]),Et=async($,N)=>{const F=$.split(".")[0],J=[];F!=null&&(F===q||F===K)&&(Object.values(N[F]).forEach(_=>{J.push(..._.filter(Wt=>Wt.includes(Ce.toLowerCase())===!1))}),d({selectedNotificationIds:J},w))};x.useEffect(()=>{const $=T.watch((N,{name:F})=>{F!=null&&N!=null&&Zt(()=>Et(F,N))});return()=>{$.unsubscribe()}});const ge=x.useCallback(()=>{const $=[],N=j[w].selectedNotificationIdsForSubTab,F="read";if(w==="comments"){const J=C.filter(_=>_.inboxNotification.readAt==null).map(_=>_.inboxNotification.id);N.forEach(_=>{J.includes(_)&&$.push(_)})}else{const J=I.filter(_=>_.status!==F).map(_=>_.notificationId);N.forEach(_=>{J.includes(_)&&$.push(_)})}return $},[C,I,w,j]),Ht=ge().length>Ft?"disabled":a,xe=T.watch(q),be=T.watch(K),Le=x.useCallback(()=>{p(w,L)},[p,w,L]),Yt=x.useCallback(()=>{if(w==="comments"){const $={};Object.keys(xe).forEach(N=>{$[N]=[]}),T.reset({[q]:$,[K]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const $={};Object.keys(be).forEach(N=>{$[N]=[]}),T.reset({[K]:$,[q]:xe},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},w)},[be,xe]),Vt=x.useCallback(()=>{const $=j[w].selectedNotificationIdsForSubTab,N="read",F=ge();m(w,$,N,F)},[w,j,ge,m]);return t.jsxs(Rs,{children:[t.jsx(qt,{source:"NotificationsPage",title:Ts.notifications,backgroundColor:B.colors.grey4,onBackClick:b,rightSideComponent:s===!0?t.jsx(Vs,{onClick:f}):t.jsx(Ys,{})}),t.jsx(_s,{}),t.jsx(Ds,{windowSize:D,children:t.jsx(pi,{tabs:U,selectedTab:w,onTabChange:$=>{const N=g.toNotificationTabTypeStrict($);N!=null&&h(N)},subTabs:W,selectedSubTab:L,onSubTabChange:$=>{const N=g.toNotificationSubTabTypeStrict($);N!=null&&u(N)},subTabRightComponent:t.jsx(Is,{notificationCount:j[w].uiState.unreadCount,markAsAllReadUpdateState:j[w].markAsAllReadState.fetchState,markAsReadUpdateState:j[w].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(w)}})})}),t.jsx(zs,{windowSize:D,children:t.jsx(Kt,{...T,children:t.jsx("form",{id:Xe(qe),onSubmit:T.handleSubmit(Vt),style:{width:"100%"},children:w==="comments"?t.jsx(go,{users:o,hasMore:j[w].uiState.hasMore,isFetching:j[w].fetchState==="In-Progress",scrollYOffset:j[w].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[w].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Gt,sectionId:q,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[w].uiState.scrollYOffset,[L]:$}},w),onNotificationClick:l}):t.jsx($s,{hasMore:j[w].uiState.hasMore,isFetching:j[w].fetchState==="In-Progress",scrollYOffset:j[w].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[w].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ut,sectionId:K,onFetchNotificationGroups:Le,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[w].uiState.scrollYOffset,[L]:$}},w),onNotificationClick:n})})})}),j[w].selectedNotificationIdsForSubTab.length?t.jsx(Xt,{formId:Xe(qe),primaryBtn:{label:Bt.markAsRead,isLoading:j[w].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Ht!=null},cancelBtn:{label:Cs.cancel,isDisabled:j[w].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Yt},helperContainerStyle:D==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(we,{controller:D!=="small",children:t.jsx(Ke,{selectedNotificationsCount:j[w].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(we,{controller:D==="small",children:t.jsx(Ke,{selectedNotificationsCount:j[w].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(we,{controller:D!=="small",children:t.jsx(Os,{})})}):null]})},Is=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const n=s===0,l=x.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!n&&a()},[e,o,n,a]);return t.jsx(Ms,{variant:"tertiary",size:"small",label:Bt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(ti,{size:"Small",start:!0}):t.jsx(As,{className:"mark-as-read"}),disabled:n,textStyle:{fontWeight:Ne.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||n?"default":"pointer"}})},Ke=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Ps,{windowSize:o,children:[t.jsx(Fs,{children:t.jsx(Bs,{isCircular:e<10,children:t.jsx(Gs,{children:e>Je?`${Je}${Ns}`:e})})}),t.jsxs(Hs,{windowSize:o,children:[t.jsx(Us,{children:e>1?Ze.notificationsSelected:Ze.notificationSelected}),e>Ft?t.jsx(Es,{children:re.maxLimit}):null]})]})},Rs=r.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -627,21 +627,21 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
       color: ${e=>e.disabled===!0?e.theme.colors.grey2:e.theme.colors.primary};
     }
   }
-`,Os=r(oi)`
+`,As=r(oi)`
   width: ${i.sp3};
   height: ${i.sp3};
-`,As=r.div``,Ps=r.div`
+`,Os=r.div``,Ps=r.div`
   display: flex;
   align-items: center;
   flex-direction: row;
   gap: ${i.sp2};
   margin-left: ${e=>te.selectedNotificationsTextMarginLeft.valuePx(e.windowSize)};
 `,Bs=r.div`
-  ${e=>e.isCircular?A`
+  ${e=>e.isCircular?O`
           height: ${i.sp3};
           width: ${i.sp3};
           padding: ${i.sp0};
-        `:A`
+        `:O`
           height: 18px;
           min-width: ${i.sp3};
           padding: ${i.sp0} ${i.sp1};
@@ -671,10 +671,10 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   display: flex;
   align-items: center;
   flex-wrap: wrap;
-`,Vs=r.div`
+`,Ys=r.div`
   width: ${i.sp4};
   height: ${i.sp4};
-`,Ys=r(Xt)`
+`,Vs=r(Qt)`
   color: ${e=>e.theme.colors.hero};
   width: ${i.sp4};
   height: ${i.sp4};
@@ -682,4 +682,4 @@ import{u as Q,e as v,a as Jt,B as P,c9 as qt,j as t,aW as Zt,l as g,F as Kt,a4 a
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Qe=e=>`${e}_form`,Xe=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:n}}}=e,l={};It(o).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(h=>h.notificationId);l[ne(d)]=a.filter(h=>u.includes(h))});const c={};return $t(s).filter(d=>d.notifications.length>0).forEach(d=>{const u=d.notifications.map(h=>h.inboxNotification.id);c[ne(d)]=n.filter(h=>u.includes(h))}),{[Z]:c,[K]:l}},ra=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(n=>{n.includes(Ce.toLocaleLowerCase())===!1&&o.includes(n)&&s.push(n)})}),s};export{aa as default,ra as getSelectedNotificationIds,Qe as uniqueFormName};
+`,Xe=e=>`${e}_form`,Qe=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:n}}}=e,l={};It(o).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.notificationId);l[ne(d)]=a.filter(u=>h.includes(u))});const c={};return $t(s).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.inboxNotification.id);c[ne(d)]=n.filter(u=>h.includes(u))}),{[q]:c,[K]:l}},ra=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(n=>{n.includes(Ce.toLocaleLowerCase())===!1&&o.includes(n)&&s.push(n)})}),s};export{aa as default,ra as getSelectedNotificationIds,Xe as uniqueFormName};