@zeniai/web-cockpit-ui 1.13.86-prod → 1.13.87-dev

package/dist/assets/NoDataChart-BHIoW_SW-DoqAVhyM.js

@@ -0,0 +1,26 @@
+import{X as l,j as t,g as r,o as a,q as s,C as m,u as o}from"./index-LFy5NlUr.js";import{n as i,b as h}from"./vendor-CnQcJ2Lu.js";const v=e=>h.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{fill:"#3E4043",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),h.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#3E4043"})),c=e=>h.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{fill:"#E9ECF0",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),h.createElement("path",{d:"M68 235a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121H68V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zm128 116a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v80h-56v-80zm128-41a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160zM708 50a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v306h-56V50zm128 185a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v121h-56V235zm128-75a4 4 0 0 1 4-4h48a4 4 0 0 1 4 4v196h-56V160z",fill:"#E9ECF0"})),d={chartMinHeight:new m(288,360)},z=i.div`
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`,w=i.div`
+  display: flex;
+  width: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: ${a.sp8};
+`,x=i.div`
+  display: flex;
+  width: 100%;
+  height: 35vh;
+  min-height: ${e=>d.chartMinHeight.valuePx(e.windowSize)};
+  flex-grow: 0;
+  max-width: 100%;
+  flex-basis: 100%;
+  flex-direction: column;
+`,p=i(s)`
+  color: ${r.alert};
+  margin: ${a.sp3} ${a.sp0} ${a.sp5} ${a.sp0};
+`;function f(){switch(o().mode){case"light":return t.jsx(c,{width:"100%",height:"100%",preserveAspectRatio:"none"});case"dark":default:return t.jsx(v,{width:"100%",height:"100%",preserveAspectRatio:"none"})}}function E({title:e}){const n=l();return t.jsxs(z,{children:[e!=null?t.jsx(p,{children:e}):null,t.jsx(w,{children:t.jsx(x,{windowSize:n,children:t.jsx(f,{})})})]})}export{E as C};

package/dist/assets/{NoDataTable-Akc9VjuK-DBDpQtci.js → NoDataTable-Txtz3a1x-CVIPKw2H.js}

@@ -1,4 +1,4 @@
-import{j as e,o as t,u as s}from"./index-CjViJI82.js";import{n as i}from"./vendor-CnQcJ2Lu.js";import{r as n,o}from"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const r=i.div`
+import{j as e,o as t,u as s}from"./index-LFy5NlUr.js";import{n as i}from"./vendor-CnQcJ2Lu.js";import{r as n,o}from"./graphic-no-data-l-DU4J8fDt-BalbEtqQ.js";const r=i.div`
   display: flex;
   width: 100%;
   padding: ${t.sp8} ${t.sp0} ${t.sp8} ${t.sp0};

package/dist/assets/{NotFoundPage-3pCYWZU4-CzFa-O_Q.js → NotFoundPage-DewJikvf-DquNlF_a.js}

@@ -1,4 +1,4 @@
-import{j as o,M as i,bD as s,c0 as l,s as c,g as a,f as d}from"./index-CjViJI82.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import{i as h}from"./ZeniCopyright-CqFabZnN-CFC5-_8n.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const g=t.div`
+import{j as o,M as i,bB as s,b$ as l,q as c,g as a,f as d}from"./index-LFy5NlUr.js";import{n as t}from"./vendor-CnQcJ2Lu.js";import{i as h}from"./ZeniCopyright-B_2DB9mm-Do8EbmHN.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const g=t.div`
   width: 100%;
   height: 100vh;
   position: relative;

package/dist/assets/{NotificationSettingsPage-BX5y9Bhs-ChsBGNJT.js → NotificationSettingsPage-CAFlFJ9J-DNtSJXlE.js}

