@zeniai/web-app-ui 4.14.38-dev → 4.14.39-dev

package/dist/assets/{NoDataTable-C6Q2Anpz-BqTI2GFx.js → NoDataTable-4vPXmPYF-MAxQ6k5D.js}

@@ -1,4 +1,4 @@
-import{V as t,o as d,y as i}from"./index-BocbTmE1.js";import{n as s}from"./mui-C_CXevf3.js";import{r as o,o as r}from"./graphic-no-data-l-DU4J8fDt-BXfLioW6.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="1bad06a0-dd39-4633-9d07-8c0e83dd9a88",e._sentryDebugIdIdentifier="sentry-dbid-1bad06a0-dd39-4633-9d07-8c0e83dd9a88")}catch{}})();const a=s.div`
+import{V as t,o as d,y as i}from"./index-BngCC-zG.js";import{n as s}from"./mui-DyGc7Pg8.js";import{r as o,o as r}from"./graphic-no-data-l-DU4J8fDt-CslJm2fU.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="1bad06a0-dd39-4633-9d07-8c0e83dd9a88",e._sentryDebugIdIdentifier="sentry-dbid-1bad06a0-dd39-4633-9d07-8c0e83dd9a88")}catch{}})();const a=s.div`
   display: flex;
   width: 100%;
   padding: ${d.sp8} ${d.sp0} ${d.sp8} ${d.sp0};

package/dist/assets/{NotFoundPage-4mPhXD5--pWqZwF3K.js → NotFoundPage-BLWPU1wU-BDFevjLh.js}

@@ -1,4 +1,4 @@
-import{V as o,O as i,bu as s,c2 as l,l as c,e as d,H as a}from"./index-BocbTmE1.js";import{n as t}from"./mui-C_CXevf3.js";import{a as g}from"./ZeniCopyright-DDGvdmLF-CPeY3qcE.js";import"./sentry-DINNQYpi.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./zeni-epic-state-a7Sj5mjO.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="bcb73fe0-801c-4969-b2f5-46028dc12140",e._sentryDebugIdIdentifier="sentry-dbid-bcb73fe0-801c-4969-b2f5-46028dc12140")}catch{}})();const f=t.div`
+import{V as o,O as i,bu as s,c2 as l,l as a,f as d,H as c}from"./index-BngCC-zG.js";import{n as t}from"./mui-DyGc7Pg8.js";import{a as f}from"./ZeniCopyright-DglqrTpl-iRqjfc19.js";import"./sentry-CHlUi953.js";import"./pdf-BxqSCr4b.js";import"./zeni-epic-state-D8D2Skiq.js";import"./core-CVVdXRky.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="994a25b0-1914-4ab5-80ef-b7465e9ffa06",e._sentryDebugIdIdentifier="sentry-dbid-994a25b0-1914-4ab5-80ef-b7465e9ffa06")}catch{}})();const g=t.div`
   width: 100%;
   height: 100vh;
   position: relative;
@@ -12,7 +12,7 @@ import{V as o,O as i,bu as s,c2 as l,l as c,e as d,H as a}from"./index-BocbTmE1.
   align-items: center;
   justify-content: center;
   text-align: center;
-`,m=t(a)`
+`,m=t(c)`
   height: 74px;
   color: ${e=>e.theme.colors.grey1};
 `,u=t.div`
@@ -27,7 +27,7 @@ import{V as o,O as i,bu as s,c2 as l,l as c,e as d,H as a}from"./index-BocbTmE1.
   align-items: center;
 `,x=t(l)`
   color: ${e=>e.theme.colors.primary};
-`,b=t(c)`
+`,b=t(a)`
   color: ${e=>e.theme.colors.hero};
 `,y=t.div`
   position: absolute;
@@ -43,4 +43,4 @@ import{V as o,O as i,bu as s,c2 as l,l as c,e as d,H as a}from"./index-BocbTmE1.
     text-decoration: underline;
     cursor: pointer;
   }
-`;function C({onGoBack:e,onGoHome:n}){return o.jsxs(f,{children:[o.jsx(y,{children:"404"}),o.jsxs(u,{children:[o.jsx(h,{}),o.jsxs(p,{children:[o.jsx(x,{children:i.getLocalizedStrings().notFoundPage.cantFindText}),o.jsxs(b,{children:[i.getLocalizedStrings().notFoundPage.pleaseText,o.jsx(r,{onClick:e,children:i.getLocalizedStrings().notFoundPage.goBackText}),i.getLocalizedStrings().notFoundPage.startOverText,o.jsx(r,{onClick:n,children:i.getLocalizedStrings().notFoundPage.homePageText})]})]}),o.jsx(m,{children:o.jsx(g,{})})]})]})}export{C as default};
+`;function C({onGoBack:e,onGoHome:n}){return o.jsxs(g,{children:[o.jsx(y,{children:"404"}),o.jsxs(u,{children:[o.jsx(h,{}),o.jsxs(p,{children:[o.jsx(x,{children:i.getLocalizedStrings().notFoundPage.cantFindText}),o.jsxs(b,{children:[i.getLocalizedStrings().notFoundPage.pleaseText,o.jsx(r,{onClick:e,children:i.getLocalizedStrings().notFoundPage.goBackText}),i.getLocalizedStrings().notFoundPage.startOverText,o.jsx(r,{onClick:n,children:i.getLocalizedStrings().notFoundPage.homePageText})]})]}),o.jsx(m,{children:o.jsx(f,{})})]})]})}export{C as default};

package/dist/assets/NotFoundScreen-BOQb1xUE.js

@@ -0,0 +1 @@
+import{j as e}from"./pdf-BxqSCr4b.js";import{j as n,k as r}from"./core-CVVdXRky.js";import{jJ as i}from"./index-BngCC-zG.js";import"./mui-DyGc7Pg8.js";import"./sentry-CHlUi953.js";import"./zeni-epic-state-D8D2Skiq.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new t.Error().stack;o&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[o]="c11d482f-0e51-4684-a80d-1fb31e74d1cf",t._sentryDebugIdIdentifier="sentry-dbid-c11d482f-0e51-4684-a80d-1fb31e74d1cf")}catch{}})();const d=r(null,function(t,o){return{onGoBack:()=>{o.navigate(-1)},onGoHome:()=>{o.navigate("/")}}})(i);function v(){const t=n();return e.jsx(d,{navigate:t})}export{v as default};

package/dist/assets/NotificationRoutes-CHyP48D4.js

@@ -0,0 +1 @@
+import{j as E}from"./pdf-BxqSCr4b.js";import it from"./NotFoundScreen-BOQb1xUE.js";import{a as k}from"./sentry-CHlUi953.js";import{k as rt,a as ct,l as mt}from"./liveblocks-CHs9GmLG.js";import{j as dt,h as lt,l as ft,i as ut,u as S,k as ht,R as pt,m as W}from"./core-CVVdXRky.js";import{GI as kt,cD as H,ct as X,cT as gt,cL as I,Nt as J,cP as d,cC as y,nx as $,sH as St,Nu as bt,cB as It,cX as Tt,nC as Ct,Nv as j,bs as M,eg as A,nG as z,Nw as yt,bL as Nt,bK as _t}from"./zeni-epic-state-D8D2Skiq.js";import{k2 as Et,js as Bt,aE as wt,aG as xt,m9 as At,jO as B,k9 as Gt,ma as vt,ka as Dt,jM as Pt}from"./index-BngCC-zG.js";import"./mui-DyGc7Pg8.js";import"./lottie-D68Xb3aQ.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.js";(function(){try{var t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},l=new t.Error().stack;l&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[l]="707a4ffd-3aee-44b0-86f0-18349fbce54c",t._sentryDebugIdIdentifier="sentry-dbid-707a4ffd-3aee-44b0-86f0-18349fbce54c")}catch{}})();const Rt=(t,l)=>new Promise((n,u)=>{const g=t.map(i=>new Promise(s=>{l(i),s()}));Promise.all(g).then(()=>{setTimeout(()=>{n()},2e3)}).catch(i=>{u(i)})}),Ut=ht(function(t,l){const n=H(t),{signedInUser:u,isDebitCardFeatureEnabled:g}=l,i=I(t),s=X(t),{currentTab:h}=i;return{notificationView:i,isNotificationSettingsVisible:u.userEmail!=null&&Tt(n.notificationSettings,u.userEmail,g,s),isDisabled:i.notificationDetailsByTab[h].fetchState==="In-Progress"?"disabled":void 0}},function(t,l){const{location:n,tenantEmailDomain:u,loggedInUserRoleMap:g,externalNotificationsUnreadCount:i,allUnreadCommentsNotificationIds:s,navigate:h,markInboxNotificationAsRead:w,fetchMoreCommentsNotifications:G}=l;return{onNotificationClick:(a,o,m,c)=>{if(c==="task_deleted"){const r=`/${u}/tasks`,b=B(n.state?.pathnameStackToGoBack,n.pathname);h(r,{state:{pathnameStackToGoBack:b,message:"triggerBackClick"}})}else{const r=`/${u}/tasks/${o}`,b=B(n.state?.pathnameStackToGoBack,n.pathname);h(r,{state:{pathnameStackToGoBack:b,message:"triggerBackClick"}})}m==="unread"&&t(z("task_manager","read",[a],!1))},onCommentNotificationClick:(a,o,m)=>{const c=o.toString().split(`/${u}/`);if(c[1]!=null){m==="unread"&&(w(a),t(j([a],M())));let r=`/${u}/${c[1]}`;const b=B(n.state?.pathnameStackToGoBack,n.pathname);c[1].startsWith("reimbursement")&&!Nt(g)&&(r="not-found"),c[1].startsWith("bill")&&!_t(g)&&(r="not-found"),h(r,{state:{pathnameStackToGoBack:b,message:"triggerBackClick"}})}},onUpdateNotificationViewUIState:(a,o)=>{t(y(a,o))},onUpdateNotificationTabState:(a,o)=>{t(d(a,o))},onUpdateNotificationViewCurrentTabAndSubTab:(a,o)=>{t(J(a,o));const m=`../${a}`,c=B(n.state?.pathnameStackToGoBack,n.pathname);h(m,{state:{pathnameStackToGoBack:c}})},onUpdateNotificationViewSubTab:a=>{t(yt(a))},onFetchMoreNotifications:(a,o)=>{if(a==="tasks"){const m=[];o==="all"?m.push("read","unread"):o!=="mentions"&&m.push(o),t($("task_manager","dashboard",m))}else G?.()},onUpdateNotificationStatus:(a,o,m,c)=>{a==="tasks"?t(z("task_manager",m,c)):(t(d({markAsReadState:{fetchState:"In-Progress",error:void 0}},"comments")),Promise.all(c.map(r=>{m==="read"&&(w(r),t(j([r],M())))})).then(()=>{t(d({markAsReadState:{fetchState:"Completed",error:void 0},selectedNotificationIds:[]},"comments")),t(y({unreadCount:i-c.length>0?i-c.length:0},"comments")),t(A({messageSection:"notification_mark_as_read",messageText:"success",type:"success",showStatusIcon:!0}))},r=>{t(d({markAsReadState:{fetchState:"Error",error:r}},"comments")),t(A({messageSection:"notification_mark_as_read",messageText:"failed",type:"error",showStatusIcon:!0}))}).catch(r=>{t(d({markAsReadState:{fetchState:"Error",error:r}},"comments")),t(A({messageSection:"notification_mark_as_read",messageText:"failed",type:"error",showStatusIcon:!0}))}))},onMarkAllNotificationsAsRead:a=>{a==="tasks"?t(Ct("task_manager","read")):(t(d({markAsAllReadState:{fetchState:"In-Progress",error:void 0}},"comments")),Rt(s,w).then(()=>{t(j(s,M())),t(d({markAsAllReadState:{fetchState:"Completed",error:void 0}},"comments")),t(y({unreadCount:0},"comments")),t(A({messageSection:"notification_mark_as_read",messageText:"success",type:"success",showStatusIcon:!0}))}).catch(o=>{t(d({markAsAllReadState:{fetchState:"Error",error:o}},"comments")),t(A({messageSection:"notification_mark_as_read",messageText:"failed",type:"error",showStatusIcon:!0}))}))},onBackClick:()=>{const a=Pt(n.state?.pathnameStackToGoBack),o=a.poppedPathname??"../../dashboard";h(o,{state:{pathnameStackToGoBack:a.newStack}})},onSettingsClick:()=>{const a=B(n.state?.pathnameStackToGoBack,n.pathname);h("../../settings/notifications",{state:{pathnameStackToGoBack:a}})}}})(Gt(vt)),jt=()=>{const t=dt(),l=lt(),{tenantEmailDomain:n,selectedTab:u}=ft(),{areTenantIdsInSync:g}=Et(),i=kt(u??""),s=ut(),h=Bt.getSignedInUser(),[w,G]=k.useState(!1),a=S(e=>H(e)),o=S(e=>X(e)),{useFeatureGate:m}=wt(),{isFeatureEnabled:c}=m(xt.isDebitCardFeatureEnabled),r=gt(o.userRole);if(o==null||n==null||o.companyId==null)throw Error("Can't access notifications page without current tenant...");if(h==null)throw Error("Can't access notifications page without signed in...");const b=S(e=>I(e).notificationDetailsByTab.tasks.fetchState),F=S(e=>I(e).currentTab),v=S(e=>I(e).currentSubTab),Q=S(e=>I(e).notificationDetailsByTab.comments.fetchCountState),D=S(e=>I(e).notificationDetailsByTab.comments.fetchState),Y=S(e=>I(e).notificationDetailsByTab.comments.uiState.unreadCount),Z=S(e=>I(e).allExternalNotifications).filter(e=>e.inboxNotification.readAt==null).map(e=>e.inboxNotification.id),tt=At().allUsers,{inboxNotifications:x,isLoading:N,hasFetchedAll:T,isFetchingMore:P,fetchMore:et}=rt(),{threads:V,isLoading:L,fetchMore:q,isFetchingMore:K,hasFetchedAll:O}=ct({query:{metadata:{companyId:o.companyId,application:"dashboard"}}});k.useEffect(()=>{if(F!==i&&i!=null&&s(J(i)),i==null){const e=`../${F}`,p=B(l.state?.pathnameStackToGoBack,l.pathname);t(e,{state:{pathnameStackToGoBack:p}})}},[i]),k.useEffect(()=>{Q.fetchState==="Not-Started"&&s(d({fetchCountState:{fetchState:"In-Progress",error:void 0}},"comments"))},[]),k.useEffect(()=>{if(N===!1&&T===!0&&o?.companyId!=null&&x!=null){const e=`dashboard_${o.companyId}`,p=x.filter(C=>C.roomId===e&&C.readAt==null).length;s(d({fetchCountState:{fetchState:"Completed",error:void 0}},"comments")),s(y({unreadCount:p},"comments"))}},[N,T]),k.useEffect(()=>{b!=="In-Progress"&&g&&s($("task_manager","dashboard",["read","unread"]))},[g]),k.useEffect(()=>{const e=setTimeout(()=>et?.(),0);return()=>clearTimeout(e)});const R=N||P===!0||T!==!0||N||P===!0||T!==!0;k.useEffect(()=>{R&&D!=="In-Progress"?s(d({fetchState:"In-Progress",error:void 0},"comments")):R||D!=="In-Progress"||s(d({fetchState:"Completed",error:void 0},"comments"))},[R,D]),k.useEffect(()=>{s(y({hasMore:T!==!0},"comments"))},[T]),k.useEffect(()=>{a.fetchState!=="In-Progress"&&a.fetchState!=="Completed"&&w===!1&&(G(!0),s(St()))},[a.fetchState]),k.useEffect(()=>{if(N===!1&&L===!1&&x!=null&&V!=null){const e=`dashboard_${o.companyId}`,p=x.filter(f=>f.roomId===e).filter(f=>f.kind==="thread"),C=p.filter(f=>f.readAt==null),_=p.map(f=>f.id),st=p.map(f=>{const U=V.find(nt=>nt.id===f.threadId);return U!=null?{inboxNotification:{...f,threadId:U.id},thread:U}:(K||O===!0||q==null||q(),null)}).filter(f=>f!=null);s(d({allNotificationsIds:_},"comments")),s(y({totalCount:_.length,unreadCount:C.length},"comments")),s(bt(st))}},[N,P,K,T,O,L,x?.length]);const at={events:o.userRoleId!=null?[`private-${o.userRoleId}.dashboard-user-notification`]:[],eventCallback:(e,p)=>{if(Dt(p)){const C=It(p.mode);if(C==="dashboard"&&s(y({unreadCount:p.data.unread},"tasks")),b!=="In-Progress"){const _=[];v==="all"?_.push("read","unread"):v!=="mentions"&&_.push(v),s($("task_manager",C,_,!0))}}}},ot=mt();return E.jsx(Ut,{tenantEmailDomain:n,loggedInUserRoleMap:r,signedInUser:h,externalNotificationsUnreadCount:Y,location:l,navigate:t,isDebitCardFeatureEnabled:c,users:tt,markInboxNotificationAsRead:ot,allUnreadCommentsNotificationIds:Z,...at})};function Yt(){return E.jsxs(pt,{children:[E.jsx(W,{path:"/:selectedTab",element:E.jsx(jt,{})}),E.jsx(W,{path:"*",element:E.jsx(it,{})})]})}export{Yt as default};

