@zeniai/web-cockpit-ui 1.15.35-qa → 1.15.36-dev

package/dist/assets/{NotificationSettingsPage-CX3Hkg6o-Bee4no-2.js → NotificationSettingsPage-DjW6to0g-1y2D4DgT.js}

@@ -1,4 +1,4 @@
-import{V as t,ga as ne,o as i,bP as oe,aU as se,F as v,y as J,J as W,a9 as re,cH as le,bD as ae,ad as ce,aa as w,aS as de,x as T,fH as pe,gb as me,eO as ue,gc as fe,gd as he,b0 as ge,u as I,ba as Q,aj as X,am as Y,an as xe}from"./index-BPv2nRQb.js";import{a as E}from"./sentry-DBSEoG3b.js";import{n}from"./mui-DdxImnN0.js";import{FO as be,FP as $e,FQ as ye,FR as je}from"./zeni-epic-state-1oOVJQJ4.js";import"./liveblocks-Dv7Vdu8a.js";import"./core-HDqpewC7.js";import"./recharts-Djp9a38d.js";import"./lottie-V1lTNkDB.js";import"./analytics-DvsRx7_o.js";import"./lexical-CWcQ8pGO.js";import"./utils-rIQAYtge.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="a8b2e8ef-3f41-4045-99f9-9484d16d2eb8",e._sentryDebugIdIdentifier="sentry-dbid-a8b2e8ef-3f41-4045-99f9-9484d16d2eb8")}catch{}})();const{common:we}=v.getLocalizedStrings(),D={notePadding:new T(I[3],I[4]),noteGap:new T(I[0],6)},R=(e,o)=>`${e}.${o}`,Ie=n.div`
+import{V as t,ga as ne,o as i,bP as oe,aU as se,F as v,y as J,J as W,a9 as re,cH as le,bD as ae,ad as ce,aa as j,aS as de,x as T,fH as pe,gb as me,eO as ue,gc as fe,gd as he,b0 as ge,u as I,ba as X,aj as Y,am as K,an as xe}from"./index-D-BANbLd.js";import{a as E}from"./sentry-OhwUF_66.js";import{n}from"./mui-AW-QpJ2k.js";import{Gt as be,Gu as $e,Gv as ye,Gw as we}from"./zeni-epic-state-DR0XRPUQ.js";import"./liveblocks-Db4nLOvA.js";import"./core-IgaX3lD-.js";import"./recharts-DPPWeTqd.js";import"./lottie-D0yKu2h3.js";import"./analytics-6ukc1Do4.js";import"./lexical-BOeaRQ5K.js";import"./utils-Cv-cXrhn.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="eb70228a-5e25-4e97-95d8-bd06f8ef73fd",e._sentryDebugIdIdentifier="sentry-dbid-eb70228a-5e25-4e97-95d8-bd06f8ef73fd")}catch{}})();const{common:je}=v.getLocalizedStrings(),D={notePadding:new T(I[3],I[4]),noteGap:new T(I[0],6)},R=(e,o)=>`${e}.${o}`,Ie=n.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
@@ -6,7 +6,7 @@ import{V as t,ga as ne,o as i,bP as oe,aU as se,F as v,y as J,J as W,a9 as re,cH
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,ve=n(Q)`
+`,ve=n(X)`
   color: ${e=>e.theme.colors.primary};
 `,Ne=n.div`
   border-radius: ${i.sp2};
@@ -57,9 +57,9 @@ import{V as t,ga as ne,o as i,bP as oe,aU as se,F as v,y as J,J as W,a9 as re,cH
   }
 `,M=n.div`
   flex: 1;
-`,A=n(Y)`
+`,A=n(K)`
   color: ${e=>e.theme.colors.hero};
-`,Ce=n(X)`
+`,Ce=n(Y)`
   color: ${e=>e.theme.colors.primary};
   flex: 1;
   width: 120px;
@@ -74,7 +74,7 @@ import{V as t,ga as ne,o as i,bP as oe,aU as se,F as v,y as J,J as W,a9 as re,cH
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
   gap: ${e=>D.noteGap.valuePx(e.windowSize)};
-`,Le=n.div``,Re=n.span``;function ze({sectionId:e,monthEndInsightsNotificationLocalData:o,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:h,classList:m,controllersList:x}){const u=J(),c=W(),{sectionTitle:b,monthEndInsights:l,mode:$}=we.settings.notifications,f=x[0],C=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(Ie,{children:[t.jsxs(Se,{children:[t.jsx(ve,{children:b.monthEndInsights}),t.jsx(Le,{children:t.jsx(Ce,{children:$.email})})]}),t.jsxs(Ne,{children:[t.jsxs(Ee,{disabled:s.enabled==null,children:[t.jsx(A,{children:l.labels.notifyMe}),t.jsx(ue,{defaultChecked:o.notify,checkBoxValue:R(e,"notify"),name:R(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(w,{controller:s.enabled!=null,children:t.jsxs(ke,{children:[t.jsx(M,{children:t.jsx(A,{children:l.labels.notifyOthers})}),t.jsx(M,{children:t.jsx(fe,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:h,selectedUsers:h.filter(d=>o.recipientEmailIds.includes(d.email)),allNonUsers:[],selectedNonUsers:[]},hideMultiValueOnBlur:!1,valueToSubtitle:d=>{const r=a.findIndex(p=>p.userId===d),y=[];if(r!==-1){const p=a[r],j=he(p.userRole.userRoles);j.length>0&&y.push(j);const N=m.find(O=>O.classId===p.userRole.accountingClassIDs[0]);return N!=null&&y.push(N.className),y}else return[]},name:R(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(Oe,{windowSize:c,children:[l.stopReceivingEmailsText,f?t.jsxs(Pe,{href:`mailto:${f.email}?cc=${C}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Re,{children:`${f.firstName} ${f.lastName}`}),t.jsx(ge,{className:"arrowIcon"})]}):null]})})]})]})}const B=(e,o,s)=>`${e}.${o}.${s}`,Te=n.div`
+`,Le=n.div``,Re=n.span``;function ze({sectionId:e,monthEndInsightsNotificationLocalData:o,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:h,classList:m,controllersList:x}){const u=J(),c=W(),{sectionTitle:b,monthEndInsights:l,mode:$}=je.settings.notifications,f=x[0],C=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(Ie,{children:[t.jsxs(Se,{children:[t.jsx(ve,{children:b.monthEndInsights}),t.jsx(Le,{children:t.jsx(Ce,{children:$.email})})]}),t.jsxs(Ne,{children:[t.jsxs(Ee,{disabled:s.enabled==null,children:[t.jsx(A,{children:l.labels.notifyMe}),t.jsx(ue,{defaultChecked:o.notify,checkBoxValue:R(e,"notify"),name:R(e,"notify"),checkedIconColor:s.enabled==null?u.colors.grey2:void 0})]}),t.jsx(j,{controller:s.enabled!=null,children:t.jsxs(ke,{children:[t.jsx(M,{children:t.jsx(A,{children:l.labels.notifyOthers})}),t.jsx(M,{children:t.jsx(fe,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:h,selectedUsers:h.filter(d=>o.recipientEmailIds.includes(d.email)),allNonUsers:[],selectedNonUsers:[]},hideMultiValueOnBlur:!1,valueToSubtitle:d=>{const r=a.findIndex(p=>p.userId===d),y=[];if(r!==-1){const p=a[r],w=he(p.userRole.userRoles);w.length>0&&y.push(w);const N=m.find(O=>O.classId===p.userRole.accountingClassIDs[0]);return N!=null&&y.push(N.className),y}else return[]},name:R(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(j,{controller:s.enabled==null,children:t.jsxs(Oe,{windowSize:c,children:[l.stopReceivingEmailsText,f?t.jsxs(Pe,{href:`mailto:${f.email}?cc=${C}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Re,{children:`${f.firstName} ${f.lastName}`}),t.jsx(ge,{className:"arrowIcon"})]}):null]})})]})]})}const B=(e,o,s)=>`${e}.${o}.${s}`,Te=n.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
@@ -82,11 +82,11 @@ import{V as t,ga as ne,o as i,bP as oe,aU as se,F as v,y as J,J as W,a9 as re,cH
   display: flex;
   justify-content: space-between;
   align-items: center;
-`,De=n(Q)`
+`,De=n(X)`
   color: ${e=>e.theme.colors.primary};
-`,F=n.div`
+`,V=n.div`
   display: flex;
-`,V=n(X)`
+`,q=n(Y)`
   color: ${e=>e.theme.colors.primary};
   flex: 1;
   width: 120px;
@@ -98,13 +98,13 @@ import{V as t,ga as ne,o as i,bP as oe,aU as se,F as v,y as J,J as W,a9 as re,cH
   width: 120px;
   display: flex;
   padding-right: 12px;
-`,Be=n(Y)`
+`,Be=n(K)`
   color: ${e=>e.theme.colors.hero};
-`,Fe=n.div`
+`,Ve=n.div`
   border-radius: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Ve=n.div`
+`,qe=n.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -118,14 +118,14 @@ import{V as t,ga as ne,o as i,bP as oe,aU as se,F as v,y as J,J as W,a9 as re,cH
     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 qe({sectionId:e,remindersLocalData:o,reminderNotificationSettings:s}){const{texts:a,settings:h}=v.getLocalizedStrings().common,{notifications:m}=h,x=ye.slice(0,1),u=je.filter(c=>s[c]!=null);return t.jsxs(Te,{children:[t.jsxs(Ue,{children:[t.jsx(De,{children:m.sectionTitle.reminders}),t.jsxs(F,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(Fe,{children:u.map((c,b)=>t.jsxs(Ve,{firstElement:b===0,lastElement:b===u.length-1,children:[t.jsx(Be,{children:m.reminders[c]}),t.jsxs(F,{children:[t.jsx(Ae,{children:t.jsx(pe,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:o[c].frequency},name:B(e,c,"frequency")})}),t.jsx(Me,{children:t.jsx(me,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:o[c].preferredMode.includes(l),groupLabel:!1})),name:B(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const z={contentPadding:new T(I[3],I[8])},g="reminders",S="monthEndInsights",q="notificationSettingsPage",_=e=>`${e}_form`,{settings:K,reloadPage:_e}=v.getLocalizedStrings().common,He=e=>{const o=J(),s=W(),{notificationSettingsView:a,signedInUser:h,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:b}=e,{notificationSettingsLocalData:l,allUsers:$,notificationSettings:f,classList:C,managersList:d,updateStatus:r,controllersList:y}=a,p=re({defaultValues:G(l,$)}),j=E.useCallback(L=>{m(Ye(L))},[m]),N=p.handleSubmit(()=>{u()}),O=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(G(l,$)),x())},[l,a.updateStatus.fetchState,$]),E.useEffect(()=>{const L=p.watch((U,{name:ie})=>{ie!=null&&U!=null&&le(()=>j(U))});return()=>{L.unsubscribe()}},[p,j]);const Z=Object.keys(p.formState.dirtyFields).length>0,ee=h.userEmail!=null?be(f.monthEndInsightsNotificationSettings,h.userEmail):!1,te=$e(f.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(Ge,{children:[t.jsx(ae,{source:"NotificationSettingsPage",title:K.title.notifications,backgroundColor:o.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:b}),t.jsx(Je,{windowSize:s,children:t.jsx(ce,{...p,children:t.jsx("form",{id:_(q),onSubmit:N,children:t.jsxs(We,{children:[t.jsx(w,{controller:te,children:t.jsx(qe,{reminderNotificationSettings:f.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:g})}),t.jsx(w,{controller:ee,children:t.jsx(ze,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:f.monthEndInsightsNotificationSettings,sectionId:S,allUsers:$,classList:C,managersList:d,controllersList:y})})]})})})})]}),t.jsx(w,{controller:Z,children:t.jsx(de,{style:{width:"100%"},formId:_(q),primaryBtn:{label:v.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:v.getLocalizedStrings().common.footer.cancel,onClick:O,style:{width:"82px"}}})})]})};function ct(e){const{notificationSettingsView:o,onRefresh:s}=e,{fetchState:a}=o;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(Qe,{onClick:s,children:t.jsx(oe,{})}),t.jsx(Xe,{children:_e.label})]}):t.jsx(He,{...e})}const Ge=n.div`
+`;function _e({sectionId:e,remindersLocalData:o,reminderNotificationSettings:s}){const{texts:a,settings:h}=v.getLocalizedStrings().common,{notifications:m}=h,x=ye.slice(0,1),u=we.filter(c=>s[c]!=null);return t.jsxs(Te,{children:[t.jsxs(Ue,{children:[t.jsx(De,{children:m.sectionTitle.reminders}),t.jsxs(V,{children:[t.jsx(q,{children:a.frequency}),t.jsx(q,{children:m.mode.email})]})]}),t.jsx(Ve,{children:u.map((c,b)=>t.jsxs(qe,{firstElement:b===0,lastElement:b===u.length-1,children:[t.jsx(Be,{children:m.reminders[c]}),t.jsxs(V,{children:[t.jsx(Ae,{children:t.jsx(pe,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:o[c].frequency},name:B(e,c,"frequency")})}),t.jsx(Me,{children:t.jsx(me,{mode:"always_on",checkBoxes:x.map(l=>({label:"",value:l,defaultChecked:o[c].preferredMode.includes(l),groupLabel:!1})),name:B(e,c,"preferredMode"),style:{flexDirection:"row"},checkBoxContainerStyle:{justifyContent:"center"}})})]})]},c))})]})}const z={contentPadding:new T(I[3],I[8])},g="reminders",S="monthEndInsights",_="notificationSettingsPage",F=e=>`${e}_form`,{settings:Q,reloadPage:Fe}=v.getLocalizedStrings().common,Ge=e=>{const o=J(),s=W(),{notificationSettingsView:a,signedInUser:h,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:b}=e,{notificationSettingsLocalData:l,allUsers:$,notificationSettings:f,classList:C,managersList:d,updateStatus:r,controllersList:y}=a,p=re({defaultValues:H(l,$)}),w=E.useCallback(L=>{m(Ke(L))},[m]),N=p.handleSubmit(()=>{u()}),O=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(H(l,$)),x())},[l,a.updateStatus.fetchState,$]),E.useEffect(()=>{const L=p.watch((U,{name:ie})=>{ie!=null&&U!=null&&le(()=>w(U))});return()=>{L.unsubscribe()}},[p,w]);const Z=Object.keys(p.formState.dirtyFields).length>0,ee=h.userEmail!=null?be(f.monthEndInsightsNotificationSettings,h.userEmail):!1,te=$e(f.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(He,{children:[t.jsx(ae,{source:"NotificationSettingsPage",title:Q.title.notifications,backgroundColor:o.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:b}),t.jsx(Je,{windowSize:s,children:t.jsx(ce,{...p,children:t.jsx("form",{id:F(_),onSubmit:N,children:t.jsxs(We,{children:[t.jsx(j,{controller:te,children:t.jsx(_e,{reminderNotificationSettings:f.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:g})}),t.jsx(j,{controller:ee,children:t.jsx(ze,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:f.monthEndInsightsNotificationSettings,sectionId:S,allUsers:$,classList:C,managersList:d,controllersList:y})})]})})})})]}),t.jsx(j,{controller:Z,children:t.jsx(de,{style:{width:"100%"},formId:F(_),primaryBtn:{label:v.getLocalizedStrings().common.footer.save,isLoading:r.fetchState==="In-Progress",style:{width:"82px"}},cancelBtn:{label:v.getLocalizedStrings().common.footer.cancel,onClick:O,style:{width:"82px"}}})})]})};function ct(e){const{notificationSettingsView:o,onRefresh:s}=e,{fetchState:a}=o;return a==="Not-Started"||a==="In-Progress"?t.jsx(G,{children:t.jsx(ne,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(G,{children:[t.jsx(Xe,{onClick:s,children:t.jsx(oe,{})}),t.jsx(Ye,{children:Fe.label})]}):t.jsx(Ge,{...e})}const He=n.div`
   display: flex;
   width: 100%;
   min-height: 100vh;
   flex-direction: column;
   row-gap: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,H=n.div`
+`,G=n.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -142,7 +142,7 @@ import{V as t,ga as ne,o as i,bP as oe,aU as se,F as v,y as J,J as W,a9 as re,cH
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp8};
-`,Qe=n.div`
+`,Xe=n.div`
   height: 96px;
   width: 96px;
   background: ${e=>e.theme.colors.background};
@@ -157,7 +157,7 @@ import{V as t,ga as ne,o as i,bP as oe,aU as se,F as v,y as J,J as W,a9 as re,cH
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,Xe=n(se)`
+`,Ye=n(se)`
   margin-top: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`;function k(e){const o=K.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:o}}}function G(e,o){return{[g]:{missingReceiptNotification:k(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:k(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:k(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:k(e.reminders.pendingReimbursementApprovalNotification)},[S]:{notify:e.monthEndInsights.notify,recipientEmailIds:{allNonUsers:[],selectedNonUsers:[],allUsers:o,selectedUsers:o.filter(s=>e.monthEndInsights.recipientEmailIds.includes(s.email))}}}}function P(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}function Ye(e){return{[g]:{missingReceiptNotification:P(e[g].missingReceiptNotification),uncategorizedTransactionNotification:P(e[g].uncategorizedTransactionNotification),pendingBillApprovalNotification:P(e[g].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:P(e[g].pendingReimbursementApprovalNotification)},[S]:{...e[S],recipientEmailIds:e[S].recipientEmailIds.selectedUsers.map(o=>o.email)}}}export{ct as default,_ as uniqueName};
+`;function k(e){const o=Q.notifications.reminderFrequencyOptions;return{preferredMode:e.preferredMode,frequency:{selectedOption:e.frequency,allOptions:o}}}function H(e,o){return{[g]:{missingReceiptNotification:k(e.reminders.missingReceiptNotification),uncategorizedTransactionNotification:k(e.reminders.uncategorizedTransactionNotification),pendingBillApprovalNotification:k(e.reminders.pendingBillApprovalNotification),pendingReimbursementApprovalNotification:k(e.reminders.pendingReimbursementApprovalNotification)},[S]:{notify:e.monthEndInsights.notify,recipientEmailIds:{allNonUsers:[],selectedNonUsers:[],allUsers:o,selectedUsers:o.filter(s=>e.monthEndInsights.recipientEmailIds.includes(s.email))}}}}function P(e){return{preferredMode:e.preferredMode,frequency:e.frequency.selectedOption}}function Ke(e){return{[g]:{missingReceiptNotification:P(e[g].missingReceiptNotification),uncategorizedTransactionNotification:P(e[g].uncategorizedTransactionNotification),pendingBillApprovalNotification:P(e[g].pendingBillApprovalNotification),pendingReimbursementApprovalNotification:P(e[g].pendingReimbursementApprovalNotification)},[S]:{...e[S],recipientEmailIds:e[S].recipientEmailIds.selectedUsers.map(o=>o.email)}}}export{ct as default,F as uniqueName};

package/dist/assets/{NotificationsListConfig-Cyzhla-8-29lmg0oi.js → NotificationsListConfig-CVq2sl6h-Bw-0i4Ig.js}

@@ -1 +1 @@
-import{w as t,u as n}from"./index-BPv2nRQb.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="6a0b6045-ff54-4b78-a0b2-14f4bc963d04",e._sentryDebugIdIdentifier="sentry-dbid-6a0b6045-ff54-4b78-a0b2-14f4bc963d04")}catch{}})();const a=n[5],o=59,r=n[5],i=t.standardRegular.lineHeightValue,s=1,l=1e3;export{i as A,r as E,s as I,l as L,o as a,a as t};
+import{w as t,u as n}from"./index-D-BANbLd.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},d=new e.Error().stack;d&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[d]="6a0b6045-ff54-4b78-a0b2-14f4bc963d04",e._sentryDebugIdIdentifier="sentry-dbid-6a0b6045-ff54-4b78-a0b2-14f4bc963d04")}catch{}})();const a=n[5],o=59,r=n[5],i=t.standardRegular.lineHeightValue,s=1,l=1e3;export{i as A,r as E,s as I,l as L,o as a,a as t};

package/dist/assets/{NotificationsPage-O7M0pMnc-daR4laOH.js → NotificationsPage-CRP4cafk-C5rQyA0T.js}

@@ -1,8 +1,8 @@
-import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,aa as ye,F as P,h7 as ti,x as R,i9 as ii,w as Ne,k as oi,az as tt,cn as it,b4 as ot,dq as st,cv as at,k6 as rt,u as w,i as si,k7 as ai,dn as he,a_ as ri,H as ni,a as nt,p as S,aj as li,bQ as _,cL as ue,gb as pe,k8 as fe,ax as lt,a8 as dt,dw as U,fw as ct,gl as di,am as ee,ip as ci,an as H,fK as hi,aW as $e,bb as me,k9 as ui,bN as ht,ka as Re,bw as pi}from"./index-BPv2nRQb.js";import{a as g}from"./sentry-DBSEoG3b.js";import{n as r,c as O}from"./mui-DdxImnN0.js";import{Gn as fi,Go as mi,bL as X,bh as $,Ed as ut}from"./zeni-epic-state-1oOVJQJ4.js";import{k as gi}from"./SubTabSwitcher-Bk10VIFM-CrNC5Y_x.js";import{d as pt}from"./useLongPress-GCK2COYQ-CaFh8omD.js";import{A as ft,t as mt,a as gt,E as xt,L as bt,I as wt}from"./NotificationsListConfig-Cyzhla-8-29lmg0oi.js";import"./liveblocks-Dv7Vdu8a.js";import"./core-HDqpewC7.js";import"./recharts-Djp9a38d.js";import"./lottie-V1lTNkDB.js";import"./analytics-DvsRx7_o.js";import"./lexical-CWcQ8pGO.js";import"./utils-rIQAYtge.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="b3e7bf80-c911-4d82-ad41-36c6166260ea",e._sentryDebugIdIdentifier="sentry-dbid-b3e7bf80-c911-4d82-ad41-36c6166260ea")}catch{}})();function xi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:h}){const u=v(),p=Z(),m=g.useCallback(x=>{d(x.id)},[d]),f=g.useCallback(x=>{h(x.id)},[h]);return e.length===0?null:t.jsxs(bi,{windowSize:u,children:[t.jsx(ii,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(gi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const bi=r.div`
+import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,aa as ye,F as P,h7 as ti,x as R,i9 as ii,w as Ne,k as oi,az as tt,cn as it,b4 as ot,dq as st,cv as at,k6 as rt,u as w,i as si,k7 as ai,dn as he,a_ as ri,H as ni,a as nt,p as S,aj as li,bQ as _,cL as ue,gb as pe,k8 as fe,ax as lt,a8 as dt,dw as U,fw as ct,gl as di,am as ee,ip as ci,an as E,fK as hi,aW as $e,bb as me,k9 as ui,bN as ht,ka as Re,bw as pi}from"./index-D-BANbLd.js";import{a as g}from"./sentry-OhwUF_66.js";import{n as r,c as O}from"./mui-AW-QpJ2k.js";import{H2 as fi,H3 as mi,bL as X,bh as $,EU as ut}from"./zeni-epic-state-DR0XRPUQ.js";import{k as gi}from"./SubTabSwitcher-3gCHG_2e-kbyMAwsf.js";import{d as pt}from"./useLongPress-GCK2COYQ-CP00SKp4.js";import{A as ft,t as mt,a as gt,E as xt,L as bt,I as wt}from"./NotificationsListConfig-CVq2sl6h-Bw-0i4Ig.js";import"./liveblocks-Db4nLOvA.js";import"./core-IgaX3lD-.js";import"./recharts-DPPWeTqd.js";import"./lottie-D0yKu2h3.js";import"./analytics-6ukc1Do4.js";import"./lexical-BOeaRQ5K.js";import"./utils-Cv-cXrhn.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="25d984e1-eb21-4ecc-91bc-fc6f5b006c3b",e._sentryDebugIdIdentifier="sentry-dbid-25d984e1-eb21-4ecc-91bc-fc6f5b006c3b")}catch{}})();function xi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:h}){const u=v(),p=Z(),m=g.useCallback(x=>{d(x.id)},[d]),f=g.useCallback(x=>{h(x.id)},[h]);return e.length===0?null:t.jsxs(bi,{windowSize:u,children:[t.jsx(ii,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(gi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const bi=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,{common:{timeStrings:yt,strings:wi},dateFormat:Ie,timeFormat:yi}=P.getLocalizedStrings(),$t=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],le=e=>e.type.concat(wi.underscore).concat(e.start.format(Ie.visual.DdashMMdashYYYYFormat)),ge=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return yt[e.type];case"earlier_that_month":return e.start.format(Ie.visual.MMMYYYYFormat)}},jt=e=>{const o=X(e.toUTCString()),s=$(),a=s.diff(o,"minutes"),n=s.diff(o,"seconds"),l=60,c=24*60;return n<=l?yt.justNow:a<c&&ui(o,0)?o.format(yi.hhmmAFormat):o.format(Ie.visual.MMMDFormat)},_e=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:$i}}}}=P.getLocalizedStrings(),kt=e=>{e.sort((n,l)=>X(n.inboxNotification.notifiedAt.toUTCString()).isAfter(X(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),h=$().subtract(2,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),h=$().subtract(9,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(u,"month").startOf("M").startOf("d"),m=$().subtract(u,"month").endOf("M").endOf("d");u++,a=oe(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},oe=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,X(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>X(l.inboxNotification.notifiedAt.toUTCString()).isAfter(X(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:n}},ji=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=$i;return o.comments.length===1?a:s},St=new R(3,2,1,1,1),vt=new R(w[8],w[6],35,35,w[6]),de={lineClamp:St,sectionWidth:vt},{common:{texts:ze,timeStrings:ki,strings:te},commentsAndNotifications:{notifications:{strings:{newMessage:Si},actionStrings:{comments:{newCommentAdded:vi}}}}}=P.getLocalizedStrings(),Ci=({notificationData:e,users:o,isHighlighted:s=!1,style:a,onNotificationTileClick:n})=>{const l=lt(),c=dt().analytics,{inboxNotification:{id:d,readAt:h,notifiedAt:u},thread:p}=e,{setRequestToOpenThread:m}=g.useContext(di),f=h!=null?"read":"unread",{metadata:{url:x,companyId:k,entityType:B},id:z}=p;return t.jsxs(zi,{readStatus:f,isClickable:!!x,isHighlighted:s,style:a,onClick:()=>{x&&(n(d,ut(x),f),(p.metadata.tab==="bill"||p.metadata.tab==="reimbursement")&&m({threadId:z,companyId:k,entityType:B})),p.metadata.application!=="cockpit"&&c.trackCommentActivity("notification","clicked",p.metadata.companyName,l.controllersList.controllers.map(N=>U(N)),p.resolved?"resolved":"open",{name:ct(l.loggedInUser),email:l.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(Ti,{notificationData:e,users:o}),t.jsx(Ii,{...e}),t.jsx(Li,{timestamp:u,readStatus:f})]})},Ct=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,n=a[0];return a.length===0||n.body==null?t.jsx(je,{children:Si}):t.jsx(je,{children:n.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Ri(c)){const u=o.find(p=>p.userId===c.id);return c.id?t.jsx(Ni,{notificationData:e,user:u},`${c.id}${te.underscore}${d}`):null}if(_i(c)){const u=ci(c.url)??c.url;return t.jsx(Gi,{href:u,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let h=c.text;return c.bold===!0&&(h=t.jsx(Ai,{children:h},d)),c.italic===!0&&(h=t.jsx(Pi,{children:h},d)),c.strikethrough===!0&&(h=t.jsx(Bi,{children:h},d)),c.code===!0&&(h=t.jsx(Oi,{children:h},d)),t.jsx(Fi,{children:h},d)});default:return t.jsx(je,{children:vi})}})})},Ti=({notificationData:e,users:o})=>{const s=v();return t.jsx(Ei,{windowSize:s,children:t.jsx(Ct,{notificationData:e,users:o})})},Ni=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let n=t.jsxs(De,{className:"userText",readStatus:a,children:[te.atTheRate,ze.zeniAI,te.space]});if(o!=null){const l=U(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(De,{className:"userText",readStatus:a,children:[te.atTheRate,l||ze.zeniAI,te.space]})})}return n},Tt=e=>{const o=ji(e);return t.jsx(t.Fragment,{children:o})},Ii=e=>{const o=v();return t.jsx(Mi,{windowSize:o,children:t.jsx(Tt,{...e})})},Nt=e=>{const{timestamp:o,readStatus:s}=e,a=jt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Ui,{isNewNotification:a===ki.justNow,children:a}),t.jsx(Hi,{readStatus:s})]})},Li=e=>{const o=v();return t.jsx(Di,{windowSize:o,children:t.jsx(Nt,{...e})})};function Ri(e){return"type"in e&&e.type==="mention"}function _i(e){return"type"in e&&e.type==="link"}const zi=r.div`
+`,{common:{timeStrings:yt,strings:wi},dateFormat:Ie,timeFormat:yi}=P.getLocalizedStrings(),$t=["today","yesterday","last_7_days_this_month","earlier_this_month","earlier_that_month"],le=e=>e.type.concat(wi.underscore).concat(e.start.format(Ie.visual.DdashMMdashYYYYFormat)),ge=e=>{switch(e.type){case"today":case"yesterday":case"earlier_this_month":case"last_7_days_this_month":return yt[e.type];case"earlier_that_month":return e.start.format(Ie.visual.MMMYYYYFormat)}},jt=e=>{const o=X(e.toUTCString()),s=$(),a=s.diff(o,"minutes"),n=s.diff(o,"seconds"),l=60,c=24*60;return n<=l?yt.justNow:a<c&&ui(o,0)?o.format(yi.hhmmAFormat):o.format(Ie.visual.MMMDFormat)},_e=e=>{switch(e.code){case"todo":return S.important;case"in_progress":return S.info;case"on_hold":return S.alert;case"done":return S.championLight;case"resolved":return S.successDark;default:return S.neutralGrey2Light}},{commentsAndNotifications:{notifications:{actionStrings:{comments:$i}}}}=P.getLocalizedStrings(),kt=e=>{e.sort((n,l)=>X(n.inboxNotification.notifiedAt.toUTCString()).isAfter(X(l.inboxNotification.notifiedAt.toUTCString()))===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),h=$().subtract(2,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),h=$().subtract(9,"d").endOf("d"),a=oe(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(u,"month").startOf("M").startOf("d"),m=$().subtract(u,"month").endOf("M").endOf("d");u++,a=oe(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},oe=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,X(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>X(l.inboxNotification.notifiedAt.toUTCString()).isAfter(X(c.inboxNotification.notifiedAt.toUTCString()))===!0?-1:1),{singleGroup:a,remainingData:n}},ji=e=>{const{thread:o}=e,{newRepliesAdded:s,newCommentAdded:a}=$i;return o.comments.length===1?a:s},St=new R(3,2,1,1,1),vt=new R(w[8],w[6],35,35,w[6]),de={lineClamp:St,sectionWidth:vt},{common:{texts:ze,timeStrings:ki,strings:te},commentsAndNotifications:{notifications:{strings:{newMessage:Si},actionStrings:{comments:{newCommentAdded:vi}}}}}=P.getLocalizedStrings(),Ci=({notificationData:e,users:o,isHighlighted:s=!1,style:a,onNotificationTileClick:n})=>{const l=lt(),c=dt().analytics,{inboxNotification:{id:d,readAt:h,notifiedAt:u},thread:p}=e,{setRequestToOpenThread:m}=g.useContext(di),f=h!=null?"read":"unread",{metadata:{url:x,companyId:k,entityType:B},id:z}=p;return t.jsxs(zi,{readStatus:f,isClickable:!!x,isHighlighted:s,style:a,onClick:()=>{x&&(n(d,ut(x),f),(p.metadata.tab==="bill"||p.metadata.tab==="reimbursement")&&m({threadId:z,companyId:k,entityType:B})),p.metadata.application!=="cockpit"&&c.trackCommentActivity("notification","clicked",p.metadata.companyName,l.controllersList.controllers.map(N=>U(N)),p.resolved?"resolved":"open",{name:ct(l.loggedInUser),email:l.loggedInUser?.userEmail??""},"db notification")},children:[t.jsx(Ti,{notificationData:e,users:o}),t.jsx(Ii,{...e}),t.jsx(Li,{timestamp:u,readStatus:f})]})},Ct=({notificationData:e,users:o})=>{const{thread:s}=e,{comments:a}=s,n=a[0];return a.length===0||n.body==null?t.jsx(je,{children:Si}):t.jsx(je,{children:n.body.content.map(l=>{switch(l.type){case"paragraph":return l.children.map((c,d)=>{if(Ri(c)){const u=o.find(p=>p.userId===c.id);return c.id?t.jsx(Ni,{notificationData:e,user:u},`${c.id}${te.underscore}${d}`):null}if(_i(c)){const u=ci(c.url)??c.url;return t.jsx(Gi,{href:u,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let h=c.text;return c.bold===!0&&(h=t.jsx(Ai,{children:h},d)),c.italic===!0&&(h=t.jsx(Pi,{children:h},d)),c.strikethrough===!0&&(h=t.jsx(Bi,{children:h},d)),c.code===!0&&(h=t.jsx(Oi,{children:h},d)),t.jsx(Fi,{children:h},d)});default:return t.jsx(je,{children:vi})}})})},Ti=({notificationData:e,users:o})=>{const s=v();return t.jsx(Hi,{windowSize:s,children:t.jsx(Ct,{notificationData:e,users:o})})},Ni=({notificationData:e,user:o})=>{const{inboxNotification:{readAt:s}}=e,a=s!=null?"read":"unread";let n=t.jsxs(De,{className:"userText",readStatus:a,children:[te.atTheRate,ze.zeniAI,te.space]});if(o!=null){const l=U(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(De,{className:"userText",readStatus:a,children:[te.atTheRate,l||ze.zeniAI,te.space]})})}return n},Tt=e=>{const o=ji(e);return t.jsx(t.Fragment,{children:o})},Ii=e=>{const o=v();return t.jsx(Mi,{windowSize:o,children:t.jsx(Tt,{...e})})},Nt=e=>{const{timestamp:o,readStatus:s}=e,a=jt(o);return t.jsxs(t.Fragment,{children:[t.jsx(Ui,{isNewNotification:a===ki.justNow,children:a}),t.jsx(Ei,{readStatus:s})]})},Li=e=>{const o=v();return t.jsx(Di,{windowSize:o,children:t.jsx(Nt,{...e})})};function Ri(e){return"type"in e&&e.type==="mention"}function _i(e){return"type"in e&&e.type==="link"}const zi=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -54,7 +54,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
             }
           }
         `:null};
-`,Di=r(H)`
+`,Di=r(E)`
   width: ${e=>e.windowSize==="small"?"unset":"10%"};
   gap: ${i.sp2};
   display: flex;
@@ -68,7 +68,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
   -webkit-line-clamp: ${e=>de.lineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   width: ${e=>de.sectionWidth.valuePercentage(e.windowSize)};
-`,Ai=r.strong``,Oi=r.code``,Pi=r.em``,Bi=r.s``,Fi=r.span``,Gi=r.a``,Ei=r(ee)`
+`,Ai=r.strong``,Oi=r.code``,Pi=r.em``,Bi=r.s``,Fi=r.span``,Gi=r.a``,Hi=r(ee)`
   color: inherit;
   display: -webkit-box;
   overflow: hidden;
@@ -82,7 +82,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
 `,Ui=r(ht)`
   flex-shrink: 0;
   color: ${e=>e.isNewNotification?e.theme.colors.primary:"inherit"};
-`,Hi=r.div`
+`,Ei=r.div`
   display: flex;
   height: ${i.sp2};
   width: ${i.sp2};
@@ -228,7 +228,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
             }
           }
         `:null};
-`,co=r(H)`
+`,co=r(E)`
   width: 25%;
   gap: ${i.sp2};
   display: flex;
@@ -262,7 +262,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,xo=r(Lt)``,bo=e=>v()==="small"?t.jsx(mo,{...e}):t.jsx(uo,{...e}),{commentsAndNotifications:{notifications:{message:wo}}}=P.getLocalizedStrings(),Pe={rowGap:new R(w[0],w[5],w[5])},yo=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:n,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:h,onUpdateScrollYOffset:u,onFetchNotificationGroups:p,onNotificationClick:m})=>{const f=v(),x=g.useRef(null),k=g.useRef({});g.useEffect(()=>{x.current?.resetAfterIndex(0,!0)},[f,x,e]),g.useEffect(()=>{x.current?.scrollTo(c)},[d]);const B=g.useCallback(C=>{if(k.current?.[C]!=null){const G=f==="small"&&a===!1&&C===e.length-1?Pe.rowGap.value("medium-regular"):Pe.rowGap.value(f);return k.current[C]+G}return(ft*St.value(f)+mt)*3+gt+xt},[f,k,e]),z=g.useCallback((C,G)=>{k.current={...k.current,[C]:G},x.current?.resetAfterIndex(0,!0)},[f,x,e]),N=g.useCallback(()=>{p()},[p]),b=g.useCallback(()=>{},[]),I=tt(C=>u(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,V=g.useCallback(()=>a&&!s?N():b(),[a,s,N,b]),L=a?e.length+1:e.length;return t.jsx(jo,{children:t.jsx(ko,{windowSize:f,children:s&&e.length===0?t.jsx(Zi,{}):s===!1&&e.length===0?t.jsx(it,{message:wo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(So,{windowSize:f,children:t.jsx(ot,{children:({height:C,width:G})=>t.jsx(st,{isItemLoaded:j,itemCount:bt,loadMoreItems:V,children:({onItemsRendered:W,ref:E})=>t.jsx(at,{ref:Y=>{E(Y),x.current=Y},height:C,itemCount:L,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:h,isItemLoaded:j,setRowHeight:z,onNotificationClick:m},onItemsRendered:W,itemSize:B,width:G,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:Y})=>{I(Y)},initialScrollOffset:c,children:$o})})})})})})},$o=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:n,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:h,setRowHeight:u,onNotificationClick:p}=s,m=g.useRef(null),f=v();if(g.useEffect(()=>{m.current?.firstElementChild!=null&&u(e,m.current.firstElementChild.clientHeight)},[e,m,f,a[e]?.notifications]),d(e)===!0){const x=a[e],k=le(x);return t.jsx(Be,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:m,children:t.jsx(bo,{notificationGroup:x,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:h,users:n,onNotificationTileClick:p})},k)}return t.jsx(Be,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(ve,{numberOfRows:3})},he())},jo=r.div`
+`,xo=r(Lt)``,bo=e=>v()==="small"?t.jsx(mo,{...e}):t.jsx(uo,{...e}),{commentsAndNotifications:{notifications:{message:wo}}}=P.getLocalizedStrings(),Pe={rowGap:new R(w[0],w[5],w[5])},yo=({notificationGroups:e,users:o,isFetching:s,hasMore:a,sectionId:n,checkBoxMode:l,scrollYOffset:c,currentSubTab:d,isDisabled:h,onUpdateScrollYOffset:u,onFetchNotificationGroups:p,onNotificationClick:m})=>{const f=v(),x=g.useRef(null),k=g.useRef({});g.useEffect(()=>{x.current?.resetAfterIndex(0,!0)},[f,x,e]),g.useEffect(()=>{x.current?.scrollTo(c)},[d]);const B=g.useCallback(C=>{if(k.current?.[C]!=null){const G=f==="small"&&a===!1&&C===e.length-1?Pe.rowGap.value("medium-regular"):Pe.rowGap.value(f);return k.current[C]+G}return(ft*St.value(f)+mt)*3+gt+xt},[f,k,e]),z=g.useCallback((C,G)=>{k.current={...k.current,[C]:G},x.current?.resetAfterIndex(0,!0)},[f,x,e]),N=g.useCallback(()=>{p()},[p]),b=g.useCallback(()=>{},[]),I=tt(C=>u(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,V=g.useCallback(()=>a&&!s?N():b(),[a,s,N,b]),L=a?e.length+1:e.length;return t.jsx(jo,{children:t.jsx(ko,{windowSize:f,children:s&&e.length===0?t.jsx(Zi,{}):s===!1&&e.length===0?t.jsx(it,{message:wo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(So,{windowSize:f,children:t.jsx(ot,{children:({height:C,width:G})=>t.jsx(st,{isItemLoaded:j,itemCount:bt,loadMoreItems:V,children:({onItemsRendered:W,ref:H})=>t.jsx(at,{ref:Y=>{H(Y),x.current=Y},height:C,itemCount:L,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:h,isItemLoaded:j,setRowHeight:z,onNotificationClick:m},onItemsRendered:W,itemSize:B,width:G,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:Y})=>{I(Y)},initialScrollOffset:c,children:$o})})})})})})},$o=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:n,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:h,setRowHeight:u,onNotificationClick:p}=s,m=g.useRef(null),f=v();if(g.useEffect(()=>{m.current?.firstElementChild!=null&&u(e,m.current.firstElementChild.clientHeight)},[e,m,f,a[e]?.notifications]),d(e)===!0){const x=a[e],k=le(x);return t.jsx(Be,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:m,children:t.jsx(bo,{notificationGroup:x,sectionId:`${l}.${k}`,checkBoxMode:c,isDisabled:h,users:n,onNotificationTileClick:p})},k)}return t.jsx(Be,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(ve,{numberOfRows:3})},he())},jo=r.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -279,7 +279,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{in:vo,strings:Rt},dateFormat:Co,commentsAndNotifications:{notifications:{actionStrings:{notifications:A}}}}=P.getLocalizedStrings(),_t=e=>{e.sort((n,l)=>n.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),h=$().subtract(2,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),h=$().subtract(9,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(u,"month").startOf("M").startOf("d"),m=$().subtract(u,"month").endOf("M").endOf("d");u++,a=se(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},se=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:n}},To=e=>{let o=A.newActivity;return e.code==="in_progress"?o=A.due.replace("__task_status__",Re(e.name.toLocaleLowerCase())):o=A.due.replace("__task_status__",vo.toLocaleLowerCase().concat(Rt.space,Re(e.name.toLocaleLowerCase()))),o},No=e=>{const{eventData:{activities:o}}=e;let s=A.newActivity;if(o.length>0){const a=o[0].activityType,n=o[0].metadata.eventStatus;switch(a){case"task_archived":s=A.archive;break;case"task_deleted":s=A.delete;break;case"task_activities":s=A.activities;break;case"task_assigned":s=A.assign;break;case"task_created":s=A.create;break;case"task_due":s=n!=null?To(n):A.dueTomorrow;break;case"task_overdue":s=A.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Co.visual.MMMDFormat)??Rt.empty);break;case"task_status_updated":s=A.statusUpdate;break}}return s},zt=new R(3,2,1,1,1),Dt=new R(w[8],33,33,33,35),ce={lineClamp:zt,sectionWidth:Dt},{common:{and:Fe,other:Io,others:Lo,texts:Ro,timeStrings:_o,strings:M,tags:zo}}=P.getLocalizedStrings(),Do=({notificationData:e,isHighlighted:o=!1,style:s,onNotificationTileClick:a})=>{const{status:n,notificationId:l,eventData:{entitiyId:c,activities:d},createTime:h}=e;return t.jsxs(Go,{notificationStatus:n,isHighlighted:o,style:s,onClick:()=>{a(l,c,n,d.length>0?d[0].activityType:void 0)},children:[t.jsx(Mo,{...e}),t.jsx(Po,{...e}),t.jsx(Fo,{...e}),t.jsx(Bo,{createTime:h,notificationStatus:n})]})},Mt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Wo,{notificationStatus:o,children:s||M.hyphen})},Mo=e=>{const o=v();return t.jsx(Vo,{windowSize:o,children:t.jsx(Mt,{...e})})},Ao=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Jo,{children:[t.jsx(Ge,{backgroundColor:_e(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(qo,{}),t.jsx(Ge,{backgroundColor:_e(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Oo=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,n=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,Ro.zeniAI,M.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,U(s[0],!1),M.space]}),Fe,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,n-1,M.space,Lo,M.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,U(s[0],!1),M.space]}),Fe,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,s.length===2?M.atTheRate+U(s[1],!1):Io,M.space]})]}):l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,U(s[0],!1),M.space]})),l},At=e=>t.jsxs(t.Fragment,{children:[t.jsx(Oo,{...e}),No(e),t.jsx(Ao,{...e})]}),Po=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Ho,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(At,{...e})})},Ot=e=>{const{createTime:o,notificationStatus:s}=e,a=jt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Yo,{isNewNotification:a===_o.justNow,children:a}),t.jsx(Qo,{notificationStatus:s})]})},Bo=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(Ot,{...e})})},Pt=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(hi,{tagTitle:zo.overdue,textColor:{color:new $e(S.alert),backgroundColor:new $e("transparent"),borderColor:new $e(S.alert)},showLoader:!1}):t.jsx(Ko,{})},Fo=e=>{const o=v();return t.jsx(Uo,{windowSize:o,children:t.jsx(Pt,{...e})})},Go=r.div`
+`,{common:{in:vo,strings:Rt},dateFormat:Co,commentsAndNotifications:{notifications:{actionStrings:{notifications:A}}}}=P.getLocalizedStrings(),_t=e=>{e.sort((n,l)=>n.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),h=$().subtract(2,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),h=$().subtract(9,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(u,"month").startOf("M").startOf("d"),m=$().subtract(u,"month").endOf("M").endOf("d");u++,a=se(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},se=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:n}},To=e=>{let o=A.newActivity;return e.code==="in_progress"?o=A.due.replace("__task_status__",Re(e.name.toLocaleLowerCase())):o=A.due.replace("__task_status__",vo.toLocaleLowerCase().concat(Rt.space,Re(e.name.toLocaleLowerCase()))),o},No=e=>{const{eventData:{activities:o}}=e;let s=A.newActivity;if(o.length>0){const a=o[0].activityType,n=o[0].metadata.eventStatus;switch(a){case"task_archived":s=A.archive;break;case"task_deleted":s=A.delete;break;case"task_activities":s=A.activities;break;case"task_assigned":s=A.assign;break;case"task_created":s=A.create;break;case"task_due":s=n!=null?To(n):A.dueTomorrow;break;case"task_overdue":s=A.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Co.visual.MMMDFormat)??Rt.empty);break;case"task_status_updated":s=A.statusUpdate;break}}return s},zt=new R(3,2,1,1,1),Dt=new R(w[8],33,33,33,35),ce={lineClamp:zt,sectionWidth:Dt},{common:{and:Fe,other:Io,others:Lo,texts:Ro,timeStrings:_o,strings:M,tags:zo}}=P.getLocalizedStrings(),Do=({notificationData:e,isHighlighted:o=!1,style:s,onNotificationTileClick:a})=>{const{status:n,notificationId:l,eventData:{entitiyId:c,activities:d},createTime:h}=e;return t.jsxs(Go,{notificationStatus:n,isHighlighted:o,style:s,onClick:()=>{a(l,c,n,d.length>0?d[0].activityType:void 0)},children:[t.jsx(Mo,{...e}),t.jsx(Po,{...e}),t.jsx(Fo,{...e}),t.jsx(Bo,{createTime:h,notificationStatus:n})]})},Mt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Wo,{notificationStatus:o,children:s||M.hyphen})},Mo=e=>{const o=v();return t.jsx(Vo,{windowSize:o,children:t.jsx(Mt,{...e})})},Ao=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Jo,{children:[t.jsx(Ge,{backgroundColor:_e(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(qo,{}),t.jsx(Ge,{backgroundColor:_e(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Oo=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,n=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,Ro.zeniAI,M.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,U(s[0],!1),M.space]}),Fe,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,n-1,M.space,Lo,M.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,U(s[0],!1),M.space]}),Fe,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,s.length===2?M.atTheRate+U(s[1],!1):Io,M.space]})]}):l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,U(s[0],!1),M.space]})),l},At=e=>t.jsxs(t.Fragment,{children:[t.jsx(Oo,{...e}),No(e),t.jsx(Ao,{...e})]}),Po=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Eo,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(At,{...e})})},Ot=e=>{const{createTime:o,notificationStatus:s}=e,a=jt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Yo,{isNewNotification:a===_o.justNow,children:a}),t.jsx(Qo,{notificationStatus:s})]})},Bo=e=>{const o=v();return t.jsx(Ho,{windowSize:o,children:t.jsx(Ot,{...e})})},Pt=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(hi,{tagTitle:zo.overdue,textColor:{color:new $e(S.alert),backgroundColor:new $e("transparent"),borderColor:new $e(S.alert)},showLoader:!1}):t.jsx(Ko,{})},Fo=e=>{const o=v();return t.jsx(Uo,{windowSize:o,children:t.jsx(Pt,{...e})})},Go=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -329,20 +329,20 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
       color: ${S.brandColorJade};
     }
   }
-`,Eo=r(H)`
+`,Ho=r(E)`
   width: ${e=>e.windowSize==="small"?"unset":"10%"};
   gap: ${i.sp2};
   display: flex;
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,Uo=r(H)`
+`,Uo=r(E)`
   width: ${e=>e.windowSize==="small"?"unset":"10%"};
   display: flex;
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,Ho=r(ee)`
+`,Eo=r(ee)`
   color: inherit;
 
   ${e=>e.statusUpdate?O`
@@ -377,7 +377,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
   flex-direction: row;
   gap: ${i.sp2};
   flex-wrap: wrap;
-`,Ge=r(H)`
+`,Ge=r(E)`
   color: ${S.neutralGrey5Light};
   background: ${e=>e.backgroundColor};
   border: 1px solid ${e=>e.backgroundColor};
@@ -428,7 +428,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
   width: ${e=>e.isLastItem?"10%":Dt.valuePercentage(e.windowSize)};
-`,es=()=>{const e=v();return t.jsxs(ts,{windowSize:e,children:[t.jsxs(Ee,{children:[t.jsx(_,{width:180,height:w[4]}),t.jsx(_,{width:60,height:18})]}),t.jsxs(Ee,{children:[t.jsx(_,{width:180,height:w[4]}),t.jsx(_,{width:60,height:18})]})]})},ts=r.div`
+`,es=()=>{const e=v();return t.jsxs(ts,{windowSize:e,children:[t.jsxs(He,{children:[t.jsx(_,{width:180,height:w[4]}),t.jsx(_,{width:60,height:18})]}),t.jsxs(He,{children:[t.jsx(_,{width:180,height:w[4]}),t.jsx(_,{width:60,height:18})]})]})},ts=r.div`
   display: flex;
   flex-direction: column;
   align-items: baseline;
@@ -454,7 +454,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
     border-bottom-left-radius: ${i.sp2};
     border-bottom-right-radius: ${i.sp2};
   }
-`,Ee=r.div`
+`,He=r.div`
   display: flex;
   flex-direction: row;
   align-items: start;
@@ -530,14 +530,14 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
       color: ${S.brandColorJade};
     }
   }
-`,ms=r(H)`
+`,ms=r(E)`
   width: 25%;
   gap: ${i.sp2};
   display: flex;
   align-items: center;
   flex-shrink: 0;
   justify-content: end;
-`,gs=r(H)`
+`,gs=r(E)`
   width: 25%;
   display: flex;
   align-items: center;
@@ -561,7 +561,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
           -webkit-box-orient: horizontal;
           gap: ${i.sp1};
         `};
-`,Ft=e=>v()==="small"?t.jsx(ds,{...e}):t.jsx(Do,{...e}),{common:{all:He}}=P.getLocalizedStrings(),xs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Z(),{getValues:d}=ue(),h=d(o);return t.jsx(bs,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(ws,{htmlFor:`${o}.${He.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:ge(e)}),value:He.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((u,p)=>{const m=p===0,f=e.notifications.length-1===p;return{label:t.jsx(Ft,{notificationData:u,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:f?i.sp2:void 0,borderBottomRightRadius:f?i.sp2:void 0},isHighlighted:h?.includes(u.notificationId)===!0,onNotificationTileClick:l}),value:u.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},bs=r.div`
+`,Ft=e=>v()==="small"?t.jsx(ds,{...e}):t.jsx(Do,{...e}),{common:{all:Ee}}=P.getLocalizedStrings(),xs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Z(),{getValues:d}=ue(),h=d(o);return t.jsx(bs,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(ws,{htmlFor:`${o}.${Ee.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:ge(e)}),value:Ee.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((u,p)=>{const m=p===0,f=e.notifications.length-1===p;return{label:t.jsx(Ft,{notificationData:u,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:f?i.sp2:void 0,borderBottomRightRadius:f?i.sp2:void 0},isHighlighted:h?.includes(u.notificationId)===!0,onNotificationTileClick:l}),value:u.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},bs=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -579,7 +579,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,js=r(Ft)``,ks=e=>v()==="small"?t.jsx(ys,{...e}):t.jsx(xs,{...e}),{commentsAndNotifications:{notifications:{message:Ss}}}=P.getLocalizedStrings(),Ye={rowGap:new R(w[0],w[5],w[5])},vs=({notificationGroups:e,isFetching:o,hasMore:s,sectionId:a,checkBoxMode:n,scrollYOffset:l,currentSubTab:c,isDisabled:d,onUpdateScrollYOffset:h,onFetchNotificationGroups:u,onNotificationClick:p})=>{const m=v(),f=g.useRef(null),x=g.useRef({});g.useEffect(()=>{f.current?.resetAfterIndex(0,!0)},[m,f,e]),g.useEffect(()=>{f.current?.scrollTo(l)},[c]);const k=g.useCallback(L=>{if(x.current?.[L]!=null){const C=m==="small"&&s===!1&&L===e.length-1?Ye.rowGap.value("medium-regular"):Ye.rowGap.value(m);return x.current[L]+C}return(ft*zt.value(m)+mt)*3+gt+xt},[m,x,e]),B=g.useCallback((L,C)=>{x.current={...x.current,[L]:C},f.current?.resetAfterIndex(0,!0)},[m,f,e]),z=g.useCallback(()=>{u()},[u]),N=g.useCallback(()=>{},[]),b=tt(L=>h(L),1e3,{trailing:!0}),I=L=>!s||L<e.length,j=g.useCallback(()=>s&&!o?z():N(),[s,o,z,N]),V=s?e.length+1:e.length;return t.jsx(Ts,{children:t.jsx(Ns,{windowSize:m,children:o&&e.length===0?t.jsx(ss,{}):o===!1&&e.length===0?t.jsx(it,{message:Ss.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(Is,{windowSize:m,children:t.jsx(ot,{children:({height:L,width:C})=>t.jsx(st,{isItemLoaded:I,itemCount:bt,loadMoreItems:j,children:({onItemsRendered:G,ref:W})=>t.jsx(at,{ref:E=>{W(E),f.current=E},height:L,itemCount:V,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:n,isDisabled:d,isItemLoaded:I,setRowHeight:B,onNotificationClick:p},onItemsRendered:G,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:E})=>{b(E)},initialScrollOffset:l,children:Cs})})})})})})},Cs=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:n,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:h,onNotificationClick:u}=s,p=g.useRef(null),m=v();if(g.useEffect(()=>{p.current?.firstElementChild!=null&&h(e,p.current.firstElementChild.clientHeight)},[e,p,m,a[e]?.notifications]),c(e)===!0){const f=a[e],x=le(f);return t.jsx(Je,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:p,children:t.jsx(ks,{notificationGroup:f,sectionId:`${n}.${x}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:u})},x)}return t.jsx(Je,{ref:p,style:{...o,paddingBottom:i.sp0},children:t.jsx(Ce,{numberOfRows:3})},he())},Ts=r.div`
+`,js=r(Ft)``,ks=e=>v()==="small"?t.jsx(ys,{...e}):t.jsx(xs,{...e}),{commentsAndNotifications:{notifications:{message:Ss}}}=P.getLocalizedStrings(),Ye={rowGap:new R(w[0],w[5],w[5])},vs=({notificationGroups:e,isFetching:o,hasMore:s,sectionId:a,checkBoxMode:n,scrollYOffset:l,currentSubTab:c,isDisabled:d,onUpdateScrollYOffset:h,onFetchNotificationGroups:u,onNotificationClick:p})=>{const m=v(),f=g.useRef(null),x=g.useRef({});g.useEffect(()=>{f.current?.resetAfterIndex(0,!0)},[m,f,e]),g.useEffect(()=>{f.current?.scrollTo(l)},[c]);const k=g.useCallback(L=>{if(x.current?.[L]!=null){const C=m==="small"&&s===!1&&L===e.length-1?Ye.rowGap.value("medium-regular"):Ye.rowGap.value(m);return x.current[L]+C}return(ft*zt.value(m)+mt)*3+gt+xt},[m,x,e]),B=g.useCallback((L,C)=>{x.current={...x.current,[L]:C},f.current?.resetAfterIndex(0,!0)},[m,f,e]),z=g.useCallback(()=>{u()},[u]),N=g.useCallback(()=>{},[]),b=tt(L=>h(L),1e3,{trailing:!0}),I=L=>!s||L<e.length,j=g.useCallback(()=>s&&!o?z():N(),[s,o,z,N]),V=s?e.length+1:e.length;return t.jsx(Ts,{children:t.jsx(Ns,{windowSize:m,children:o&&e.length===0?t.jsx(ss,{}):o===!1&&e.length===0?t.jsx(it,{message:Ss.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(Is,{windowSize:m,children:t.jsx(ot,{children:({height:L,width:C})=>t.jsx(st,{isItemLoaded:I,itemCount:bt,loadMoreItems:j,children:({onItemsRendered:G,ref:W})=>t.jsx(at,{ref:H=>{W(H),f.current=H},height:L,itemCount:V,itemData:{notificationGroups:e,sectionId:a,checkBoxMode:n,isDisabled:d,isItemLoaded:I,setRowHeight:B,onNotificationClick:p},onItemsRendered:G,itemSize:k,width:C,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:H})=>{b(H)},initialScrollOffset:l,children:Cs})})})})})})},Cs=({index:e,style:o,data:s})=>{const{notificationGroups:a,sectionId:n,checkBoxMode:l,isItemLoaded:c,isDisabled:d,setRowHeight:h,onNotificationClick:u}=s,p=g.useRef(null),m=v();if(g.useEffect(()=>{p.current?.firstElementChild!=null&&h(e,p.current.firstElementChild.clientHeight)},[e,p,m,a[e]?.notifications]),c(e)===!0){const f=a[e],x=le(f);return t.jsx(Je,{style:{...o,paddingBottom:i.sp0,width:"100%"},ref:p,children:t.jsx(ks,{notificationGroup:f,sectionId:`${n}.${x}`,checkBoxMode:l,isDisabled:d,onNotificationTileClick:u})},x)}return t.jsx(Je,{ref:p,style:{...o,paddingBottom:i.sp0},children:t.jsx(Ce,{numberOfRows:3})},he())},Ts=r.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -596,7 +596,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{all:Te,texts:ne,footer:Ls,strings:{plus:Rs},numbers:{maximumCount:qe}},commentsAndNotifications:{notifications:{title:_s,texts:Gt,strings:Ke}}}=P.getLocalizedStrings(),ie={tableContainerLeftPadding:new R(w[2],w[2],w[2]),tableContainerRightPadding:new R(w[3],w[6],w[8]),tabsContainerLeftRightPadding:new R(w[3],w[6],w[8]),selectedNotificationsTextMarginLeft:new R(w[0],w[6],w[6])},zs={selectedNotificationsText:new ni("smallRegular","standardRegular")},Qe="notificationsPage",K="commentsNotificationsTable",Q="notificationsTable",Et=20,ha=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:n,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:h,onUpdateNotificationViewSubTab:u,onFetchMoreNotifications:p,onUpdateNotificationStatus:m,onSettingsClick:f,onBackClick:x,onMarkAllNotificationsAsRead:k})=>{const B=Z(),z=v(),N=Kt({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>et(e),[e]),values:g.useMemo(()=>et(e),[e])}),{currentTab:b,currentSubTab:I,notificationDetailsByTab:j,allSubTabs:V,allNotifications:L,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:W}=e,E=g.useMemo(()=>Object.keys(j).map(y=>({label:ne[y],id:ne[y].toLocaleLowerCase(),countDetails:{count:j[y].uiState.unreadCount,isFetching:j[y].fetchCountState.fetchState==="In-Progress"}})),[j]),Y=g.useMemo(()=>V.map(y=>({label:y==="all"?Te:ne[y],id:y})),[V]),Ut=g.useMemo(()=>kt(W).filter(y=>y.notifications.length>0),[W]),Ht=g.useMemo(()=>_t(G).filter(y=>y.notifications.length>0),[G]),Vt=async(y,T)=>{const F=y.split(".")[0],J=[];F!=null&&(F===K||F===Q)&&(Object.values(T[F]).forEach(D=>{J.push(...D.filter(qt=>qt.includes(Te.toLowerCase())===!1))}),d({selectedNotificationIds:J},b))};g.useEffect(()=>{const y=N.watch((T,{name:F})=>{F!=null&&T!=null&&Qt(()=>Vt(F,T))});return()=>{y.unsubscribe()}});const xe=g.useCallback(()=>{const y=[],T=j[b].selectedNotificationIdsForSubTab,F="read";if(b==="comments"){const J=C.filter(D=>D.inboxNotification.readAt==null).map(D=>D.inboxNotification.id);T.forEach(D=>{J.includes(D)&&y.push(D)})}else{const J=L.filter(D=>D.status!==F).map(D=>D.notificationId);T.forEach(D=>{J.includes(D)&&y.push(D)})}return y},[C,L,b,j]),Wt=xe().length>Et?"disabled":a,be=N.watch(K),we=N.watch(Q),Le=g.useCallback(()=>{p(b,I)},[p,b,I]),Yt=g.useCallback(()=>{if(b==="comments"){const y={};Object.keys(be).forEach(T=>{y[T]=[]}),N.reset({[K]:y,[Q]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const y={};Object.keys(we).forEach(T=>{y[T]=[]}),N.reset({[Q]:y,[K]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[we,be]),Jt=g.useCallback(()=>{const y=j[b].selectedNotificationIdsForSubTab,T="read",F=xe();m(b,y,T,F)},[b,j,xe,m]);return t.jsxs(Ms,{children:[t.jsx(Xt,{source:"NotificationsPage",title:_s.notifications,backgroundColor:B.colors.grey4,onBackClick:x,rightSideComponent:s===!0?t.jsx(Ks,{onClick:f}):t.jsx(qs,{})}),t.jsx(Ps,{}),t.jsx(Os,{windowSize:z,children:t.jsx(xi,{tabs:E,selectedTab:b,onTabChange:y=>{const T=mi(y);T!=null&&h(T)},subTabs:Y,selectedSubTab:I,onSubTabChange:y=>{const T=fi(y);T!=null&&u(T)},subTabRightComponent:t.jsx(Ds,{notificationCount:j[b].uiState.unreadCount,markAsAllReadUpdateState:j[b].markAsAllReadState.fetchState,markAsReadUpdateState:j[b].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(b)}})})}),t.jsx(As,{windowSize:z,children:t.jsx(Zt,{...N,children:t.jsx("form",{id:Ze(Qe),onSubmit:N.handleSubmit(Jt),style:{width:"100%"},children:b==="comments"?t.jsx(yo,{users:o,hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[I],currentSubTab:I,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ut,sectionId:K,onFetchNotificationGroups:Le,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[I]:y}},b),onNotificationClick:l}):t.jsx(vs,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[I],currentSubTab:I,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ht,sectionId:Q,onFetchNotificationGroups:Le,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[I]:y}},b),onNotificationClick:n})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(ei,{formId:Ze(Qe),primaryBtn:{label:Gt.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Wt!=null},cancelBtn:{label:Ls.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Yt},helperContainerStyle:z==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(ye,{controller:z!=="small",children:t.jsx(Xe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(ye,{controller:z==="small",children:t.jsx(Xe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(ye,{controller:z!=="small",children:t.jsx(Gs,{})})}):null]})},Ds=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const n=s===0,l=g.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!n&&a()},[e,o,n,a]);return t.jsx(Bs,{variant:"tertiary",size:"small",label:Gt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(oi,{size:"Small",start:!0}):t.jsx(Fs,{className:"mark-as-read"}),disabled:n,textStyle:{fontWeight:Ne.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||n?"default":"pointer"}})},Xe=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Es,{windowSize:o,children:[t.jsx(Hs,{children:t.jsx(Us,{isCircular:e<10,children:t.jsx(Vs,{children:e>qe?`${qe}${Rs}`:e})})}),t.jsxs(Js,{windowSize:o,children:[t.jsx(Ws,{children:e>1?Ke.notificationsSelected:Ke.notificationSelected}),e>Et?t.jsx(Ys,{children:ne.maxLimit}):null]})]})},Ms=r.div`
+`,{common:{all:Te,texts:ne,footer:Ls,strings:{plus:Rs},numbers:{maximumCount:qe}},commentsAndNotifications:{notifications:{title:_s,texts:Gt,strings:Ke}}}=P.getLocalizedStrings(),ie={tableContainerLeftPadding:new R(w[2],w[2],w[2]),tableContainerRightPadding:new R(w[3],w[6],w[8]),tabsContainerLeftRightPadding:new R(w[3],w[6],w[8]),selectedNotificationsTextMarginLeft:new R(w[0],w[6],w[6])},zs={selectedNotificationsText:new ni("smallRegular","standardRegular")},Qe="notificationsPage",K="commentsNotificationsTable",Q="notificationsTable",Ht=20,ha=({notificationView:e,users:o,isNotificationSettingsVisible:s,isDisabled:a,onNotificationClick:n,onCommentNotificationClick:l,onUpdateNotificationViewUIState:c,onUpdateNotificationTabState:d,onUpdateNotificationViewCurrentTabAndSubTab:h,onUpdateNotificationViewSubTab:u,onFetchMoreNotifications:p,onUpdateNotificationStatus:m,onSettingsClick:f,onBackClick:x,onMarkAllNotificationsAsRead:k})=>{const B=Z(),z=v(),N=Kt({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>et(e),[e]),values:g.useMemo(()=>et(e),[e])}),{currentTab:b,currentSubTab:I,notificationDetailsByTab:j,allSubTabs:V,allNotifications:L,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:W}=e,H=g.useMemo(()=>Object.keys(j).map(y=>({label:ne[y],id:ne[y].toLocaleLowerCase(),countDetails:{count:j[y].uiState.unreadCount,isFetching:j[y].fetchCountState.fetchState==="In-Progress"}})),[j]),Y=g.useMemo(()=>V.map(y=>({label:y==="all"?Te:ne[y],id:y})),[V]),Ut=g.useMemo(()=>kt(W).filter(y=>y.notifications.length>0),[W]),Et=g.useMemo(()=>_t(G).filter(y=>y.notifications.length>0),[G]),Vt=async(y,T)=>{const F=y.split(".")[0],J=[];F!=null&&(F===K||F===Q)&&(Object.values(T[F]).forEach(D=>{J.push(...D.filter(qt=>qt.includes(Te.toLowerCase())===!1))}),d({selectedNotificationIds:J},b))};g.useEffect(()=>{const y=N.watch((T,{name:F})=>{F!=null&&T!=null&&Qt(()=>Vt(F,T))});return()=>{y.unsubscribe()}});const xe=g.useCallback(()=>{const y=[],T=j[b].selectedNotificationIdsForSubTab,F="read";if(b==="comments"){const J=C.filter(D=>D.inboxNotification.readAt==null).map(D=>D.inboxNotification.id);T.forEach(D=>{J.includes(D)&&y.push(D)})}else{const J=L.filter(D=>D.status!==F).map(D=>D.notificationId);T.forEach(D=>{J.includes(D)&&y.push(D)})}return y},[C,L,b,j]),Wt=xe().length>Ht?"disabled":a,be=N.watch(K),we=N.watch(Q),Le=g.useCallback(()=>{p(b,I)},[p,b,I]),Yt=g.useCallback(()=>{if(b==="comments"){const y={};Object.keys(be).forEach(T=>{y[T]=[]}),N.reset({[K]:y,[Q]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const y={};Object.keys(we).forEach(T=>{y[T]=[]}),N.reset({[Q]:y,[K]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[we,be]),Jt=g.useCallback(()=>{const y=j[b].selectedNotificationIdsForSubTab,T="read",F=xe();m(b,y,T,F)},[b,j,xe,m]);return t.jsxs(Ms,{children:[t.jsx(Xt,{source:"NotificationsPage",title:_s.notifications,backgroundColor:B.colors.grey4,onBackClick:x,rightSideComponent:s===!0?t.jsx(Ks,{onClick:f}):t.jsx(qs,{})}),t.jsx(Ps,{}),t.jsx(Os,{windowSize:z,children:t.jsx(xi,{tabs:H,selectedTab:b,onTabChange:y=>{const T=mi(y);T!=null&&h(T)},subTabs:Y,selectedSubTab:I,onSubTabChange:y=>{const T=fi(y);T!=null&&u(T)},subTabRightComponent:t.jsx(Ds,{notificationCount:j[b].uiState.unreadCount,markAsAllReadUpdateState:j[b].markAsAllReadState.fetchState,markAsReadUpdateState:j[b].markAsReadState.fetchState,onMarkAsAllReadClick:()=>{k(b)}})})}),t.jsx(As,{windowSize:z,children:t.jsx(Zt,{...N,children:t.jsx("form",{id:Ze(Qe),onSubmit:N.handleSubmit(Jt),style:{width:"100%"},children:b==="comments"?t.jsx(yo,{users:o,hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[I],currentSubTab:I,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ut,sectionId:K,onFetchNotificationGroups:Le,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[I]:y}},b),onNotificationClick:l}):t.jsx(vs,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[I],currentSubTab:I,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Et,sectionId:Q,onFetchNotificationGroups:Le,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[I]:y}},b),onNotificationClick:n})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(ei,{formId:Ze(Qe),primaryBtn:{label:Gt.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Wt!=null},cancelBtn:{label:Ls.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Yt},helperContainerStyle:z==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(ye,{controller:z!=="small",children:t.jsx(Xe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(ye,{controller:z==="small",children:t.jsx(Xe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(ye,{controller:z!=="small",children:t.jsx(Gs,{})})}):null]})},Ds=({markAsAllReadUpdateState:e,markAsReadUpdateState:o,notificationCount:s,onMarkAsAllReadClick:a})=>{const n=s===0,l=g.useCallback(()=>{e!=="In-Progress"&&o!=="In-Progress"&&!n&&a()},[e,o,n,a]);return t.jsx(Bs,{variant:"tertiary",size:"small",label:Gt.markAllAsRead,onClick:l,prefixIcon:e==="In-Progress"?t.jsx(oi,{size:"Small",start:!0}):t.jsx(Fs,{className:"mark-as-read"}),disabled:n,textStyle:{fontWeight:Ne.smallRegular.fontWeight},style:{borderRadius:i.sp1,border:"none",backgroundColor:"transparent",flexShrink:0,padding:i.sp0,cursor:o==="In-Progress"||e==="In-Progress"||n?"default":"pointer"}})},Xe=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Hs,{windowSize:o,children:[t.jsx(Es,{children:t.jsx(Us,{isCircular:e<10,children:t.jsx(Vs,{children:e>qe?`${qe}${Rs}`:e})})}),t.jsxs(Js,{windowSize:o,children:[t.jsx(Ws,{children:e>1?Ke.notificationsSelected:Ke.notificationSelected}),e>Ht?t.jsx(Ys,{children:ne.maxLimit}):null]})]})},Ms=r.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -630,7 +630,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
 `,Fs=r(ai)`
   width: ${i.sp3};
   height: ${i.sp3};
-`,Gs=r.div``,Es=r.div`
+`,Gs=r.div``,Hs=r.div`
   display: flex;
   align-items: center;
   flex-direction: row;
@@ -648,7 +648,7 @@ import{y as Z,J as v,a9 as Kt,cH as Qt,V as t,bD as Xt,ad as Zt,aS as ei,o as i,
         `}
   background-color: transparent;
   border-radius: inherit;
-`,Hs=r.div`
+`,Es=r.div`
   border: 1px solid ${e=>e.theme.colors.grey1};
   border-radius: ${i.sp12};
   padding: 2px;

package/dist/assets/{OpExByVendorPage-DpMGBmkQ-BofNUHsQ.js → OpExByVendorPage-DFhGNQND-Dk5383RE.js}

@@ -1,4 +1,4 @@
-import{J,i8 as Ce,F as B,y as q,ce as _e,az as Se,V as t,bP as we,ab as E,i7 as ve,bE as ke,bD as Be,i9 as Te,ia as Pe,o as f,aU as $e,k as je,x as V,b4 as le,aF as ce,aW as Oe,u as T,cg as De,ch as Ie,ci as Ne,bM as Ee,p as a,am as de,w as ee,aZ as Ae}from"./index-BPv2nRQb.js";import{a as C,P as Me}from"./sentry-DBSEoG3b.js";import{n as u}from"./mui-DdxImnN0.js";import{G7 as Le}from"./zeni-epic-state-1oOVJQJ4.js";import{p as Fe,d as Ve,y as H,b as pe,u as oe}from"./chartTypes-DESZubWD-J95DqIha.js";import{V as Re}from"./toChartData-BQYX2C7n-Cm6krZ2M.js";import{m as R}from"./analyticsHelper-lunHUd8g-T6u0613Q.js";import{p as ze}from"./TimeRangeSwitcher-DkNMcmBm-BKKiSxbO.js";import{I as We}from"./TimeframeSwitcherWithToggle-BSx_ynUp-C4foPuxp.js";import{C as Ke}from"./NoDataChart-BN3zyJkX-d_10V5tE.js";import{d as Ye}from"./NoDataTable-D0cyK_1j-CRU7hu0R.js";import{H as Ge,k as re}from"./detailCommon-DyrMcL2E-Dkj1Ro3D.js";import{n as z}from"./getReferrerType-DjPOy76W-DRP5VHem.js";import{I as He,R as U}from"./CollapsableReportTable-CSVzLWq_-CEaOtd9D.js";import{o as me}from"./mapTimeframeBalancesToTreeNode-Cm_MiRXt-CmRF5ht9.js";import{d as ae}from"./mapLoadingInProgressToTreeNode-COG82OfJ-CSZlHYMI.js";import{l as Je}from"./mapSpacerToTreeNode-DZFRqtKk-CsPnOowL.js";import{N as qe,I as Ue,X as Xe,Y as Ze,J as Qe,K as eo}from"./recharts-Djp9a38d.js";import"./liveblocks-Dv7Vdu8a.js";import"./core-HDqpewC7.js";import"./lottie-V1lTNkDB.js";import"./analytics-DvsRx7_o.js";import"./lexical-CWcQ8pGO.js";import"./utils-rIQAYtge.js";import"./TimeframeSwitcher-CULpyCRj-B4sMqB1t.js";import"./graphic-no-data-l-DU4J8fDt-B9Rqv9_n.js";import"./AccountRow-t-WESYF_-CAxThHrd.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="2b5ae587-3835-4a18-9299-7aecb26ca430",e._sentryDebugIdIdentifier="sentry-dbid-2b5ae587-3835-4a18-9299-7aecb26ca430")}catch{}})();const oo=u.div`
+import{J,i8 as Ce,F as B,y as q,ce as _e,az as Se,V as t,bP as we,ab as E,i7 as ve,bE as ke,bD as Be,i9 as Te,ia as Pe,o as f,aU as $e,k as je,x as V,b4 as le,aF as ce,aW as Oe,u as T,cg as De,ch as Ie,ci as Ne,bM as Ee,p as a,am as de,w as ee,aZ as Ae}from"./index-D-BANbLd.js";import{a as C,P as Me}from"./sentry-OhwUF_66.js";import{n as u}from"./mui-AW-QpJ2k.js";import{GO as Le}from"./zeni-epic-state-DR0XRPUQ.js";import{p as Fe,d as Ve,y as H,b as pe,u as oe}from"./chartTypes-OhAs1JKI-bzHdDgZb.js";import{V as Re}from"./toChartData-JpJ956nX-BgylJdL0.js";import{m as R}from"./analyticsHelper--FI5ZNkP-C6nfDH6L.js";import{p as ze}from"./TimeRangeSwitcher-CY0nV1h--J209OFZR.js";import{I as We}from"./TimeframeSwitcherWithToggle-Ct5BEs_Q-BzganDVC.js";import{C as Ke}from"./NoDataChart-gYvI6yr8-viHJ3bQ-.js";import{d as Ye}from"./NoDataTable-BKZwVTXZ-T0eI1Zo0.js";import{H as Ge,k as re}from"./detailCommon-DHznXAh3-CiYpsfiB.js";import{n as z}from"./getReferrerType-DjPOy76W-DRP5VHem.js";import{I as He,R as U}from"./CollapsableReportTable-CKZMra2N-DVHlppQA.js";import{o as me}from"./mapTimeframeBalancesToTreeNode-Bj3oqvNg-DZI1LYnG.js";import{d as ae}from"./mapLoadingInProgressToTreeNode-CDOEagKG-Bt_n3HLB.js";import{l as Je}from"./mapSpacerToTreeNode-Cq9WPd-3-BYJOxkkl.js";import{N as qe,I as Ue,X as Xe,Y as Ze,J as Qe,K as eo}from"./recharts-DPPWeTqd.js";import"./liveblocks-Db4nLOvA.js";import"./core-IgaX3lD-.js";import"./lottie-D0yKu2h3.js";import"./analytics-6ukc1Do4.js";import"./lexical-BOeaRQ5K.js";import"./utils-Cv-cXrhn.js";import"./TimeframeSwitcher-ncxeqCrX-BswygR8z.js";import"./graphic-no-data-l-DU4J8fDt-DMvuiJwA.js";import"./AccountRow-CwQ210NA-5WmGHDfQ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="305513b8-e814-4d6b-8e14-f88d257f7443",e._sentryDebugIdIdentifier="sentry-dbid-305513b8-e814-4d6b-8e14-f88d257f7443")}catch{}})();const oo=u.div`
   display: flex;
 `,ro=u.div`
   flex: display;

package/dist/assets/{OverlayContainerPage-D4QU0p4o-BNxbiugm.js → OverlayContainerPage-D4QU0p4o-DKdfSoPP.js}

@@ -1,4 +1,4 @@
-import{y as i,V as n}from"./index-BPv2nRQb.js";import{n as r}from"./mui-DdxImnN0.js";import"./sentry-DBSEoG3b.js";import"./liveblocks-Dv7Vdu8a.js";import"./core-HDqpewC7.js";import"./recharts-Djp9a38d.js";import"./zeni-epic-state-1oOVJQJ4.js";import"./lottie-V1lTNkDB.js";import"./analytics-DvsRx7_o.js";import"./lexical-CWcQ8pGO.js";import"./utils-rIQAYtge.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="03bb0ffd-0bcb-4ee9-b17f-a16356e3bb01",e._sentryDebugIdIdentifier="sentry-dbid-03bb0ffd-0bcb-4ee9-b17f-a16356e3bb01")}catch{}})();const d=r.div`
+import{y as i,V as n}from"./index-D-BANbLd.js";import{n as r}from"./mui-AW-QpJ2k.js";import"./sentry-OhwUF_66.js";import"./liveblocks-Db4nLOvA.js";import"./core-IgaX3lD-.js";import"./recharts-DPPWeTqd.js";import"./zeni-epic-state-DR0XRPUQ.js";import"./lottie-D0yKu2h3.js";import"./analytics-6ukc1Do4.js";import"./lexical-BOeaRQ5K.js";import"./utils-Cv-cXrhn.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="03bb0ffd-0bcb-4ee9-b17f-a16356e3bb01",e._sentryDebugIdIdentifier="sentry-dbid-03bb0ffd-0bcb-4ee9-b17f-a16356e3bb01")}catch{}})();const d=r.div`
   display: ${({isOpen:e})=>e?"block":"none"};
   position: fixed;
   top: 0;

package/dist/assets/{PandLWithForecastPage-Cbt0YlVL-CIaTrEzj.js → PandLWithForecastPage-C7HbHAwT-jbJyIaCy.js}

@@ -1,4 +1,4 @@
-import{V as o,A,y as I,J as v,bD as ne,F as c,i as re,ab as M,k as ie,w as ae,x as W,o as s,ce,aF as le,aW as de,R as ge,cF as pe,bz as me,u as $,cG as he,aU as fe,aV as ue,bb as xe,bM as we}from"./index-BPv2nRQb.js";import{a as N}from"./sentry-DBSEoG3b.js";import{n as r}from"./mui-DdxImnN0.js";import{R as Se}from"./NavBarWithPicker-r-K_Pjsb-BM59aAtt.js";import{m as be}from"./analyticsHelper-lunHUd8g-T6u0613Q.js";import{I as je}from"./TimeframeSwitcherWithToggle-BSx_ynUp-C4foPuxp.js";import{I as ye,z as $e}from"./CollapsableReportTable-CSVzLWq_-CEaOtd9D.js";import{M as E}from"./usp-line-BBd1wKwW-CpqqX4MO.js";import{F7 as Ce,F8 as Pe}from"./zeni-epic-state-1oOVJQJ4.js";import{D as ke,T as ze,C as ve}from"./mapSectionWithAcOnlyToTreeNode-CjVZw324-gPmnB93g.js";import{s as J}from"./mapTimeframeBalancesToTreeNode-DnvhN4Go-qLT8aEp1.js";import"./liveblocks-Dv7Vdu8a.js";import"./core-HDqpewC7.js";import"./recharts-Djp9a38d.js";import"./lottie-V1lTNkDB.js";import"./analytics-DvsRx7_o.js";import"./lexical-CWcQ8pGO.js";import"./utils-rIQAYtge.js";import"./TimeframeSwitcher-CULpyCRj-B4sMqB1t.js";import"./AccountRow-t-WESYF_-CAxThHrd.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1ae1cd8b-c4a8-44c9-b275-c2ad863f0c7c",e._sentryDebugIdIdentifier="sentry-dbid-1ae1cd8b-c4a8-44c9-b275-c2ad863f0c7c")}catch{}})();const H="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",Y="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",Te=r.div`
+import{V as o,A,y as I,J as v,bD as ne,F as c,i as re,ab as M,k as ie,w as ae,x as W,o as s,ce,aF as le,aW as de,R as ge,cF as pe,bz as me,u as $,cG as he,aU as fe,aV as ue,bb as xe,bM as we}from"./index-D-BANbLd.js";import{a as N}from"./sentry-OhwUF_66.js";import{n as r}from"./mui-AW-QpJ2k.js";import{R as Se}from"./NavBarWithPicker-CV8HLA6I-BUWTCujT.js";import{m as be}from"./analyticsHelper--FI5ZNkP-C6nfDH6L.js";import{I as je}from"./TimeframeSwitcherWithToggle-Ct5BEs_Q-BzganDVC.js";import{I as ye,z as $e}from"./CollapsableReportTable-CKZMra2N-DVHlppQA.js";import{M as E}from"./usp-line-BBd1wKwW-F_fmAFtY.js";import{FO as Ce,FP as Pe}from"./zeni-epic-state-DR0XRPUQ.js";import{D as ke,T as ze,C as ve}from"./mapSectionWithAcOnlyToTreeNode-Bacgq6px-DuzaQwsM.js";import{s as J}from"./mapTimeframeBalancesToTreeNode-C23h7gVe-DUIYJGbT.js";import"./liveblocks-Db4nLOvA.js";import"./core-IgaX3lD-.js";import"./recharts-DPPWeTqd.js";import"./lottie-D0yKu2h3.js";import"./analytics-6ukc1Do4.js";import"./lexical-BOeaRQ5K.js";import"./utils-Cv-cXrhn.js";import"./TimeframeSwitcher-ncxeqCrX-BswygR8z.js";import"./AccountRow-CwQ210NA-5WmGHDfQ.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="84a2eb18-e198-40e7-b7a8-5533eae5fe6a",e._sentryDebugIdIdentifier="sentry-dbid-84a2eb18-e198-40e7-b7a8-5533eae5fe6a")}catch{}})();const H="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual.png",Y="https://storage.googleapis.com/zeni-apis.appspot.com/images/forecast-overview-vs-actual-dark.png",Te=r.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;