@@ -1,4 +1,4 @@
-import{j as t,fB as ne,o as i,bg as se,M as I,a9 as re,u as Y,X,a as le,c3 as ae,l as P,aW as ce,F as de,T as w,a7 as pe,C as z,f6 as me,fC as ue,eE as he,fD as fe,fE as ge,ak as xe,p as S,as as J,v as K,s as Q,f as $e}from"./index-CjViJI82.js";import{n as o,b as E}from"./vendor-CnQcJ2Lu.js";import"./mui-BgvZYSo0.js";import"./analytics-BSSiLa6f.js";import"./routing-BNz5gZgX.js";import"./sentry-HDxG13yk.js";import"./redux-DmDqXYej.js";import"./liveblocks-BUGn2yQ6.js";import"./crypto-BURQLTgV.js";const{common:ye}=I.getLocalizedStrings(),B={notePadding:new z(S[3],S[4]),noteGap:new z(S[0],6)},M=(e,n)=>`${e}.${n}`,be=o.div`
+import{j as t,fy as ne,o as i,be as se,M as I,a5 as re,u as X,X as Y,a as le,c2 as ae,l as P,aW as ce,F as de,T as w,a3 as pe,C as T,f3 as me,fz as ue,eB as he,fA as fe,fB as ge,ae as xe,p as S,an as J,w as K,q as Q,f as $e}from"./index-LFy5NlUr.js";import{n as o,b as E}from"./vendor-CnQcJ2Lu.js";import"./mui-C5LQ0bMa.js";import"./analytics-DThoELaW.js";import"./routing-Cpaypegg.js";import"./sentry-HDxG13yk.js";import"./redux-ByjIRbhZ.js";import"./liveblocks-sSQ9JElv.js";import"./crypto-BURQLTgV.js";const{common:ye}=I.getLocalizedStrings(),U={notePadding:new T(S[3],S[4]),noteGap:new T(S[0],6)},M=(e,n)=>`${e}.${n}`,be=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
@@ -55,9 +55,9 @@ import{j as t,fB as ne,o as i,bg as se,M as I,a9 as re,u as Y,X,a as le,c3 as ae
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,q=o.div`
+`,A=o.div`
   flex: 1;
-`,A=o(Q)`
+`,q=o(Q)`
   color: ${e=>e.theme.colors.hero};
 `,Ee=o(K)`
   color: ${e=>e.theme.colors.primary};