package/dist/assets/{NotificationSettingsPage-BTxCoB_b-1ycVlHAN.js → NotificationSettingsPage-CDiDLX3A-CdiPU3_w.js}

@@ -1,18 +1,18 @@
-import{V as t,o as i,bd as ne,ab as oe,O as N,y as K,X,P as se,c8 as re,a_ as le,M as ae,I,a9 as ce,x as M,ff as de,fI as pe,en as me,fJ as ue,fK as he,aj as fe,j as S,at as Q,C as W,l as Y,H as ge}from"./index-BocbTmE1.js";import{a as k}from"./sentry-DINNQYpi.js";import{n}from"./mui-C_CXevf3.js";import{G7 as xe,G8 as $e,G9 as ye,Ga as be}from"./zeni-epic-state-a7Sj5mjO.js";import{m as je}from"./BusyIndication-Cd67eHX6-C7aB5h-1.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.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]="68f0b975-3863-49c6-83d4-2f6f99ad2893",e._sentryDebugIdIdentifier="sentry-dbid-68f0b975-3863-49c6-83d4-2f6f99ad2893")}catch{}})();const{common:we}=N.getLocalizedStrings(),D={notePadding:new M(S[3],S[4]),noteGap:new M(S[0],6)},U=(e,o)=>`${e}.${o}`,ve=n.div`
+import{V as t,o as i,bd as oe,ab as ne,O as N,y as K,e as Q,T as se,c8 as re,a_ as le,A as ae,E as S,a9 as ce,x as D,f5 as de,fy as pe,ed as me,fz as ue,fA as he,aj as ge,m as I,at as W,C as X,l as Y,H as fe}from"./index-BngCC-zG.js";import{a as k}from"./sentry-CHlUi953.js";import{n as o}from"./mui-DyGc7Pg8.js";import{G1 as xe,G2 as $e,G3 as ye,G4 as be}from"./zeni-epic-state-D8D2Skiq.js";import{m as je}from"./BusyIndication-9zDqSKBP-WSsX6_uU.js";import"./pdf-BxqSCr4b.js";import"./core-CVVdXRky.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new e.Error().stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="99c86453-08f5-4327-bd7c-898a4a34e30d",e._sentryDebugIdIdentifier="sentry-dbid-99c86453-08f5-4327-bd7c-898a4a34e30d")}catch{}})();const{common:we}=N.getLocalizedStrings(),M={notePadding:new D(I[3],I[4]),noteGap:new D(I[0],6)},U=(e,n)=>`${e}.${n}`,ve=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
-`,Ie=n.div`
+`,Se=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,Se=n(Q)`
+`,Ie=o(W)`
   color: ${e=>e.theme.colors.primary};
-`,Ne=n.div`
+`,Ne=o.div`
   border-radius: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Ee=n.div`
+`,Ee=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -25,7 +25,7 @@ import{V as t,o as i,bd as ne,ab as oe,O as N,y as K,X,P as se,c8 as re,a_ as le
     border-top-right-radius: ${i.sp2};
     border-top-left-radius: ${i.sp2};
   }
-`,ke=n.div`
+`,ke=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -37,7 +37,7 @@ import{V as t,o as i,bd as ne,ab as oe,O as N,y as K,X,P as se,c8 as re,a_ as le
     border-bottom-right-radius: ${i.sp2};
     border-bottom-left-radius: ${i.sp2};
   }
-`,Ce=n.a`
+`,Ce=o.a`
   color: ${e=>e.theme.colors.hero};
   text-decoration: none;
   cursor: pointer;
@@ -55,17 +55,17 @@ import{V as t,o as i,bd as ne,ab as oe,O as N,y as K,X,P as se,c8 as re,a_ as le
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,T=n.div`
+`,T=o.div`
   flex: 1;
-`,q=n(Y)`
+`,A=o(Y)`
   color: ${e=>e.theme.colors.hero};
-`,Pe=n(W)`
+`,Le=o(X)`
   color: ${e=>e.theme.colors.primary};
   flex: 1;
   width: 120px;
   text-align: center;
-`,Le=n(ge)`
-  padding: ${e=>`${i.sp1}  ${D.notePadding.valuePx(e.windowSize)}`};
+`,Pe=o(fe)`
+  padding: ${e=>`${i.sp1}  ${M.notePadding.valuePx(e.windowSize)}`};
   background: ${e=>e.theme.colors.grey4};
   border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2};
   text-align: left;
@@ -73,38 +73,38 @@ import{V as t,o as i,bd as ne,ab as oe,O as N,y as K,X,P as se,c8 as re,a_ as le
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  gap: ${e=>D.noteGap.valuePx(e.windowSize)};
-`,ze=n.div``,Oe=n.span``;function Re({sectionId:e,monthEndInsightsNotificationLocalData:o,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:g,classList:m,controllersList:$}){const u=K(),c=X(),{sectionTitle:y,monthEndInsights:l,mode:b}=we.settings.notifications,h=$[0],L=$.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(ve,{children:[t.jsxs(Ie,{children:[t.jsx(Se,{children:y.monthEndInsights}),t.jsx(ze,{children:t.jsx(Pe,{children:b.email})})]}),t.jsxs(Ne,{children:[t.jsxs(Ee,{disabled:s.enabled==null,children:[t.jsx(q,{children:l.labels.notifyMe}),t.jsx(me,{defaultChecked:o.notify,checkBoxValue:U(e,"notify"),name:U(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(I,{controller:s.enabled!=null,children:t.jsxs(ke,{children:[t.jsx(T,{children:t.jsx(q,{children:l.labels.notifyOthers})}),t.jsx(T,{children:t.jsx(ue,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:g,selectedUsers:g.filter(d=>o.recipientEmailIds.includes(d.email)),allNonUsers:[],selectedNonUsers:[]},hideMultiValueOnBlur:!1,valueToSubtitle:d=>{const r=a.findIndex(p=>p.userId===d),j=[];if(r!==-1){const p=a[r],w=he(p.userRole.userRoles);w.length>0&&j.push(w);const E=m.find(z=>z.classId===p.userRole.accountingClassIDs[0]);return E!=null&&j.push(E.className),j}return[]},name:U(e,"recipientEmailIds"),placeholderLabel:l.userFieldPlaceholder,customStyleConfig:{valueContainer:(d,{selectProps:r})=>({justifyContent:r.menuIsOpen===!1?"flex-end":"flex-start"}),input:(d,{selectProps:r})=>({display:r.menuIsOpen===!1?"none":"inline-grid"}),control:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),container:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),multiValue:(d,{selectProps:r})=>({outline:r.menuIsOpen===!1?"unset":`1px solid ${u.colors.primary}`})}})})]})}),t.jsx(I,{controller:s.enabled==null,children:t.jsxs(Le,{windowSize:c,children:[l.stopReceivingEmailsText,h?t.jsxs(Ce,{href:`mailto:${h.email}?cc=${L}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Oe,{children:`${h.firstName} ${h.lastName}`}),t.jsx(fe,{className:"arrowIcon"})]}):null]})})]})]})}const A=(e,o,s)=>`${e}.${o}.${s}`,Ue=n.div`
+  gap: ${e=>M.noteGap.valuePx(e.windowSize)};
+`,ze=o.div``,Oe=o.span``;function Re({sectionId:e,monthEndInsightsNotificationLocalData:n,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:f,classList:m,controllersList:$}){const u=K(),c=Q(),{sectionTitle:y,monthEndInsights:l,mode:b}=we.settings.notifications,h=$[0],P=$.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(ve,{children:[t.jsxs(Se,{children:[t.jsx(Ie,{children:y.monthEndInsights}),t.jsx(ze,{children:t.jsx(Le,{children:b.email})})]}),t.jsxs(Ne,{children:[t.jsxs(Ee,{disabled:s.enabled==null,children:[t.jsx(A,{children:l.labels.notifyMe}),t.jsx(me,{defaultChecked:n.notify,checkBoxValue:U(e,"notify"),name:U(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(S,{controller:s.enabled!=null,children:t.jsxs(ke,{children:[t.jsx(T,{children:t.jsx(A,{children:l.labels.notifyOthers})}),t.jsx(T,{children:t.jsx(ue,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:f,selectedUsers:f.filter(d=>n.recipientEmailIds.includes(d.email)),allNonUsers:[],selectedNonUsers:[]},hideMultiValueOnBlur:!1,valueToSubtitle:d=>{const r=a.findIndex(p=>p.userId===d),j=[];if(r!==-1){const p=a[r],w=he(p.userRole.userRoles);w.length>0&&j.push(w);const E=m.find(z=>z.classId===p.userRole.accountingClassIDs[0]);return E!=null&&j.push(E.className),j}return[]},name:U(e,"recipientEmailIds"),placeholderLabel:l.userFieldPlaceholder,customStyleConfig:{valueContainer:(d,{selectProps:r})=>({justifyContent:r.menuIsOpen===!1?"flex-end":"flex-start"}),input:(d,{selectProps:r})=>({display:r.menuIsOpen===!1?"none":"inline-grid"}),control:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),container:(d,{selectProps:r})=>({backgroundColor:r.menuIsOpen===!0?u.colors.background:"unset"}),multiValue:(d,{selectProps:r})=>({outline:r.menuIsOpen===!1?"unset":`1px solid ${u.colors.primary}`})}})})]})}),t.jsx(S,{controller:s.enabled==null,children:t.jsxs(Pe,{windowSize:c,children:[l.stopReceivingEmailsText,h?t.jsxs(Ce,{href:`mailto:${h.email}?cc=${P}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Oe,{children:`${h.firstName} ${h.lastName}`}),t.jsx(ge,{className:"arrowIcon"})]}):null]})})]})]})}const q=(e,n,s)=>`${e}.${n}.${s}`,Ue=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
-`,Be=n.div`
+`,Be=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,Me=n(Q)`
+`,De=o(W)`
   color: ${e=>e.theme.colors.primary};
-`,V=n.div`
+`,V=o.div`
   display: flex;
-`,_=n(W)`
+`,_=o(X)`
   color: ${e=>e.theme.colors.primary};
   flex: 1;
   width: 120px;
   text-align: center;
-`,De=n.div`
+`,Me=o.div`
   width: 120px;
   display: flex;
-`,Te=n.div`
+`,Te=o.div`
   width: 120px;
   display: flex;
   padding-right: 12px;
-`,qe=n(Y)`
+`,Ae=o(Y)`
   color: ${e=>e.theme.colors.hero};
-`,Ae=n.div`
+`,qe=o.div`
   border-radius: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Ve=n.div`
+`,Ve=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -118,14 +118,14 @@ import{V as t,o as i,bd as ne,ab as oe,O as N,y as K,X,P as se,c8 as re,a_ as le
     border-bottom-left-radius: ${e=>e.lastElement===!0?i.sp2:i.sp0};
     border-bottom-right-radius: ${e=>e.lastElement===!0?i.sp2:i.sp0};
   }
-`;function _e({sectionId:e,remindersLocalData:o,reminderNotificationSettings:s}){const{texts:a,settings:g}=N.getLocalizedStrings().common,{notifications:m}=g,$=be.slice(0,1),u=ye.filter(c=>s[c]!=null);return t.jsxs(Ue,{children:[t.jsxs(Be,{children:[t.jsx(Me,{children:m.sectionTitle.reminders}),t.jsxs(V,{children:[t.jsx(_,{children:a.frequency}),t.jsx(_,{children:m.mode.email})]})]}),t.jsx(Ae,{children:u.map((c,y)=>t.jsxs(Ve,{firstElement:y===0,lastElement:y===u.length-1,children:[t.jsx(qe,{children:m.reminders[c]}),t.jsxs(V,{children:[t.jsx(Te,{children:t.jsx(de,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:o[c].frequency},name:A(e,c,"frequency")})}),t.jsx(De,{children:t.jsx(pe,{mode:"always_on",checkBoxes:$.map(l=>({label:"",value:l,defaultChecked:o[c].preferredMode.includes(l),groupLabel:!1})),name:A(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const B={contentPadding:new M(S[3],S[8])},x="reminders",v="monthEndInsights",F="notificationSettingsPage",G=e=>`${e}_form`,{settings:Z,reloadPage:Fe}=N.getLocalizedStrings().common,Ge=e=>{const o=K(),s=X(),{notificationSettingsView:a,signedInUser:g,onFormDataChange:m,resetUpdateStatus:$,onSave:u,onCancel:c,onClickMenuIcon:y}=e,{notificationSettingsLocalData:l,allUsers:b,notificationSettings:h,classList:L,managersList:d,updateStatus:r,controllersList:j}=a,p=se({defaultValues:J(l,b)}),w=k.useCallback(O=>{m(function(f){return{[x]:{missingReceiptNotification:P(f[x].missingReceiptNotification),uncategorizedTransactionNotification:P(f[x].uncategorizedTransactionNotification),pendingBillApprovalNotification:P(f[x].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:P(f[x].pendingReimbursementApprovalNotification)},[v]:{...f[v],recipientEmailIds:f[v].recipientEmailIds.selectedUsers.map(R=>R.email)}}}(O))},[m]),E=p.handleSubmit(()=>{u()}),z=k.useCallback(()=>{p.reset(),c()},[c]);k.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(J(l,b)),$())},[l,a.updateStatus.fetchState,b]),k.useEffect(()=>{const O=p.watch((f,{name:R})=>{R!=null&&f!=null&&re(()=>w(f))});return()=>{O.unsubscribe()}},[p,w]);const ee=Object.keys(p.formState.dirtyFields).length>0,te=g.userEmail!=null&&xe(h.monthEndInsightsNotificationSettings,g.userEmail),ie=$e(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(He,{children:[t.jsx(le,{source:"NotificationSettingsPage",title:Z.title.notifications,backgroundColor:o.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:y}),t.jsx(Je,{windowSize:s,children:t.jsx(ae,{...p,children:t.jsx("form",{id:G(F),onSubmit:E,children:t.jsxs(Ke,{children:[t.jsx(I,{controller:ie,children:t.jsx(_e,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:x})}),t.jsx(I,{controller:te,children:t.jsx(Re,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:v,allUsers:b,classList:L,managersList:d,controllersList:j})})]})})})})]}),t.jsx(I,{controller:ee,children:t.jsx(ce,{style:{width:"100%"},formId:G(F),primaryBtn:{label:N.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:N.getLocalizedStrings().common.footer.cancel,onClick:z,style:{width:"82px"}}})})]})};function pt(e){const{notificationSettingsView:o,onRefresh:s}=e,{fetchState:a}=o;return a==="Not-Started"||a==="In-Progress"?t.jsx(H,{children:t.jsx(je,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(H,{children:[t.jsx(Xe,{onClick:s,children:t.jsx(ne,{})}),t.jsx(Qe,{children:Fe.label})]}):t.jsx(Ge,{...e})}const He=n.div`
+`;function _e({sectionId:e,remindersLocalData:n,reminderNotificationSettings:s}){const{texts:a,settings:f}=N.getLocalizedStrings().common,{notifications:m}=f,$=be.slice(0,1),u=ye.filter(c=>s[c]!=null);return t.jsxs(Ue,{children:[t.jsxs(Be,{children:[t.jsx(De,{children:m.sectionTitle.reminders}),t.jsxs(V,{children:[t.jsx(_,{children:a.frequency}),t.jsx(_,{children:m.mode.email})]})]}),t.jsx(qe,{children:u.map((c,y)=>t.jsxs(Ve,{firstElement:y===0,lastElement:y===u.length-1,children:[t.jsx(Ae,{children:m.reminders[c]}),t.jsxs(V,{children:[t.jsx(Te,{children:t.jsx(de,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:q(e,c,"frequency")})}),t.jsx(Me,{children:t.jsx(pe,{mode:"always_on",checkBoxes:$.map(l=>({label:"",value:l,defaultChecked:n[c].preferredMode.includes(l),groupLabel:!1})),name:q(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const B={contentPadding:new D(I[3],I[8])},x="reminders",v="monthEndInsights",F="notificationSettingsPage",G=e=>`${e}_form`,{settings:Z,reloadPage:Fe}=N.getLocalizedStrings().common,Ge=e=>{const n=K(),s=Q(),{notificationSettingsView:a,signedInUser:f,onFormDataChange:m,resetUpdateStatus:$,onSave:u,onCancel:c,onClickMenuIcon:y}=e,{notificationSettingsLocalData:l,allUsers:b,notificationSettings:h,classList:P,managersList:d,updateStatus:r,controllersList:j}=a,p=se({defaultValues:J(l,b)}),w=k.useCallback(O=>{m(function(g){return{[x]:{missingReceiptNotification:L(g[x].missingReceiptNotification),uncategorizedTransactionNotification:L(g[x].uncategorizedTransactionNotification),pendingBillApprovalNotification:L(g[x].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:L(g[x].pendingReimbursementApprovalNotification)},[v]:{...g[v],recipientEmailIds:g[v].recipientEmailIds.selectedUsers.map(R=>R.email)}}}(O))},[m]),E=p.handleSubmit(()=>{u()}),z=k.useCallback(()=>{p.reset(),c()},[c]);k.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(J(l,b)),$())},[l,a.updateStatus.fetchState,b]),k.useEffect(()=>{const O=p.watch((g,{name:R})=>{R!=null&&g!=null&&re(()=>w(g))});return()=>{O.unsubscribe()}},[p,w]);const ee=Object.keys(p.formState.dirtyFields).length>0,te=f.userEmail!=null&&xe(h.monthEndInsightsNotificationSettings,f.userEmail),ie=$e(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(He,{children:[t.jsx(le,{source:"NotificationSettingsPage",title:Z.title.notifications,backgroundColor:n.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:y}),t.jsx(Je,{windowSize:s,children:t.jsx(ae,{...p,children:t.jsx("form",{id:G(F),onSubmit:E,children:t.jsxs(Ke,{children:[t.jsx(S,{controller:ie,children:t.jsx(_e,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:x})}),t.jsx(S,{controller:te,children:t.jsx(Re,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:v,allUsers:b,classList:P,managersList:d,controllersList:j})})]})})})})]}),t.jsx(S,{controller:ee,children:t.jsx(ce,{style:{width:"100%"},formId:G(F),primaryBtn:{label:N.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:N.getLocalizedStrings().common.footer.cancel,onClick:z,style:{width:"82px"}}})})]})};function pt(e){const{notificationSettingsView:n,onRefresh:s}=e,{fetchState:a}=n;return a==="Not-Started"||a==="In-Progress"?t.jsx(H,{children:t.jsx(je,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(H,{children:[t.jsx(Qe,{onClick:s,children:t.jsx(oe,{})}),t.jsx(We,{children:Fe.label})]}):t.jsx(Ge,{...e})}const He=o.div`
   display: flex;
   width: 100%;
   min-height: 100vh;
   flex-direction: column;
   row-gap: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,H=n.div`
+`,H=o.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -134,15 +134,15 @@ import{V as t,o as i,bd as ne,ab as oe,O as N,y as K,X,P as se,c8 as re,a_ as le
   align-items: center;
   row-gap: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,Je=n.div`
+`,Je=o.div`
   padding-left: ${e=>B.contentPadding.valuePx(e.windowSize)};
   padding-right: ${e=>B.contentPadding.valuePx(e.windowSize)};
   padding-bottom: ${e=>B.contentPadding.valuePx(e.windowSize)};
-`,Ke=n.div`
+`,Ke=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp8};
-`,Xe=n.div`
+`,Qe=o.div`
   height: 96px;
   width: 96px;
   background: ${e=>e.theme.colors.background};
@@ -157,7 +157,7 @@ import{V as t,o as i,bd as ne,ab as oe,O as N,y as K,X,P as se,c8 as re,a_ as le
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Qe=n(oe)`
+`,We=o(ne)`
   margin-top: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`;function C(e){const o=Z.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:o}}}function J(e,o){return{[x]:{missingReceiptNotification:C(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:C(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:C(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:C(e.reminders.pendingReimbursementApprovalNotification)},[v]:{notify:e.monthEndInsights.notify,recipientEmailIds:{allNonUsers:[],selectedNonUsers:[],allUsers:o,selectedUsers:o.filter(s=>e.monthEndInsights.recipientEmailIds.includes(s.email))}}}}function P(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}export{pt as default,G as uniqueName};
+`;function C(e){const n=Z.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:n}}}function J(e,n){return{[x]:{missingReceiptNotification:C(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:C(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:C(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:C(e.reminders.pendingReimbursementApprovalNotification)},[v]:{notify:e.monthEndInsights.notify,recipientEmailIds:{allNonUsers:[],selectedNonUsers:[],allUsers:n,selectedUsers:n.filter(s=>e.monthEndInsights.recipientEmailIds.includes(s.email))}}}}function L(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}export{pt as default,G as uniqueName};

package/dist/assets/NotificationsListConfig-B5pDa4cJ-C0GWEb8S.js

@@ -0,0 +1 @@
+import{w as d,m as s}from"./index-BngCC-zG.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},a=new e.Error().stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="057b6f09-8ae8-4f17-a69d-7acb131d35ce",e._sentryDebugIdIdentifier="sentry-dbid-057b6f09-8ae8-4f17-a69d-7acb131d35ce")}catch{}})();const f=s[5],o=59,r=s[5],i=d.standardRegular.lineHeightValue,b=1,l=1e3;export{i as A,r as E,b as I,l as L,o as a,f as t};

package/dist/assets/{NotificationsPage-D41h0mS6-lOcsglza.js → NotificationsPage-Ccl7Dny1-CsnU2sZr.js}

@@ -1,8 +1,8 @@
-import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I as $e,O as B,gz as ai,x as _,hv as ni,w as Ie,L as ri,A as st,bN as at,an as nt,cR as rt,bV as lt,iR as dt,j as w,a as li,cP as he,ah as di,N as ci,d as ct,e as S,C as hi,bg as z,cc as ue,fI as pe,iS as fe,v as ht,m as ut,cU as E,f5 as pt,E as me,ba as ui,l as Z,hJ as pi,H as U,fi,ad as je,au as ge,iT as mi,b8 as ft,iU as ze,aT as gi}from"./index-BocbTmE1.js";import{a as g}from"./sentry-DINNQYpi.js";import{n,c as P}from"./mui-C_CXevf3.js";import{GN as xi,GO as bi,bG as K,bs as y,F9 as mt}from"./zeni-epic-state-a7Sj5mjO.js";import{R as wi}from"./SubTabSwitcher-CzGiuhk3-C7cKUv_v.js";import{d as gt}from"./useLongPress-GCK2COYQ-CI59nlOM.js";import{A as xt,t as bt,a as wt,E as yt,L as $t,I as jt}from"./NotificationsListConfig-CylnViXd-DEcj9I_Q.js";import"./liveblocks-BsQBjN-0.js";import"./core-5sxMy3sZ.js";import"./lottie-C2R6rGxS.js";import"./pdf-DyB_VHQx.js";import"./dnd-Cfx_ai1S.js";import"./analytics-Buyhprzd.js";import"./plaid-Yyr3DBd8.js";import"./recharts-CTWfsY-L.js";import"./utils-DmE88LS_.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]="d83f0b42-c762-446f-8656-beb60ffd1b0d",e._sentryDebugIdIdentifier="sentry-dbid-d83f0b42-c762-446f-8656-beb60ffd1b0d")}catch{}})();function yi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:r,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:h}){const u=v(),f=Q(),p=g.useCallback(m=>{d(m.id)},[d]),x=g.useCallback(m=>{h(m.id)},[h]);return e.length===0?null:t.jsxs($i,{windowSize:u,children:[t.jsx(ni,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${f.colors.grey3}`},onTabChange:p}),t.jsx(wi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:r,onTabChange:x})]})}const $i=n.div`
+import{y as K,e as v,T as ei,c8 as ti,V as t,a_ as ii,A as oi,a9 as si,o as i,E as $e,O as B,gu as ai,x as _,ht as ni,w as Ie,L as ri,B as st,bN as at,an as nt,cO as rt,bV as lt,iP as dt,m as w,a as li,cM as he,ah as di,d as ci,M as ct,f as S,C as hi,bg as z,cc as ue,fy as pe,iQ as fe,_ as ht,h as ut,cR as E,eX as pt,b as me,ba as ui,l as Z,hH as pi,H as U,f8 as fi,ad as je,au as ge,iR as mi,b8 as ft,iS as ze,aT as gi}from"./index-BngCC-zG.js";import{a as g}from"./sentry-CHlUi953.js";import{n,c as P}from"./mui-DyGc7Pg8.js";import{GH as xi,GI as bi,bG as X,bs as y,F3 as mt}from"./zeni-epic-state-D8D2Skiq.js";import{R as wi}from"./SubTabSwitcher-D7QeM6nb-C5vo1QLg.js";import{d as gt}from"./useLongPress-GCK2COYQ-C-ro8Pxu.js";import{A as xt,t as bt,a as wt,E as yt,L as $t,I as jt}from"./NotificationsListConfig-B5pDa4cJ-C0GWEb8S.js";import"./pdf-BxqSCr4b.js";import"./core-CVVdXRky.js";import"./lottie-D68Xb3aQ.js";import"./liveblocks-CHs9GmLG.js";import"./recharts-CMjB5mmq.js";import"./dnd-CcRW__D6.js";import"./analytics-CZ3wLx3P.js";import"./plaid-xWfKHEqu.js";import"./utils-BpkJZQMI.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]="eb19a970-23fe-4cb8-b0d3-949c4818244e",e._sentryDebugIdIdentifier="sentry-dbid-eb19a970-23fe-4cb8-b0d3-949c4818244e")}catch{}})();function yi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:r,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:h}){const u=v(),f=K(),p=g.useCallback(m=>{d(m.id)},[d]),x=g.useCallback(m=>{h(m.id)},[h]);return e.length===0?null:t.jsxs($i,{windowSize:u,children:[t.jsx(ni,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${f.colors.grey3}`},onTabChange:p}),t.jsx(wi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:r,onTabChange:x})]})}const $i=n.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,{common:{timeStrings:kt,strings:ji},dateFormat:Le,timeFormat:ki}=B.getLocalizedStrings(),St=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],le=e=>e.type.concat(ji.underscore).concat(e.start.format(Le.visual.DdashMMdashYYYYFormat)),xe=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return kt[e.type];case"earlier_that_month":return e.start.format(Le.visual.MMMYYYYFormat)}},vt=e=>{const o=K(e.toUTCString()),s=y(),a=s.diff(o,"minutes");return s.diff(o,"seconds")<=60?kt.justNow:a<1440&&mi(o,0)?o.format(ki.hhmmAFormat):o.format(Le.visual.MMMDFormat)},De=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:Si}}}}=B.getLocalizedStrings(),Ct=e=>{e.sort((r,l)=>K(r.inboxNotification.notifiedAt.toUTCString()).isAfter(K(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const r of St){let l=0,c=0,d=y().subtract(Math.min(y().date(),l),"d").startOf("d"),h=y().subtract(Math.min(y().date(),c),"d").endOf("d"),u=1;switch(r){case"today":case"yesterday":l=r==="today"?0:1,c=r==="today"?0:1,d=y().subtract(Math.min(y().date(),l),"d").startOf("d"),h=y().subtract(Math.min(y().date(),c),"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&y().date()>2&&(d=y().subtract(Math.min(y().date()-1,8),"d").startOf("d"),h=y().subtract(2,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&y().date()>9&&(d=y().startOf("M").startOf("d"),h=y().subtract(9,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=y().subtract(u,"month").startOf("M").startOf("d"),p=y().subtract(u,"month").endOf("M").endOf("d");u++,a=oe(o,f,p),o=a.remainingData,s.push({start:f,end:p,type:r,notifications:a.singleGroup})}}}return s},oe=(e,o,s)=>{const a=[],r=e.map(l=>dt(o,s,K(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>K(l.inboxNotification.notifiedAt.toUTCString()).isAfter(K(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:r}},Tt=new _(3,2,1,1,1),Nt=new _(w[8],w[6],35,35,w[6]),de={lineClamp:Tt,sectionWidth:Nt},It="comments-notification-tile",{common:{texts:Me,timeStrings:vi,strings:ee},commentsAndNotifications:{notifications:{strings:{newMessage:Ci},actionStrings:{comments:{newCommentAdded:Ti}}}}}=B.getLocalizedStrings(),Ni=({sectionId:e,notificationData:o,users:s,isHighlighted:a=!1,style:r,onNotificationTileClick:l})=>{const c=ht(),d=ut().analytics,{inboxNotification:{id:h,readAt:u,notifiedAt:f},thread:p}=o,{setRequestToOpenThread:x}=g.useContext(ui),m=u!=null?"read":"unread",{metadata:{url:k,companyId:N,entityType:D},id:I}=p;return t.jsxs(zi,{readStatus:m,isClickable:!!k,isHighlighted:a,style:r,"data-testid":me(e,`${It}-${h}`),onClick:()=>{k&&(l(h,mt(k),m),(p.metadata.tab==="bill"||p.metadata.tab==="reimbursement")&&x({threadId:I,companyId:N,entityType:D})),p.metadata.application!=="cockpit"&&d.trackCommentActivity("notification","clicked",p.metadata.companyName,c.controllersList.controllers.map(b=>E(b)),p.resolved?"resolved":"open",{name:pt(c.loggedInUser),email:c.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(Ii,{notificationData:o,users:s}),t.jsx(Ri,{...o}),t.jsx(_i,{timestamp:f,readStatus:m})]})},Lt=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,r=a[0];return a.length===0||r.body==null?t.jsx(ke,{children:Ci}):t.jsx(ke,{children:r.body.content.map(l=>l.type==="paragraph"?l.children.map((c,d)=>{if(function(u){return"type"in u&&u.type==="mention"}(c)){const u=o.find(f=>f.userId===c.id);return c.id?t.jsx(Li,{notificationData:e,user:u},`${c.id}${ee.underscore}${d}`):null}if(function(u){return"type"in u&&u.type==="link"}(c)){const u=pi(c.url)??c.url;return t.jsx(Gi,{href:u,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let h=c.text;return c.bold===!0&&(h=t.jsx(Ai,{children:h},d)),c.italic===!0&&(h=t.jsx(Pi,{children:h},d)),c.strikethrough===!0&&(h=t.jsx(Bi,{children:h},d)),c.code===!0&&(h=t.jsx(Oi,{children:h},d)),t.jsx(Fi,{children:h},d)}):t.jsx(ke,{children:Ti}))})},Ii=({notificationData:e,users:o})=>{const s=v();return t.jsx(Ei,{windowSize:s,children:t.jsx(Lt,{notificationData:e,users:o})})},Li=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let r=t.jsxs(Ae,{className:"userText",readStatus:a,children:[ee.atTheRate,Me.zeniAI,ee.space]});if(o!=null){const l=E(o,!1);r=t.jsx(t.Fragment,{children:t.jsxs(Ae,{className:"userText",readStatus:a,children:[ee.atTheRate,l||Me.zeniAI,ee.space]})})}return r},Rt=e=>{const o=(s=>{const{thread:a}=s,{newRepliesAdded:r,newCommentAdded:l}=Si;return a.comments.length===1?l:r})(e);return t.jsx(t.Fragment,{children:o})},Ri=e=>{const o=v();return t.jsx(Mi,{windowSize:o,children:t.jsx(Rt,{...e})})},_t=e=>{const{timestamp:o,readStatus:s}=e,a=vt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Ui,{isNewNotification:a===vi.justNow,children:a}),t.jsx(Hi,{readStatus:s})]})},_i=e=>{const o=v();return t.jsx(Di,{windowSize:o,children:t.jsx(_t,{...e})})},zi=n.div`
+`,{common:{timeStrings:kt,strings:ji},dateFormat:Le,timeFormat:ki}=B.getLocalizedStrings(),St=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],le=e=>e.type.concat(ji.underscore).concat(e.start.format(Le.visual.DdashMMdashYYYYFormat)),xe=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return kt[e.type];case"earlier_that_month":return e.start.format(Le.visual.MMMYYYYFormat)}},vt=e=>{const o=X(e.toUTCString()),s=y(),a=s.diff(o,"minutes");return s.diff(o,"seconds")<=60?kt.justNow:a<1440&&mi(o,0)?o.format(ki.hhmmAFormat):o.format(Le.visual.MMMDFormat)},De=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:Si}}}}=B.getLocalizedStrings(),Ct=e=>{e.sort((r,l)=>X(r.inboxNotification.notifiedAt.toUTCString()).isAfter(X(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const r of St){let l=0,c=0,d=y().subtract(Math.min(y().date(),l),"d").startOf("d"),h=y().subtract(Math.min(y().date(),c),"d").endOf("d"),u=1;switch(r){case"today":case"yesterday":l=r==="today"?0:1,c=r==="today"?0:1,d=y().subtract(Math.min(y().date(),l),"d").startOf("d"),h=y().subtract(Math.min(y().date(),c),"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&y().date()>2&&(d=y().subtract(Math.min(y().date()-1,8),"d").startOf("d"),h=y().subtract(2,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&y().date()>9&&(d=y().startOf("M").startOf("d"),h=y().subtract(9,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=y().subtract(u,"month").startOf("M").startOf("d"),p=y().subtract(u,"month").endOf("M").endOf("d");u++,a=oe(o,f,p),o=a.remainingData,s.push({start:f,end:p,type:r,notifications:a.singleGroup})}}}return s},oe=(e,o,s)=>{const a=[],r=e.map(l=>dt(o,s,X(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>X(l.inboxNotification.notifiedAt.toUTCString()).isAfter(X(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:r}},Tt=new _(3,2,1,1,1),Nt=new _(w[8],w[6],35,35,w[6]),de={lineClamp:Tt,sectionWidth:Nt},It="comments-notification-tile",{common:{texts:Me,timeStrings:vi,strings:ee},commentsAndNotifications:{notifications:{strings:{newMessage:Ci},actionStrings:{comments:{newCommentAdded:Ti}}}}}=B.getLocalizedStrings(),Ni=({sectionId:e,notificationData:o,users:s,isHighlighted:a=!1,style:r,onNotificationTileClick:l})=>{const c=ht(),d=ut().analytics,{inboxNotification:{id:h,readAt:u,notifiedAt:f},thread:p}=o,{setRequestToOpenThread:x}=g.useContext(ui),m=u!=null?"read":"unread",{metadata:{url:k,companyId:N,entityType:D},id:I}=p;return t.jsxs(zi,{readStatus:m,isClickable:!!k,isHighlighted:a,style:r,"data-testid":me(e,`${It}-${h}`),onClick:()=>{k&&(l(h,mt(k),m),(p.metadata.tab==="bill"||p.metadata.tab==="reimbursement")&&x({threadId:I,companyId:N,entityType:D})),p.metadata.application!=="cockpit"&&d.trackCommentActivity("notification","clicked",p.metadata.companyName,c.controllersList.controllers.map(b=>E(b)),p.resolved?"resolved":"open",{name:pt(c.loggedInUser),email:c.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(Ii,{notificationData:o,users:s}),t.jsx(Ri,{...o}),t.jsx(_i,{timestamp:f,readStatus:m})]})},Lt=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,r=a[0];return a.length===0||r.body==null?t.jsx(ke,{children:Ci}):t.jsx(ke,{children:r.body.content.map(l=>l.type==="paragraph"?l.children.map((c,d)=>{if(function(u){return"type"in u&&u.type==="mention"}(c)){const u=o.find(f=>f.userId===c.id);return c.id?t.jsx(Li,{notificationData:e,user:u},`${c.id}${ee.underscore}${d}`):null}if(function(u){return"type"in u&&u.type==="link"}(c)){const u=pi(c.url)??c.url;return t.jsx(Gi,{href:u,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let h=c.text;return c.bold===!0&&(h=t.jsx(Ai,{children:h},d)),c.italic===!0&&(h=t.jsx(Pi,{children:h},d)),c.strikethrough===!0&&(h=t.jsx(Bi,{children:h},d)),c.code===!0&&(h=t.jsx(Oi,{children:h},d)),t.jsx(Fi,{children:h},d)}):t.jsx(ke,{children:Ti}))})},Ii=({notificationData:e,users:o})=>{const s=v();return t.jsx(Ei,{windowSize:s,children:t.jsx(Lt,{notificationData:e,users:o})})},Li=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let r=t.jsxs(Ae,{className:"userText",readStatus:a,children:[ee.atTheRate,Me.zeniAI,ee.space]});if(o!=null){const l=E(o,!1);r=t.jsx(t.Fragment,{children:t.jsxs(Ae,{className:"userText",readStatus:a,children:[ee.atTheRate,l||Me.zeniAI,ee.space]})})}return r},Rt=e=>{const o=(s=>{const{thread:a}=s,{newRepliesAdded:r,newCommentAdded:l}=Si;return a.comments.length===1?l:r})(e);return t.jsx(t.Fragment,{children:o})},Ri=e=>{const o=v();return t.jsx(Mi,{windowSize:o,children:t.jsx(Rt,{...e})})},_t=e=>{const{timestamp:o,readStatus:s}=e,a=vt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Ui,{isNewNotification:a===vi.justNow,children:a}),t.jsx(Hi,{readStatus:s})]})},_i=e=>{const o=v();return t.jsx(Di,{windowSize:o,children:t.jsx(_t,{...e})})},zi=n.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -120,7 +120,7 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
   width: ${e=>e.isLastItem?"10%":Nt.valuePercentage(e.windowSize)};
-`,Wi=()=>{const e=v();return t.jsxs(Ji,{windowSize:e,children:[t.jsxs(qi,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:180,height:w[4]})]}),t.jsx(Xi,{children:t.jsx(z,{width:60,height:18})})]})},Ji=n.div`
+`,Wi=()=>{const e=v();return t.jsxs(Ji,{windowSize:e,children:[t.jsxs(qi,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:180,height:w[4]})]}),t.jsx(Qi,{children:t.jsx(z,{width:60,height:18})})]})},Ji=n.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -153,12 +153,12 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
   gap: ${i.sp2};
   flex: 1 1 auto;
   justify-content: start;
-`,Xi=n.div`
+`,Qi=n.div`
   display: flex;
   align-items: baseline;
   flex-direction: row;
   justify-content: end;
-`,Ki=()=>v()==="small"?t.jsx(Wi,{}):t.jsx(Vi,{}),Qi={marginLeft:new _(w[2],w[5],w[7])},Zi=()=>t.jsxs(eo,{children:[t.jsx(Ce,{numberOfRows:5}),t.jsx(Ce,{numberOfRows:3})]}),Ce=({numberOfRows:e})=>{const o=v();return t.jsxs(to,{windowSize:o,children:[t.jsx(oo,{children:t.jsx(z,{width:w[12],height:Ie.standardRegular.lineHeightValue})}),t.jsx(io,{children:[...Array(e)].map(s=>t.jsx(Ki,{},he()))})]})},eo=n.div`
+`,Xi=()=>v()==="small"?t.jsx(Wi,{}):t.jsx(Vi,{}),Ki={marginLeft:new _(w[2],w[5],w[7])},Zi=()=>t.jsxs(eo,{children:[t.jsx(Ce,{numberOfRows:5}),t.jsx(Ce,{numberOfRows:3})]}),Ce=({numberOfRows:e})=>{const o=v();return t.jsxs(to,{windowSize:o,children:[t.jsx(oo,{children:t.jsx(z,{width:w[12],height:Ie.standardRegular.lineHeightValue})}),t.jsx(io,{children:[...Array(e)].map(s=>t.jsx(Xi,{},he()))})]})},eo=n.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -167,7 +167,7 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
   display: flex;
   flex-direction: column;
   margin-bottom: ${i.sp5};
-  margin-left: ${e=>Qi.marginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>Ki.marginLeft.valuePx(e.windowSize)};
 `,io=n.div`
   display: flex;
   flex-direction: column;
@@ -244,7 +244,7 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;
-`,Dt=e=>v()==="small"?t.jsx(so,{...e}):t.jsx(Ni,{...e}),{common:{all:Oe}}=B.getLocalizedStrings(),uo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:r,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:h}=ue(),u=h(s);return t.jsx(po,{style:r,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(fo,{htmlFor:`${s}.${Oe.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:xe(e)}),value:Oe.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,p)=>{const x=p===0,m=e.notifications.length-1===p;return{label:t.jsx(Dt,{sectionId:s,notificationData:f,users:o,style:{borderTopLeftRadius:x?i.sp2:void 0,borderTopRightRadius:x?i.sp2:void 0,borderBottomLeftRadius:m?i.sp2:void 0,borderBottomRightRadius:m?i.sp2:void 0},isHighlighted:u?.includes(f.inboxNotification.id)===!0,onNotificationTileClick:c}),value:f.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},po=n.div`
+`,Dt=e=>v()==="small"?t.jsx(so,{...e}):t.jsx(Ni,{...e}),{common:{all:Oe}}=B.getLocalizedStrings(),uo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:r,isDisabled:l,onNotificationTileClick:c})=>{const d=K(),{getValues:h}=ue(),u=h(s);return t.jsx(po,{style:r,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(fo,{htmlFor:`${s}.${Oe.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:xe(e)}),value:Oe.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,p)=>{const x=p===0,m=e.notifications.length-1===p;return{label:t.jsx(Dt,{sectionId:s,notificationData:f,users:o,style:{borderTopLeftRadius:x?i.sp2:void 0,borderTopRightRadius:x?i.sp2:void 0,borderBottomLeftRadius:m?i.sp2:void 0,borderBottomRightRadius:m?i.sp2:void 0},isHighlighted:u?.includes(f.inboxNotification.id)===!0,onNotificationTileClick:c}),value:f.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},po=n.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -253,7 +253,7 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:Pe}}=B.getLocalizedStrings(),mo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:r,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:h}=ue(),u=h(s),f=g.useRef([]);return g.useEffect(()=>{f.current=f.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(go,{style:r,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(Be,{htmlFor:`${s}.${Pe.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:xe(e)}),value:Pe.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,x)=>{const m=x===0,k=e.notifications.length-1===x;return{label:t.jsx(Be,{ref:N=>f.current[x]=N,htmlFor:`${s}.${p.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(xo,{sectionId:s,notificationData:p,users:o,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(p.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{f.current[x]?.click()}})}),value:p.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=n.div`
+`,{common:{all:Pe}}=B.getLocalizedStrings(),mo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:r,isDisabled:l,onNotificationTileClick:c})=>{const d=K(),{getValues:h}=ue(),u=h(s),f=g.useRef([]);return g.useEffect(()=>{f.current=f.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(go,{style:r,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(Be,{htmlFor:`${s}.${Pe.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:xe(e)}),value:Pe.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,x)=>{const m=x===0,k=e.notifications.length-1===x;return{label:t.jsx(Be,{ref:N=>f.current[x]=N,htmlFor:`${s}.${p.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(xo,{sectionId:s,notificationData:p,users:o,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(p.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{f.current[x]?.click()}})}),value:p.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=n.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -279,7 +279,7 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{in:vo,strings:Ee},dateFormat:Co,commentsAndNotifications:{notifications:{actionStrings:{notifications:O}}}}=B.getLocalizedStrings(),Mt=e=>{e.sort((r,l)=>r.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const r of St){let l=0,c=0,d=y().subtract(Math.min(y().date(),l),"d").startOf("d"),h=y().subtract(Math.min(y().date(),c),"d").endOf("d"),u=1;switch(r){case"today":case"yesterday":l=r==="today"?0:1,c=r==="today"?0:1,d=y().subtract(Math.min(y().date(),l),"d").startOf("d"),h=y().subtract(Math.min(y().date(),c),"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&y().date()>2&&(d=y().subtract(Math.min(y().date()-1,8),"d").startOf("d"),h=y().subtract(2,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&y().date()>9&&(d=y().startOf("M").startOf("d"),h=y().subtract(9,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=y().subtract(u,"month").startOf("M").startOf("d"),p=y().subtract(u,"month").endOf("M").endOf("d");u++,a=se(o,f,p),o=a.remainingData,s.push({start:f,end:p,type:r,notifications:a.singleGroup})}}}return s},se=(e,o,s)=>{const a=[],r=e.map(l=>dt(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:r}},To=e=>{const{eventData:{activities:o}}=e;let s=O.newActivity;if(o.length>0){const a=o[0].activityType,r=o[0].metadata.eventStatus;switch(a){case"task_archived":s=O.archive;break;case"task_deleted":s=O.delete;break;case"task_activities":s=O.activities;break;case"task_assigned":s=O.assign;break;case"task_created":s=O.create;break;case"task_due":s=r!=null?(l=>{let c=O.newActivity;return c=l.code==="in_progress"?O.due.replace("__task_status__",ze(l.name.toLocaleLowerCase())):O.due.replace("__task_status__",vo.toLocaleLowerCase().concat(Ee.space,ze(l.name.toLocaleLowerCase()))),c})(r):O.dueTomorrow;break;case"task_overdue":s=O.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Co.visual.MMMDFormat)??Ee.empty);break;case"task_status_updated":s=O.statusUpdate}}return s},At=new _(3,2,1,1,1),Ot=new _(w[8],33,33,33,35),ce={lineClamp:At,sectionWidth:Ot},Pt="notification-tile",{common:{and:Ue,other:No,others:Io,texts:Lo,timeStrings:Ro,strings:A,tags:_o}}=B.getLocalizedStrings(),zo=({sectionId:e,notificationData:o,isHighlighted:s=!1,style:a,onNotificationTileClick:r})=>{const{status:l,notificationId:c,eventData:{entitiyId:d,activities:h},createTime:u}=o;return t.jsxs(Fo,{notificationStatus:l,isHighlighted:s,style:a,"data-testid":me(e,`${Pt}-${c}`),onClick:()=>{r(c,d,l,h.length>0?h[0].activityType:void 0)},children:[t.jsx(Do,{...o}),t.jsx(Oo,{...o}),t.jsx(Bo,{...o}),t.jsx(Po,{createTime:u,notificationStatus:l})]})},Bt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Vo,{notificationStatus:o,children:s||A.hyphen})},Do=e=>{const o=v();return t.jsx(Ho,{windowSize:o,children:t.jsx(Bt,{...e})})},Mo=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Wo,{children:[t.jsx(He,{backgroundColor:De(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Jo,{}),t.jsx(He,{backgroundColor:De(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Ao=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,r=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,Lo.zeniAI,A.space]});return r>0&&(l=r>2?t.jsxs(t.Fragment,{children:[t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,E(s[0],!1),A.space]}),Ue,t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.space,r-1,A.space,Io,A.space]})]}):r===2?t.jsxs(t.Fragment,{children:[t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,E(s[0],!1),A.space]}),Ue,t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.space,s.length===2?A.atTheRate+E(s[1],!1):No,A.space]})]}):t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,E(s[0],!1),A.space]})),l},Ft=e=>t.jsxs(t.Fragment,{children:[t.jsx(Ao,{...e}),To(e),t.jsx(Mo,{...e})]}),Oo=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Uo,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(Ft,{...e})})},Gt=e=>{const{createTime:o,notificationStatus:s}=e,a=vt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Yo,{isNewNotification:a===Ro.justNow,children:a}),t.jsx(Xo,{notificationStatus:s})]})},Po=e=>{const o=v();return t.jsx(Go,{windowSize:o,children:t.jsx(Gt,{...e})})},Et=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(fi,{tagTitle:_o.overdue,textColor:{color:new je(S.alert),backgroundColor:new je("transparent"),borderColor:new je(S.alert)},showLoader:!1}):t.jsx(qo,{})},Bo=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(Et,{...e})})},Fo=n.div`
+`,{common:{in:vo,strings:Ee},dateFormat:Co,commentsAndNotifications:{notifications:{actionStrings:{notifications:O}}}}=B.getLocalizedStrings(),Mt=e=>{e.sort((r,l)=>r.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const r of St){let l=0,c=0,d=y().subtract(Math.min(y().date(),l),"d").startOf("d"),h=y().subtract(Math.min(y().date(),c),"d").endOf("d"),u=1;switch(r){case"today":case"yesterday":l=r==="today"?0:1,c=r==="today"?0:1,d=y().subtract(Math.min(y().date(),l),"d").startOf("d"),h=y().subtract(Math.min(y().date(),c),"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&y().date()>2&&(d=y().subtract(Math.min(y().date()-1,8),"d").startOf("d"),h=y().subtract(2,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&y().date()>9&&(d=y().startOf("M").startOf("d"),h=y().subtract(9,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:r,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const f=y().subtract(u,"month").startOf("M").startOf("d"),p=y().subtract(u,"month").endOf("M").endOf("d");u++,a=se(o,f,p),o=a.remainingData,s.push({start:f,end:p,type:r,notifications:a.singleGroup})}}}return s},se=(e,o,s)=>{const a=[],r=e.map(l=>dt(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:r}},To=e=>{const{eventData:{activities:o}}=e;let s=O.newActivity;if(o.length>0){const a=o[0].activityType,r=o[0].metadata.eventStatus;switch(a){case"task_archived":s=O.archive;break;case"task_deleted":s=O.delete;break;case"task_activities":s=O.activities;break;case"task_assigned":s=O.assign;break;case"task_created":s=O.create;break;case"task_due":s=r!=null?(l=>{let c=O.newActivity;return c=l.code==="in_progress"?O.due.replace("__task_status__",ze(l.name.toLocaleLowerCase())):O.due.replace("__task_status__",vo.toLocaleLowerCase().concat(Ee.space,ze(l.name.toLocaleLowerCase()))),c})(r):O.dueTomorrow;break;case"task_overdue":s=O.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Co.visual.MMMDFormat)??Ee.empty);break;case"task_status_updated":s=O.statusUpdate}}return s},At=new _(3,2,1,1,1),Ot=new _(w[8],33,33,33,35),ce={lineClamp:At,sectionWidth:Ot},Pt="notification-tile",{common:{and:Ue,other:No,others:Io,texts:Lo,timeStrings:Ro,strings:A,tags:_o}}=B.getLocalizedStrings(),zo=({sectionId:e,notificationData:o,isHighlighted:s=!1,style:a,onNotificationTileClick:r})=>{const{status:l,notificationId:c,eventData:{entitiyId:d,activities:h},createTime:u}=o;return t.jsxs(Fo,{notificationStatus:l,isHighlighted:s,style:a,"data-testid":me(e,`${Pt}-${c}`),onClick:()=>{r(c,d,l,h.length>0?h[0].activityType:void 0)},children:[t.jsx(Do,{...o}),t.jsx(Oo,{...o}),t.jsx(Bo,{...o}),t.jsx(Po,{createTime:u,notificationStatus:l})]})},Bt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Vo,{notificationStatus:o,children:s||A.hyphen})},Do=e=>{const o=v();return t.jsx(Ho,{windowSize:o,children:t.jsx(Bt,{...e})})},Mo=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Wo,{children:[t.jsx(He,{backgroundColor:De(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Jo,{}),t.jsx(He,{backgroundColor:De(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Ao=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,r=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,Lo.zeniAI,A.space]});return r>0&&(l=r>2?t.jsxs(t.Fragment,{children:[t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,E(s[0],!1),A.space]}),Ue,t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.space,r-1,A.space,Io,A.space]})]}):r===2?t.jsxs(t.Fragment,{children:[t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,E(s[0],!1),A.space]}),Ue,t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.space,s.length===2?A.atTheRate+E(s[1],!1):No,A.space]})]}):t.jsxs(J,{className:"userText",notificationStatus:o,children:[A.atTheRate,E(s[0],!1),A.space]})),l},Ft=e=>t.jsxs(t.Fragment,{children:[t.jsx(Ao,{...e}),To(e),t.jsx(Mo,{...e})]}),Oo=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Uo,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(Ft,{...e})})},Gt=e=>{const{createTime:o,notificationStatus:s}=e,a=vt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Yo,{isNewNotification:a===Ro.justNow,children:a}),t.jsx(Qo,{notificationStatus:s})]})},Po=e=>{const o=v();return t.jsx(Go,{windowSize:o,children:t.jsx(Gt,{...e})})},Et=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(fi,{tagTitle:_o.overdue,textColor:{color:new je(S.alert),backgroundColor:new je("transparent"),borderColor:new je(S.alert)},showLoader:!1}):t.jsx(qo,{})},Bo=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(Et,{...e})})},Fo=n.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -390,14 +390,14 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
 `,qo=n.div`
   display: flex;
   flex: 1 1 auto;
-`,Xo=n.div`
+`,Qo=n.div`
   display: flex;
   height: ${i.sp2};
   width: ${i.sp2};
   border-radius: ${i.sp2};
   flex-shrink: 0;
   background-color: ${e=>e.notificationStatus==="unread"?S.info:"transparent"};
-`,ae={emptyRowItemSectionWidth:new _(120,200,280,330,400),emptyLastRowItemSectionWidth:new _(w[6],50,60,w[11],120)},Ko=()=>{const e=v();return t.jsxs(Qo,{windowSize:e,children:[t.jsx(ne,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:ae.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ne,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:ae.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ne,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:ae.emptyLastRowItemSectionWidth.value(e),height:18})}),t.jsx(ne,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:ae.emptyLastRowItemSectionWidth.value(e),height:18})})]})},Qo=n.div`
+`,ae={emptyRowItemSectionWidth:new _(120,200,280,330,400),emptyLastRowItemSectionWidth:new _(w[6],50,60,w[11],120)},Xo=()=>{const e=v();return t.jsxs(Ko,{windowSize:e,children:[t.jsx(ne,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:ae.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ne,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:ae.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(ne,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:ae.emptyLastRowItemSectionWidth.value(e),height:18})}),t.jsx(ne,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:ae.emptyLastRowItemSectionWidth.value(e),height:18})})]})},Ko=n.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -462,7 +462,7 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
   gap: ${i.sp2};
   flex: 1 1 auto;
   width: 100%;
-`,ts=()=>v()==="small"?t.jsx(Zo,{}):t.jsx(Ko,{}),is={marginLeft:new _(w[2],w[5],w[7])},os=()=>t.jsxs(ss,{children:[t.jsx(Te,{numberOfRows:5}),t.jsx(Te,{numberOfRows:3})]}),Te=({numberOfRows:e})=>{const o=v();return t.jsxs(as,{windowSize:o,children:[t.jsx(rs,{children:t.jsx(z,{width:w[12],height:Ie.standardRegular.lineHeightValue})}),t.jsx(ns,{children:[...Array(e)].map(s=>t.jsx(ts,{},he()))})]})},ss=n.div`
+`,ts=()=>v()==="small"?t.jsx(Zo,{}):t.jsx(Xo,{}),is={marginLeft:new _(w[2],w[5],w[7])},os=()=>t.jsxs(ss,{children:[t.jsx(Te,{numberOfRows:5}),t.jsx(Te,{numberOfRows:3})]}),Te=({numberOfRows:e})=>{const o=v();return t.jsxs(as,{windowSize:o,children:[t.jsx(rs,{children:t.jsx(z,{width:w[12],height:Ie.standardRegular.lineHeightValue})}),t.jsx(ns,{children:[...Array(e)].map(s=>t.jsx(ts,{},he()))})]})},ss=n.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -561,7 +561,7 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
           -webkit-box-orient: horizontal;
           gap: ${i.sp1};
         `};
-`,Ht=e=>v()==="small"?t.jsx(ls,{...e}):t.jsx(zo,{...e}),{common:{all:We}}=B.getLocalizedStrings(),gs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:r,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=ue(),h=d(o);return t.jsx(xs,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(bs,{htmlFor:`${o}.${We.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:xe(e)}),value:We.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((u,f)=>{const p=f===0,x=e.notifications.length-1===f;return{label:t.jsx(Ht,{sectionId:o,notificationData:u,style:{borderTopLeftRadius:p?i.sp2:void 0,borderTopRightRadius:p?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0},isHighlighted:h?.includes(u.notificationId)===!0,onNotificationTileClick:l}),value:u.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:r,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},xs=n.div`
+`,Ht=e=>v()==="small"?t.jsx(ls,{...e}):t.jsx(zo,{...e}),{common:{all:We}}=B.getLocalizedStrings(),gs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:r,onNotificationTileClick:l})=>{const c=K(),{getValues:d}=ue(),h=d(o);return t.jsx(xs,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(bs,{htmlFor:`${o}.${We.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:xe(e)}),value:We.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((u,f)=>{const p=f===0,x=e.notifications.length-1===f;return{label:t.jsx(Ht,{sectionId:o,notificationData:u,style:{borderTopLeftRadius:p?i.sp2:void 0,borderTopRightRadius:p?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0},isHighlighted:h?.includes(u.notificationId)===!0,onNotificationTileClick:l}),value:u.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:r,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},xs=n.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -570,7 +570,7 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:Je}}=B.getLocalizedStrings(),ws=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:r,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(ys,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(qe,{htmlFor:`${o}.${Je.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:xe(e)}),value:Je.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,p)=>{const x=p===0,m=e.notifications.length-1===p;return{label:t.jsx(qe,{ref:k=>u.current[p]=k,htmlFor:`${o}.${f.notificationId}`,style:{padding:i.sp0},children:t.jsx($s,{sectionId:o,notificationData:f,style:{borderTopLeftRadius:x?i.sp2:void 0,borderTopRightRadius:x?i.sp2:void 0,borderBottomLeftRadius:m?i.sp2:void 0,borderBottomRightRadius:m?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:h?.includes(f.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{u.current[p]?.click()}})}),value:f.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:r,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},ys=n.div`
+`,{common:{all:Je}}=B.getLocalizedStrings(),ws=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:r,onNotificationTileClick:l})=>{const c=K(),{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(ys,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(qe,{htmlFor:`${o}.${Je.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:xe(e)}),value:Je.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((f,p)=>{const x=p===0,m=e.notifications.length-1===p;return{label:t.jsx(qe,{ref:k=>u.current[p]=k,htmlFor:`${o}.${f.notificationId}`,style:{padding:i.sp0},children:t.jsx($s,{sectionId:o,notificationData:f,style:{borderTopLeftRadius:x?i.sp2:void 0,borderTopRightRadius:x?i.sp2:void 0,borderBottomLeftRadius:m?i.sp2:void 0,borderBottomRightRadius:m?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:h?.includes(f.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{u.current[p]?.click()}})}),value:f.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:r,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},ys=n.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -579,7 +579,7 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,$s=n(Ht)``,js=e=>v()==="small"?t.jsx(ws,{...e}):t.jsx(gs,{...e}),{commentsAndNotifications:{notifications:{message:ks}}}=B.getLocalizedStrings(),Xe={rowGap:new _(w[0],w[5],w[5])},Ss=({notificationGroups:e,isFetching:o,hasMore:s,sectionId:a,checkBoxMode:r,scrollYOffset:l,currentSubTab:c,isDisabled:d,onUpdateScrollYOffset:h,onFetchNotificationGroups:u,onNotificationClick:f})=>{const p=v(),x=g.useRef(null),m=g.useRef({});g.useEffect(()=>{x.current?.resetAfterIndex(0,!0)},[p,x,e]),g.useEffect(()=>{x.current?.scrollTo(l)},[c]);const k=g.useCallback(R=>{if(m.current?.[R]!=null){const C=p==="small"&&s===!1&&R===e.length-1?Xe.rowGap.value("medium-regular"):Xe.rowGap.value(p);return m.current[R]+C}return 3*(xt*At.value(p)+bt)+wt+yt},[p,m,e]),N=g.useCallback((R,C)=>{m.current={...m.current,[R]:C},x.current?.resetAfterIndex(0,!0)},[p,x,e]),D=g.useCallback(()=>{u()},[u]),I=g.useCallback(()=>{},[]),b=st(R=>h(R),1e3,{trailing:!0}),T=R=>!s||R<e.length,j=g.useCallback(()=>s&&!o?D():I(),[s,o,D,I]),H=s?e.length+1:e.length;return t.jsx(Cs,{children:t.jsx(Ts,{windowSize:p,children:o&&e.length===0?t.jsx(os,{}):o===!1&&e.length===0?t.jsx(at,{message:ks.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(Ns,{windowSize:p,children:t.jsx(nt,{children:({height:R,width:C})=>t.jsx(rt,{isItemLoaded:T,itemCount:$t,loadMoreItems:j,children:({onItemsRendered:F,ref:V})=>t.jsx(lt,{ref:G=>{V(G),x.current=G},height:R,itemCount:H,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:r,isDisabled:d,isItemLoaded:T,setRowHeight:N,onNotificationClick:f},onItemsRendered:F,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:jt,onScroll:({scrollOffset:G})=>{b(G)},initialScrollOffset:l,children:vs})})})})})})},vs=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:r,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:h,onNotificationClick:u}=s,f=g.useRef(null),p=v();if(g.useEffect(()=>{f.current?.firstElementChild!=null&&h(e,f.current.firstElementChild.clientHeight)},[e,f,p,a[e]?.notifications]),c(e)===!0){const x=a[e],m=le(x);return t.jsx(Ke,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:f,children:t.jsx(js,{notificationGroup:x,sectionId:`${r}.${m}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:u})},m)}return t.jsx(Ke,{ref:f,style:{...o,paddingBottom:i.sp0},children:t.jsx(Te,{numberOfRows:3})},he())},Cs=n.div`
+`,$s=n(Ht)``,js=e=>v()==="small"?t.jsx(ws,{...e}):t.jsx(gs,{...e}),{commentsAndNotifications:{notifications:{message:ks}}}=B.getLocalizedStrings(),Qe={rowGap:new _(w[0],w[5],w[5])},Ss=({notificationGroups:e,isFetching:o,hasMore:s,sectionId:a,checkBoxMode:r,scrollYOffset:l,currentSubTab:c,isDisabled:d,onUpdateScrollYOffset:h,onFetchNotificationGroups:u,onNotificationClick:f})=>{const p=v(),x=g.useRef(null),m=g.useRef({});g.useEffect(()=>{x.current?.resetAfterIndex(0,!0)},[p,x,e]),g.useEffect(()=>{x.current?.scrollTo(l)},[c]);const k=g.useCallback(R=>{if(m.current?.[R]!=null){const C=p==="small"&&s===!1&&R===e.length-1?Qe.rowGap.value("medium-regular"):Qe.rowGap.value(p);return m.current[R]+C}return 3*(xt*At.value(p)+bt)+wt+yt},[p,m,e]),N=g.useCallback((R,C)=>{m.current={...m.current,[R]:C},x.current?.resetAfterIndex(0,!0)},[p,x,e]),D=g.useCallback(()=>{u()},[u]),I=g.useCallback(()=>{},[]),b=st(R=>h(R),1e3,{trailing:!0}),T=R=>!s||R<e.length,j=g.useCallback(()=>s&&!o?D():I(),[s,o,D,I]),H=s?e.length+1:e.length;return t.jsx(Cs,{children:t.jsx(Ts,{windowSize:p,children:o&&e.length===0?t.jsx(os,{}):o===!1&&e.length===0?t.jsx(at,{message:ks.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(Ns,{windowSize:p,children:t.jsx(nt,{children:({height:R,width:C})=>t.jsx(rt,{isItemLoaded:T,itemCount:$t,loadMoreItems:j,children:({onItemsRendered:F,ref:V})=>t.jsx(lt,{ref:G=>{V(G),x.current=G},height:R,itemCount:H,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:r,isDisabled:d,isItemLoaded:T,setRowHeight:N,onNotificationClick:f},onItemsRendered:F,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:jt,onScroll:({scrollOffset:G})=>{b(G)},initialScrollOffset:l,children:vs})})})})})})},vs=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:r,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:h,onNotificationClick:u}=s,f=g.useRef(null),p=v();if(g.useEffect(()=>{f.current?.firstElementChild!=null&&h(e,f.current.firstElementChild.clientHeight)},[e,f,p,a[e]?.notifications]),c(e)===!0){const x=a[e],m=le(x);return t.jsx(Xe,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:f,children:t.jsx(js,{notificationGroup:x,sectionId:`${r}.${m}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:u})},m)}return t.jsx(Xe,{ref:f,style:{...o,paddingBottom:i.sp0},children:t.jsx(Te,{numberOfRows:3})},he())},Cs=n.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -592,11 +592,11 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
   display: flex;
   flex-direction: column;
   max-width: 99.9%;
-`,Ke=n.div`
+`,Xe=n.div`
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{all:Ne,texts:re,footer:Is,strings:{plus:Ls},numbers:{maximumCount:Qe}},commentsAndNotifications:{notifications:{title:Rs,texts:Vt,strings:Ze}}}=B.getLocalizedStrings(),te={tableContainerLeftPadding:new _(w[2],w[2],w[2]),tableContainerRightPadding:new _(w[3],w[6],w[8]),tabsContainerLeftRightPadding:new _(w[3],w[6],w[8]),selectedNotificationsTextMarginLeft:new _(w[0],w[6],w[6])},_s={selectedNotificationsText:new ci("smallRegular","standardRegular")},et="notificationsPage",q="commentsNotificationsTable",X="notificationsTable",ua=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:r,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:h,onUpdateNotificationViewSubTab:u,onFetchMoreNotifications:f,onUpdateNotificationStatus:p,onSettingsClick:x,onBackClick:m,onMarkAllNotificationsAsRead:k})=>{const N=Q(),D=v(),I=ei({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>ot(e),[e]),values:g.useMemo(()=>ot(e),[e])}),{currentTab:b,currentSubTab:T,notificationDetailsByTab:j,allSubTabs:H,allNotifications:R,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:F,externalNotificationsForCurrentTabAndSubTab:V}=e,G=g.useMemo(()=>Object.keys(j).map($=>({label:re[$],id:re[$].toLocaleLowerCase(),countDetails:{count:j[$].uiState.unreadCount,isFetching:j[$].fetchCountState.fetchState==="In-Progress"}})),[j]),Y=g.useMemo(()=>H.map($=>({label:$==="all"?Ne:re[$],id:$})),[H]),Yt=g.useMemo(()=>Ct(V).filter($=>$.notifications.length>0),[V]),Wt=g.useMemo(()=>Mt(F).filter($=>$.notifications.length>0),[F]);g.useEffect(()=>{const $=I.watch((L,{name:W})=>{W!=null&&L!=null&&ti(()=>(async(M,Kt)=>{const ie=M.split(".")[0],_e=[];ie!=null&&(ie===q||ie===X)&&(Object.values(Kt[ie]).forEach(Qt=>{_e.push(...Qt.filter(Zt=>Zt.includes(Ne.toLowerCase())===!1))}),d({selectedNotificationIds:_e},b))})(W,L))});return()=>{$.unsubscribe()}});const be=g.useCallback(()=>{const $=[],L=j[b].selectedNotificationIdsForSubTab;if(b==="comments"){const W=C.filter(M=>M.inboxNotification.readAt==null).map(M=>M.inboxNotification.id);L.forEach(M=>{W.includes(M)&&$.push(M)})}else{const W=R.filter(M=>M.status!=="read").map(M=>M.notificationId);L.forEach(M=>{W.includes(M)&&$.push(M)})}return $},[C,R,b,j]),Jt=be().length>20?"disabled":a,we=I.watch(q),ye=I.watch(X),Re=g.useCallback(()=>{f(b,T)},[f,b,T]),qt=g.useCallback(()=>{if(b==="comments"){const $={};Object.keys(we).forEach(L=>{$[L]=[]}),I.reset({[q]:$,[X]:ye},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const $={};Object.keys(ye).forEach(L=>{$[L]=[]}),I.reset({[X]:$,[q]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[ye,we]),Xt=g.useCallback(()=>{const $=j[b].selectedNotificationIdsForSubTab,L=be();p(b,$,"read",L)},[b,j,be,p]);return t.jsxs(Ds,{children:[t.jsx(ii,{source:"NotificationsPage",title:Rs.notifications,backgroundColor:N.colors.grey4,onBackClick:m,rightSideComponent:s===!0?t.jsx(qs,{onClick:x}):t.jsx(Js,{})}),t.jsx(Os,{}),t.jsx(As,{windowSize:D,children:t.jsx(yi,{tabs:G,selectedTab:b,onTabChange:$=>{const L=bi($);L!=null&&h(L)},subTabs:Y,selectedSubTab:T,onSubTabChange:$=>{const L=xi($);L!=null&&u(L)},subTabRightComponent:t.jsx(zs,{notificationCount:j[b].uiState.unreadCount,markAsAllReadUpdateState:j[b].markAsAllReadState.fetchState,markAsReadUpdateState:j[b].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(b)}})})}),t.jsx(Ms,{windowSize:D,children:t.jsx(oi,{...I,children:t.jsx("form",{id:it(et),onSubmit:I.handleSubmit(Xt),style:{width:"100%"},children:b==="comments"?t.jsx(yo,{users:o,hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[T],currentSubTab:T,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Yt,sectionId:q,onFetchNotificationGroups:Re,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[T]:$}},b),onNotificationClick:l}):t.jsx(Ss,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[T],currentSubTab:T,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Wt,sectionId:X,onFetchNotificationGroups:Re,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[T]:$}},b),onNotificationClick:r})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(si,{formId:it(et),primaryBtn:{label:Vt.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Jt!=null},cancelBtn:{label:Is.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:qt},helperContainerStyle:D==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx($e,{controller:D!=="small",children:t.jsx(tt,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx($e,{controller:D==="small",children:t.jsx(tt,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx($e,{controller:D!=="small",children:t.jsx(Fs,{})})}):null]})},zs=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const r=s===0,l=g.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!r&&a()},[e,o,r,a]);return t.jsx(Ps,{variant:"tertiary",size:"small",label:Vt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(ri,{size:"Small",start:!0}):t.jsx(Bs,{className:"mark-as-read"}),disabled:r,textStyle:{fontWeight:Ie.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||r?"default":"pointer"}})},tt=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Gs,{windowSize:o,children:[t.jsx(Us,{children:t.jsx(Es,{isCircular:e<10,children:t.jsx(Hs,{children:e>Qe?`${Qe}${Ls}`:e})})}),t.jsxs(Ws,{windowSize:o,children:[t.jsx(Vs,{children:e>1?Ze.notificationsSelected:Ze.notificationSelected}),e>20?t.jsx(Ys,{children:re.maxLimit}):null]})]})},Ds=n.div`
+`,{common:{all:Ne,texts:re,footer:Is,strings:{plus:Ls},numbers:{maximumCount:Ke}},commentsAndNotifications:{notifications:{title:Rs,texts:Vt,strings:Ze}}}=B.getLocalizedStrings(),te={tableContainerLeftPadding:new _(w[2],w[2],w[2]),tableContainerRightPadding:new _(w[3],w[6],w[8]),tabsContainerLeftRightPadding:new _(w[3],w[6],w[8]),selectedNotificationsTextMarginLeft:new _(w[0],w[6],w[6])},_s={selectedNotificationsText:new ci("smallRegular","standardRegular")},et="notificationsPage",q="commentsNotificationsTable",Q="notificationsTable",ua=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:r,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:h,onUpdateNotificationViewSubTab:u,onFetchMoreNotifications:f,onUpdateNotificationStatus:p,onSettingsClick:x,onBackClick:m,onMarkAllNotificationsAsRead:k})=>{const N=K(),D=v(),I=ei({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>ot(e),[e]),values:g.useMemo(()=>ot(e),[e])}),{currentTab:b,currentSubTab:T,notificationDetailsByTab:j,allSubTabs:H,allNotifications:R,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:F,externalNotificationsForCurrentTabAndSubTab:V}=e,G=g.useMemo(()=>Object.keys(j).map($=>({label:re[$],id:re[$].toLocaleLowerCase(),countDetails:{count:j[$].uiState.unreadCount,isFetching:j[$].fetchCountState.fetchState==="In-Progress"}})),[j]),Y=g.useMemo(()=>H.map($=>({label:$==="all"?Ne:re[$],id:$})),[H]),Yt=g.useMemo(()=>Ct(V).filter($=>$.notifications.length>0),[V]),Wt=g.useMemo(()=>Mt(F).filter($=>$.notifications.length>0),[F]);g.useEffect(()=>{const $=I.watch((L,{name:W})=>{W!=null&&L!=null&&ti(()=>(async(M,Xt)=>{const ie=M.split(".")[0],_e=[];ie!=null&&(ie===q||ie===Q)&&(Object.values(Xt[ie]).forEach(Kt=>{_e.push(...Kt.filter(Zt=>Zt.includes(Ne.toLowerCase())===!1))}),d({selectedNotificationIds:_e},b))})(W,L))});return()=>{$.unsubscribe()}});const be=g.useCallback(()=>{const $=[],L=j[b].selectedNotificationIdsForSubTab;if(b==="comments"){const W=C.filter(M=>M.inboxNotification.readAt==null).map(M=>M.inboxNotification.id);L.forEach(M=>{W.includes(M)&&$.push(M)})}else{const W=R.filter(M=>M.status!=="read").map(M=>M.notificationId);L.forEach(M=>{W.includes(M)&&$.push(M)})}return $},[C,R,b,j]),Jt=be().length>20?"disabled":a,we=I.watch(q),ye=I.watch(Q),Re=g.useCallback(()=>{f(b,T)},[f,b,T]),qt=g.useCallback(()=>{if(b==="comments"){const $={};Object.keys(we).forEach(L=>{$[L]=[]}),I.reset({[q]:$,[Q]:ye},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const $={};Object.keys(ye).forEach(L=>{$[L]=[]}),I.reset({[Q]:$,[q]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[ye,we]),Qt=g.useCallback(()=>{const $=j[b].selectedNotificationIdsForSubTab,L=be();p(b,$,"read",L)},[b,j,be,p]);return t.jsxs(Ds,{children:[t.jsx(ii,{source:"NotificationsPage",title:Rs.notifications,backgroundColor:N.colors.grey4,onBackClick:m,rightSideComponent:s===!0?t.jsx(qs,{onClick:x}):t.jsx(Js,{})}),t.jsx(Os,{}),t.jsx(As,{windowSize:D,children:t.jsx(yi,{tabs:G,selectedTab:b,onTabChange:$=>{const L=bi($);L!=null&&h(L)},subTabs:Y,selectedSubTab:T,onSubTabChange:$=>{const L=xi($);L!=null&&u(L)},subTabRightComponent:t.jsx(zs,{notificationCount:j[b].uiState.unreadCount,markAsAllReadUpdateState:j[b].markAsAllReadState.fetchState,markAsReadUpdateState:j[b].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(b)}})})}),t.jsx(Ms,{windowSize:D,children:t.jsx(oi,{...I,children:t.jsx("form",{id:it(et),onSubmit:I.handleSubmit(Qt),style:{width:"100%"},children:b==="comments"?t.jsx(yo,{users:o,hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[T],currentSubTab:T,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Yt,sectionId:q,onFetchNotificationGroups:Re,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[T]:$}},b),onNotificationClick:l}):t.jsx(Ss,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[T],currentSubTab:T,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Wt,sectionId:Q,onFetchNotificationGroups:Re,onUpdateScrollYOffset:$=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[T]:$}},b),onNotificationClick:r})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(si,{formId:it(et),primaryBtn:{label:Vt.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Jt!=null},cancelBtn:{label:Is.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:qt},helperContainerStyle:D==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx($e,{controller:D!=="small",children:t.jsx(tt,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx($e,{controller:D==="small",children:t.jsx(tt,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx($e,{controller:D!=="small",children:t.jsx(Fs,{})})}):null]})},zs=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const r=s===0,l=g.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!r&&a()},[e,o,r,a]);return t.jsx(Ps,{variant:"tertiary",size:"small",label:Vt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(ri,{size:"Small",start:!0}):t.jsx(Bs,{className:"mark-as-read"}),disabled:r,textStyle:{fontWeight:Ie.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||r?"default":"pointer"}})},tt=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Gs,{windowSize:o,children:[t.jsx(Us,{children:t.jsx(Es,{isCircular:e<10,children:t.jsx(Hs,{children:e>Ke?`${Ke}${Ls}`:e})})}),t.jsxs(Ws,{windowSize:o,children:[t.jsx(Vs,{children:e>1?Ze.notificationsSelected:Ze.notificationSelected}),e>20?t.jsx(Ys,{children:re.maxLimit}):null]})]})},Ds=n.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -682,4 +682,4 @@ import{y as Q,X as v,P as ei,c8 as ti,V as t,a_ as ii,M as oi,a9 as si,o as i,I
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,it=e=>`${e}_form`,ot=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:r}}}=e,l={};Mt(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 Ct(s).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.inboxNotification.id);c[le(d)]=r.filter(u=>h.includes(u))}),{[q]:c,[X]:l}},pa=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(r=>{r.includes(Ne.toLocaleLowerCase())===!1&&o.includes(r)&&s.push(r)})}),s};export{ua as default,pa as getSelectedNotificationIds,it as uniqueFormName};
+`,it=e=>`${e}_form`,ot=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:r}}}=e,l={};Mt(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 Ct(s).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.inboxNotification.id);c[le(d)]=r.filter(u=>h.includes(u))}),{[q]:c,[Q]:l}},pa=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(r=>{r.includes(Ne.toLocaleLowerCase())===!1&&o.includes(r)&&s.push(r)})}),s};export{ua as default,pa as getSelectedNotificationIds,it as uniqueFormName};