@@ -65,7 +65,7 @@ import{j as t,fB as ne,o as i,bg as se,M as I,a9 as re,u as Y,X,a as le,c3 as ae
   width: 120px;
   text-align: center;
 `,ke=o($e)`
-  padding: ${e=>`${i.sp1}  ${B.notePadding.valuePx(e.windowSize)}`};
+  padding: ${e=>`${i.sp1}  ${U.notePadding.valuePx(e.windowSize)}`};
   background: ${e=>e.theme.colors.grey4};
   border-radius: ${i.sp0} ${i.sp0} ${i.sp2} ${i.sp2};
   text-align: left;
@@ -73,8 +73,8 @@ import{j as t,fB as ne,o as i,bg as se,M as I,a9 as re,u as Y,X,a as le,c3 as ae
   display: flex;
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
-  gap: ${e=>B.noteGap.valuePx(e.windowSize)};
-`,Ce=o.div``,Pe=o.span``;function Oe({sectionId:e,monthEndInsightsNotificationLocalData:n,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:f,classList:m,controllersList:x}){const u=Y(),c=X(),{sectionTitle:$,monthEndInsights:l,mode:y}=ye.settings.notifications,h=x[0],O=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(be,{children:[t.jsxs(je,{children:[t.jsx(we,{children:$.monthEndInsights}),t.jsx(Ce,{children:t.jsx(Ee,{children:y.email})})]}),t.jsxs(Se,{children:[t.jsxs(ve,{disabled:s.enabled==null,children:[t.jsx(A,{children:l.labels.notifyMe}),t.jsx(he,{defaultChecked:n.notify,checkBoxValue:M(e,"notify"),name:M(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(w,{controller:s.enabled!=null,children:t.jsxs(Ie,{children:[t.jsx(q,{children:t.jsx(A,{children:l.labels.notifyOthers})}),t.jsx(q,{children:t.jsx(fe,{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),b=[];if(r!==-1){const p=a[r],j=ge(p.userRole.userRoles);j.length>0&&b.push(j);const N=m.find(L=>L.classId===p.userRole.accountingClassIDs[0]);return N!=null&&b.push(N.className),b}else return[]},name:M(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(w,{controller:s.enabled==null,children:t.jsxs(ke,{windowSize:c,children:[l.stopReceivingEmailsText,h?t.jsxs(Ne,{href:`mailto:${h.email}?cc=${O}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Pe,{children:`${h.firstName} ${h.lastName}`}),t.jsx(xe,{className:"arrowIcon"})]}):null]})})]})]})}const D=(e,n,s)=>`${e}.${n}.${s}`,Le=o.div`
+  gap: ${e=>U.noteGap.valuePx(e.windowSize)};
+`,Ce=o.div``,Pe=o.span``;function Oe({sectionId:e,monthEndInsightsNotificationLocalData:n,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:f,classList:m,controllersList:x}){const u=X(),c=Y(),{sectionTitle:$,monthEndInsights:l,mode:y}=ye.settings.notifications,h=x[0],O=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(be,{children:[t.jsxs(je,{children:[t.jsx(we,{children:$.monthEndInsights}),t.jsx(Ce,{children:t.jsx(Ee,{children:y.email})})]}),t.jsxs(Se,{children:[t.jsxs(ve,{disabled:s.enabled==null,children:[t.jsx(q,{children:l.labels.notifyMe}),t.jsx(he,{defaultChecked:n.notify,checkBoxValue:M(e,"notify"),name:M(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(w,{controller:s.enabled!=null,children:t.jsxs(Ie,{children:[t.jsx(A,{children:t.jsx(q,{children:l.labels.notifyOthers})}),t.jsx(A,{children:t.jsx(fe,{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),b=[];if(r!==-1){const p=a[r],j=ge(p.userRole.userRoles);j.length>0&&b.push(j);const N=m.find(L=>L.classId===p.userRole.accountingClassIDs[0]);return N!=null&&b.push(N.className),b}else return[]},name:M(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(w,{controller:s.enabled==null,children:t.jsxs(ke,{windowSize:c,children:[l.stopReceivingEmailsText,h?t.jsxs(Ne,{href:`mailto:${h.email}?cc=${O}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Pe,{children:`${h.firstName} ${h.lastName}`}),t.jsx(xe,{className:"arrowIcon"})]}):null]})})]})]})}const F=(e,n,s)=>`${e}.${n}.${s}`,Le=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
@@ -84,27 +84,27 @@ import{j as t,fB as ne,o as i,bg as se,M as I,a9 as re,u as Y,X,a as le,c3 as ae
   align-items: center;
 `,Me=o(J)`
   color: ${e=>e.theme.colors.primary};
-`,F=o.div`
+`,D=o.div`
   display: flex;
 `,V=o(K)`
   color: ${e=>e.theme.colors.primary};
   flex: 1;
   width: 120px;
   text-align: center;
-`,Te=o.div`
+`,ze=o.div`
   width: 120px;
   display: flex;
-`,ze=o.div`
+`,Te=o.div`
   width: 120px;
   display: flex;
   padding-right: 12px;
-`,Ue=o(Q)`
+`,Be=o(Q)`
   color: ${e=>e.theme.colors.hero};
-`,Be=o.div`
+`,Ue=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}`};
-`,qe=o.div`
+`,Ae=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -118,7 +118,7 @@ import{j as t,fB as ne,o as i,bg as se,M as I,a9 as re,u as Y,X,a as le,c3 as ae
     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 Ae({sectionId:e,remindersLocalData:n,reminderNotificationSettings:s}){const{texts:a,settings:f}=I.getLocalizedStrings().common,{notifications:m}=f,x=P.NOTIFICATION_MODES.slice(0,1),u=P.REMINDER_NOTIFICATION_TYPES.filter(c=>s[c]!=null);return t.jsxs(Le,{children:[t.jsxs(Re,{children:[t.jsx(Me,{children:m.sectionTitle.reminders}),t.jsxs(F,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(Be,{children:u.map((c,$)=>t.jsxs(qe,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(Ue,{children:m.reminders[c]}),t.jsxs(F,{children:[t.jsx(ze,{children:t.jsx(me,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:D(e,c,"frequency")})}),t.jsx(Te,{children:t.jsx(ue,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:n[c].preferredMode.includes(l),groupLabel:!1})),name:D(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const T={contentPadding:new z(S[3],S[8])},g="reminders",v="monthEndInsights",_="notificationSettingsPage",G=e=>`${e}_form`,{settings:Z,reloadPage:De}=I.getLocalizedStrings().common,Fe=e=>{const n=Y(),s=X(),{notificationSettingsView:a,signedInUser:f,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:$}=e,{notificationSettingsLocalData:l,allUsers:y,notificationSettings:h,classList:O,managersList:d,updateStatus:r,controllersList:b}=a,p=le({defaultValues:W(l,y)}),j=E.useCallback(R=>{m(Ye(R))},[m]),N=p.handleSubmit(()=>{u()}),L=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(W(l,y)),x())},[l,a.updateStatus.fetchState,y]),E.useEffect(()=>{const R=p.watch((U,{name:oe})=>{oe!=null&&U!=null&&ae(()=>j(U))});return()=>{R.unsubscribe()}},[p,j]);const ee=Object.keys(p.formState.dirtyFields).length>0,te=f.userEmail!=null?P.isMonthEndNotificationsSectionVisibleOnSettingsPage(h.monthEndInsightsNotificationSettings,f.userEmail):!1,ie=P.isRemindersSectionVisibleOnSettingsPage(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(Ve,{children:[t.jsx(ce,{source:"NotificationSettingsPage",title:Z.title.notifications,backgroundColor:n.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:$}),t.jsx(_e,{windowSize:s,children:t.jsx(de,{...p,children:t.jsx("form",{id:G(_),onSubmit:N,children:t.jsxs(Ge,{children:[t.jsx(w,{controller:ie,children:t.jsx(Ae,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:g})}),t.jsx(w,{controller:te,children:t.jsx(Oe,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:v,allUsers:y,classList:O,managersList:d,controllersList:b})})]})})})})]}),t.jsx(w,{controller:ee,children:t.jsx(pe,{style:{width:"100%"},formId:G(_),primaryBtn:{label:I.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:I.getLocalizedStrings().common.footer.cancel,onClick:L,style:{width:"82px"}}})})]})};function nt(e){const{notificationSettingsView:n,onRefresh:s}=e,{fetchState:a}=n;return a==="Not-Started"||a==="In-Progress"?t.jsx(H,{children:t.jsx(ne,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(H,{children:[t.jsx(He,{onClick:s,children:t.jsx(se,{})}),t.jsx(We,{children:De.label})]}):t.jsx(Fe,{...e})}const Ve=o.div`
+`;function qe({sectionId:e,remindersLocalData:n,reminderNotificationSettings:s}){const{texts:a,settings:f}=I.getLocalizedStrings().common,{notifications:m}=f,x=P.NOTIFICATION_MODES.slice(0,1),u=P.REMINDER_NOTIFICATION_TYPES.filter(c=>s[c]!=null);return t.jsxs(Le,{children:[t.jsxs(Re,{children:[t.jsx(Me,{children:m.sectionTitle.reminders}),t.jsxs(D,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(Ue,{children:u.map((c,$)=>t.jsxs(Ae,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(Be,{children:m.reminders[c]}),t.jsxs(D,{children:[t.jsx(Te,{children:t.jsx(me,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:F(e,c,"frequency")})}),t.jsx(ze,{children:t.jsx(ue,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:n[c].preferredMode.includes(l),groupLabel:!1})),name:F(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const z={contentPadding:new T(S[3],S[8])},g="reminders",v="monthEndInsights",_="notificationSettingsPage",G=e=>`${e}_form`,{settings:Z,reloadPage:Fe}=I.getLocalizedStrings().common,De=e=>{const n=X(),s=Y(),{notificationSettingsView:a,signedInUser:f,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:$}=e,{notificationSettingsLocalData:l,allUsers:y,notificationSettings:h,classList:O,managersList:d,updateStatus:r,controllersList:b}=a,p=le({defaultValues:W(l,y)}),j=E.useCallback(R=>{m(Xe(R))},[m]),N=p.handleSubmit(()=>{u()}),L=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(W(l,y)),x())},[l,a.updateStatus.fetchState,y]),E.useEffect(()=>{const R=p.watch((B,{name:oe})=>{oe!=null&&B!=null&&ae(()=>j(B))});return()=>{R.unsubscribe()}},[p,j]);const ee=Object.keys(p.formState.dirtyFields).length>0,te=f.userEmail!=null?P.isMonthEndNotificationsSectionVisibleOnSettingsPage(h.monthEndInsightsNotificationSettings,f.userEmail):!1,ie=P.isRemindersSectionVisibleOnSettingsPage(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(Ve,{children:[t.jsx(ce,{source:"NotificationSettingsPage",title:Z.title.notifications,backgroundColor:n.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:$}),t.jsx(_e,{windowSize:s,children:t.jsx(de,{...p,children:t.jsx("form",{id:G(_),onSubmit:N,children:t.jsxs(Ge,{children:[t.jsx(w,{controller:ie,children:t.jsx(qe,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:g})}),t.jsx(w,{controller:te,children:t.jsx(Oe,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:v,allUsers:y,classList:O,managersList:d,controllersList:b})})]})})})})]}),t.jsx(w,{controller:ee,children:t.jsx(pe,{style:{width:"100%"},formId:G(_),primaryBtn:{label:I.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:I.getLocalizedStrings().common.footer.cancel,onClick:L,style:{width:"82px"}}})})]})};function nt(e){const{notificationSettingsView:n,onRefresh:s}=e,{fetchState:a}=n;return a==="Not-Started"||a==="In-Progress"?t.jsx(H,{children:t.jsx(ne,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(H,{children:[t.jsx(He,{onClick:s,children:t.jsx(se,{})}),t.jsx(We,{children:Fe.label})]}):t.jsx(De,{...e})}const Ve=o.div`
   display: flex;
   width: 100%;
   min-height: 100vh;
@@ -135,9 +135,9 @@ import{j as t,fB as ne,o as i,bg as se,M as I,a9 as re,u as Y,X,a as le,c3 as ae
   row-gap: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey4};
 `,_e=o.div`
-  padding-left: ${e=>T.contentPadding.valuePx(e.windowSize)};
-  padding-right: ${e=>T.contentPadding.valuePx(e.windowSize)};
-  padding-bottom: ${e=>T.contentPadding.valuePx(e.windowSize)};
+  padding-left: ${e=>z.contentPadding.valuePx(e.windowSize)};
+  padding-right: ${e=>z.contentPadding.valuePx(e.windowSize)};
+  padding-bottom: ${e=>z.contentPadding.valuePx(e.windowSize)};
 `,Ge=o.div`
   display: flex;
   flex-direction: column;
@@ -160,4 +160,4 @@ import{j as t,fB as ne,o as i,bg as se,M as I,a9 as re,u as Y,X,a as le,c3 as ae
 `,We=o(re)`
   margin-top: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`;function k(e){const n=Z.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:n}}}function W(e,n){return{[g]:{missingReceiptNotification:k(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:k(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:k(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:k(e.reminders.pendingReimbursementApprovalNotification)},[v]:{notify:e.monthEndInsights.notify,recipientEmailIds:{allNonUsers:[],selectedNonUsers:[],allUsers:n,selectedUsers:n.filter(s=>e.monthEndInsights.recipientEmailIds.includes(s.email))}}}}function C(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}function Ye(e){return{[g]:{missingReceiptNotification:C(e[g].missingReceiptNotification),uncategorizedTransactionNotification:C(e[g].uncategorizedTransactionNotification),pendingBillApprovalNotification:C(e[g].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:C(e[g].pendingReimbursementApprovalNotification)},[v]:{...e[v],recipientEmailIds:e[v].recipientEmailIds.selectedUsers.map(n=>n.email)}}}export{nt as default,G as uniqueName};
+`;function k(e){const n=Z.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:n}}}function W(e,n){return{[g]:{missingReceiptNotification:k(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:k(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:k(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:k(e.reminders.pendingReimbursementApprovalNotification)},[v]:{notify:e.monthEndInsights.notify,recipientEmailIds:{allNonUsers:[],selectedNonUsers:[],allUsers:n,selectedUsers:n.filter(s=>e.monthEndInsights.recipientEmailIds.includes(s.email))}}}}function C(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}function Xe(e){return{[g]:{missingReceiptNotification:C(e[g].missingReceiptNotification),uncategorizedTransactionNotification:C(e[g].uncategorizedTransactionNotification),pendingBillApprovalNotification:C(e[g].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:C(e[g].pendingReimbursementApprovalNotification)},[v]:{...e[v],recipientEmailIds:e[v].recipientEmailIds.selectedUsers.map(n=>n.email)}}}export{nt as default,G as uniqueName};

package/dist/assets/NotificationsListConfig-B6PteXf7-BPHFWRyo.js

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

package/dist/assets/{NotificationsPage-tre5LIJg-DXHT17a1.js → NotificationsPage-CqmgbRYI-B1REvxM0.js}

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