@zeniai/web-cockpit-ui 1.14.84-dev → 1.14.85-dev

package/dist/assets/{NewGlobalMerchantPage-D3MQU5Sh-BUpZMSnV.js → NewGlobalMerchantPage-D43XJhIa-CGBQEE1e.js}

@@ -1,4 +1,4 @@
-import{Q as T,a8 as K,cB as Q,aN as Z,V as t,F as z,ab as X,aO as Y,y as i,o as l,_ as ee,B as q,M as te,gO as le,ak as ae,cO as O,i5 as ne,cG as C,cE as oe,u as a,b7 as re,cW as ie,cU as de,d6 as se,A as ce,ev as me,dl as he,bf as be,p as V}from"./index-XNBiWrYj.js";import{a as j}from"./core-3dlyNYRL.js";import{n as o,b as ge}from"./mui-bYXq4XMS.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const w={width:new i(343,580,726),height:new i(a[6],a[6]),controlHeight:new i(a[6],a[6]),paddingTopBottom:new i(a[2],a[2]),marginRight:new i(a[2],a[2]),labelMarginLeft:new i(a[3],a[4]),labelMarginRight:new i(a[3],a[4]),labelMarginTop:new i(a[2],a[2])},ue={infoLabel:new q("smallRegular","standardRegular")},pe=z.getLocalizedStrings();function we({label:e,textField:n,additionalInfo:h,checkBoxFields:m,fetchState:g,style:v,toolTip:M,isOptionalLabel:y}){const s=T(),{formState:{errors:d}}=O(),$=ie(d,n.name);return t.jsxs(fe,{windowSize:s,style:v,isDisabled:n.isDisabled!=null,isError:$,children:[t.jsx(de,{isDisabled:n.isDisabled,label:e.label,style:{marginLeft:w.labelMarginLeft.value(s),marginRight:w.labelMarginRight.value(s),marginTop:w.labelMarginTop.value(s),width:e.width??"auto"},showTooltip:M!=null,tooltipTitle:M?.title,toolTipWidth:M?.width,isOptional:y}),t.jsxs(xe,{labelWidth:e.width,children:[t.jsx(se,{...n,style:{...n.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:w.controlHeight.value(s),cursor:"inherit"}}),g?.fetchState==="In-Progress"?t.jsx($e,{children:t.jsx(ce,{size:"Standard",start:!0})}):t.jsxs(Se,{children:[t.jsxs(Me,{windowSize:s,isRecommendationVisible:m.length>0,isError:$,children:[h.icon,h.label]}),m.length>0?m.map((u,p)=>t.jsxs(t.Fragment,{children:[t.jsx(me,{isHighlighted:!0,label:{label:u.label},checkBoxField:u.field,defaultChecked:u.field.defaultChecked,isDisabled:u.field.isDisabled!=null},he()),p<m.length-1?t.jsx(ve,{children:pe.common.texts.or}):null]})):null]})]})]})}const fe=o.div`
+import{Q as z,a8 as K,cB as Q,aN as Z,V as t,F as T,ab as X,aO as Y,y as i,o as l,_ as ee,B as q,M as te,gP as le,ak as ae,cO as O,i6 as ne,cG as C,cE as oe,u as a,b7 as re,cW as ie,cU as de,d7 as se,A as ce,ew as me,dm as he,bf as be,p as V}from"./index-BS0RW8dr.js";import{a as j}from"./core-3dlyNYRL.js";import{n as o,b as ge}from"./mui-bYXq4XMS.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const w={width:new i(343,580,726),height:new i(a[6],a[6]),controlHeight:new i(a[6],a[6]),paddingTopBottom:new i(a[2],a[2]),marginRight:new i(a[2],a[2]),labelMarginLeft:new i(a[3],a[4]),labelMarginRight:new i(a[3],a[4]),labelMarginTop:new i(a[2],a[2])},ue={infoLabel:new q("smallRegular","standardRegular")},pe=T.getLocalizedStrings();function we({label:e,textField:n,additionalInfo:h,checkBoxFields:m,fetchState:g,style:v,toolTip:M,isOptionalLabel:y}){const s=z(),{formState:{errors:d}}=O(),$=ie(d,n.name);return t.jsxs(fe,{windowSize:s,style:v,isDisabled:n.isDisabled!=null,isError:$,children:[t.jsx(de,{isDisabled:n.isDisabled,label:e.label,style:{marginLeft:w.labelMarginLeft.value(s),marginRight:w.labelMarginRight.value(s),marginTop:w.labelMarginTop.value(s),width:e.width??"auto"},showTooltip:M!=null,tooltipTitle:M?.title,toolTipWidth:M?.width,isOptional:y}),t.jsxs(xe,{labelWidth:e.width,children:[t.jsx(se,{...n,style:{...n.style,display:"flex",flexGrow:1,width:"-webkit-fill-available",height:w.controlHeight.value(s),cursor:"inherit"}}),g?.fetchState==="In-Progress"?t.jsx($e,{children:t.jsx(ce,{size:"Standard",start:!0})}):t.jsxs(Se,{children:[t.jsxs(Me,{windowSize:s,isRecommendationVisible:m.length>0,isError:$,children:[h.icon,h.label]}),m.length>0?m.map((u,p)=>t.jsxs(t.Fragment,{children:[t.jsx(me,{isHighlighted:!0,label:{label:u.label},checkBoxField:u.field,defaultChecked:u.field.defaultChecked,isDisabled:u.field.isDisabled!=null},he()),p<m.length-1?t.jsx(ve,{children:pe.common.texts.or}):null]})):null]})]})]})}const fe=o.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -66,7 +66,7 @@ import{Q as T,a8 as K,cB as Q,aN as Z,V as t,F as z,ab as X,aO as Y,y as i,o as
   gap: ${l.sp3};
 `,ve=o.div`
   color: ${e=>e.theme.colors.hero};
-`,ye={labelWidth:new i(120,145,160)},Ne=z.getLocalizedStrings(),{common:Ge,vendorReview:{globalReview:W}}=Ne,{sectionTitles:je,labels:R}=Ge,Re=({recommendationFetchState:e,newGlobalMerchantData:n,recommendedGlobalMerchants:h,sectionId:m,isDisabled:g,style:v,fetchRecommendation:M})=>{const y=T(),s=ye.labelWidth.value(y),{formState:d}=O(),$=()=>{n?.globalMerchantName!=null&&n.globalMerchantName.trim().length>2&&d.dirtyFields[m]?.globalMerchantName===!0&&M()},u=[];return h.length>0&&h.forEach((p,D)=>{const G=`recommended${ne(D)}`;u.push({field:{name:P(m,G),defaultChecked:n?.currentSelection===G,isDisabled:g},label:p.globalMerchantName})}),t.jsxs(Ve,{style:v,children:[t.jsx(De,{children:je.vendorDetails}),t.jsxs(ke,{children:[t.jsx(we,{label:{label:R.name,width:s},textField:{type:"text",name:P(m,"globalMerchantName"),placeholder:C(R.name),defaultValue:n?.globalMerchantName,autoComplete:"off",isDisabled:e.fetchState==="In-Progress"?"readonly":g,registerOptions:{required:!0},onBlur:$,onKeyDown:p=>{p.key==="Enter"&&(p.preventDefault(),$())}},checkBoxFields:u,fetchState:e,additionalInfo:{label:h.length>0?W.newGlobalMerchant.recommendationText:W.newGlobalMerchant.recommendationInfoText,icon:t.jsx(Pe,{children:t.jsx(Te,{})})},style:{width:"auto"}}),t.jsx(oe,{isDisabled:e.fetchState==="In-Progress"?"readonly":g,label:{label:R.websiteURL,width:s},text:{type:"url",name:P(m,"globalMerchantWebsiteUrl"),placeholder:C(R.websiteURL),defaultValue:n?.globalMerchantWebsiteUrl?.toString(),autoComplete:"off",options:{required:!0}},style:{width:"auto"}})]})]})},P=(e,n)=>`${e}.${n}`,Ve=o.div`
+`,ye={labelWidth:new i(120,145,160)},Ne=T.getLocalizedStrings(),{common:Ge,vendorReview:{globalReview:W}}=Ne,{sectionTitles:je,labels:R}=Ge,Re=({recommendationFetchState:e,newGlobalMerchantData:n,recommendedGlobalMerchants:h,sectionId:m,isDisabled:g,style:v,fetchRecommendation:M})=>{const y=z(),s=ye.labelWidth.value(y),{formState:d}=O(),$=()=>{n?.globalMerchantName!=null&&n.globalMerchantName.trim().length>2&&d.dirtyFields[m]?.globalMerchantName===!0&&M()},u=[];return h.length>0&&h.forEach((p,D)=>{const G=`recommended${ne(D)}`;u.push({field:{name:P(m,G),defaultChecked:n?.currentSelection===G,isDisabled:g},label:p.globalMerchantName})}),t.jsxs(Ve,{style:v,children:[t.jsx(De,{children:je.vendorDetails}),t.jsxs(ke,{children:[t.jsx(we,{label:{label:R.name,width:s},textField:{type:"text",name:P(m,"globalMerchantName"),placeholder:C(R.name),defaultValue:n?.globalMerchantName,autoComplete:"off",isDisabled:e.fetchState==="In-Progress"?"readonly":g,registerOptions:{required:!0},onBlur:$,onKeyDown:p=>{p.key==="Enter"&&(p.preventDefault(),$())}},checkBoxFields:u,fetchState:e,additionalInfo:{label:h.length>0?W.newGlobalMerchant.recommendationText:W.newGlobalMerchant.recommendationInfoText,icon:t.jsx(Pe,{children:t.jsx(ze,{})})},style:{width:"auto"}}),t.jsx(oe,{isDisabled:e.fetchState==="In-Progress"?"readonly":g,label:{label:R.websiteURL,width:s},text:{type:"url",name:P(m,"globalMerchantWebsiteUrl"),placeholder:C(R.websiteURL),defaultValue:n?.globalMerchantWebsiteUrl?.toString(),autoComplete:"off",options:{required:!0}},style:{width:"auto"}})]})]})},P=(e,n)=>`${e}.${n}`,Ve=o.div`
   display: flex;
   flex-direction: column;
   padding-top: ${l.sp3};
@@ -90,11 +90,11 @@ import{Q as T,a8 as K,cB as Q,aN as Z,V as t,F as z,ab as X,aO as Y,y as i,o as
   align-items: center;
   justify-content: center;
   margin-right: ${l.sp2};
-`,Te=o(be)`
+`,ze=o(be)`
   color: ${e=>e.theme.colors.brandColorJade};
   width: ${l.sp3};
   height: ${l.sp3};
-`,S={containerPaddingLeft:new i(a[3],a[3],a[6]),containerPaddingRight:new i(a[3],a[3],a[8]),navbarContainerPaddingTop:new i(a[2],a[3]),navbarContainerPaddingBottom:new i(a[4],a[5]),sectionTitleMarginTop:new i(0,a[3]),sectionTitleMarginLeft:new i(a[3],0)},ze={sectionTitle:new q("h6Regular","h5Regular")},B="newGlobalMerchantPage",x="newGlobalMerchant",Fe=z.getLocalizedStrings(),{common:{footer:I,sectionTitles:Ue},vendorReview:{globalReview:Le}}=Fe,rt=({globalMerchantView:e,analytics:n,tenantMerchant:h,isDisabled:m,updateCreateGlobalMerchantLocalData:g,fetchRecommendation:v,onBackClick:M,onSaveClick:y})=>{const s=T(),d=K({mode:"all",reValidateMode:"onChange",defaultValues:j.useMemo(()=>_(e),[e]),values:j.useMemo(()=>_(e),[e]),resetOptions:{keepDefaultValues:!0,keepDirtyValues:!0}}),$=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorRequested({reviewSource:"global_review",newRequestedVendorName:b,tenantName:r,newRequestedVendorNameSource:r!=null?"text_edit":"new_vendor_button",isVendorNameRecommendationSelected:c===b,recommendedVendorName:c,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null})}v()},u=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorSaved({reviewSource:"global_review",saveRequestedVendorName:b,tenantName:r,recommendedVendorName:c,saveRequestedVendorSource:r!=null?"text_edit":"new_vendor_button",recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null,isVendorNameRecommendationSelected:c===b})}y()},p=()=>{e.newGlobalMerchantData!=null&&n.trackVendorReviewNewVendorCanceled({reviewSource:"global_review",newRequestedVendorName:e.newGlobalMerchantData.globalMerchantName,tenantName:h?.tenantName??null,recommendedVendorName:e.recommendedGlobalMerchants[0]?.globalMerchantName??null,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null}),M()},D=()=>{u()},G=async(r,b)=>{const{newGlobalMerchant:{globalMerchantName:c,recommendedFirst:U,recommendedSecond:L,globalMerchantWebsiteUrl:J}}=b;if(r.includes("globalMerchantName")||r.includes("globalMerchantWebsiteUrl")){let k=null;c===e.recommendedGlobalMerchants[0]?.globalMerchantName?k="recommendedFirst":c===e.recommendedGlobalMerchants[1]?.globalMerchantName&&(k="recommendedSecond"),g(c,k,J)}else(r.includes("recommendedFirst")||r.includes("recommendedSecond"))&&(r.includes("recommendedFirst")&&U&&e.recommendedGlobalMerchants[0]?.globalMerchantName?(g(e.recommendedGlobalMerchants[0]?.globalMerchantName,"recommendedFirst",e.recommendedGlobalMerchants[0]?.websiteUrl?.toString()),e.recommendedGlobalMerchants[0]?.websiteUrl!=null&&d.setValue(`${x}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[0].websiteUrl.toString())):r.includes("recommendedSecond")&&L&&e.recommendedGlobalMerchants[1]?.globalMerchantName?(g(e.recommendedGlobalMerchants[1].globalMerchantName,"recommendedSecond",e.recommendedGlobalMerchants[1].websiteUrl?.toString()),e.recommendedGlobalMerchants[1]?.websiteUrl!=null&&d.setValue(`${x}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[1].websiteUrl.toString())):!U&&!L&&(d.resetField(`${x}.globalMerchantName`),d.resetField(`${x}.globalMerchantWebsiteUrl`)))};j.useEffect(()=>{const r=d.watch((b,{name:c})=>{c!=null&&b!=null&&Q(()=>G(c,b))});return()=>{r.unsubscribe()}});const{newGlobalMerchantData:f,fetchState:N,error:A,recommendedGlobalMerchants:H}=e,F=Z(N);return j.useEffect(()=>{F==="In-Progress"&&N==="Completed"&&f?.globalMerchantName!=null&&(d.resetField(`${x}.globalMerchantName`,{defaultValue:f.globalMerchantName}),e.recommendedGlobalMerchants.forEach(r=>{r.globalMerchantName===f.globalMerchantName&&r.websiteUrl!=null&&d.setValue(`${x}.globalMerchantWebsiteUrl`,r.websiteUrl.toString())}))},[F,N,d,f?.globalMerchantName,f?.globalMerchantWebsiteUrl,e.recommendedGlobalMerchants]),t.jsxs(Ce,{windowSize:s,children:[t.jsxs(We,{windowSize:s,children:[t.jsx(Ie,{children:t.jsx(Ee,{onClick:p})}),t.jsx(_e,{windowSize:s,children:Ue.newVendor}),t.jsx(qe,{children:t.jsxs(Oe,{children:[t.jsx(He,{children:t.jsx(Je,{})}),t.jsx(Ae,{children:Le.newGlobalMerchant.tip})]})})]}),t.jsx(Be,{children:t.jsx(X,{...d,children:t.jsx("form",{id:E(B),onSubmit:d.handleSubmit(D),children:t.jsx(Re,{sectionId:x,isDisabled:f?.status.fetchState==="In-Progress"?"readonly":m,newGlobalMerchantData:f,recommendationFetchState:{fetchState:N,error:A},recommendedGlobalMerchants:H,fetchRecommendation:$})})})}),t.jsx(Y,{formId:E(B),primaryBtn:{label:I.save,isLoading:f?.status.fetchState==="In-Progress",isDisabled:N==="In-Progress"},cancelBtn:{label:I.cancel,shouldResetOnCancel:!0,onClick:p}})]})},E=e=>`${e}_form`,_=e=>{const{newGlobalMerchantData:n}=e;return{[x]:{globalMerchantName:n?.globalMerchantName??"",globalMerchantWebsiteUrl:n?.globalMerchantWebsiteUrl?.toString(),recommendedFirst:n?.currentSelection==="recommendedFirst",recommendedSecond:n?.currentSelection==="recommendedSecond",newGlobalMerchantId:n?.newGlobalMerchantId}}},Ce=o.div`
+`,S={containerPaddingLeft:new i(a[3],a[3],a[6]),containerPaddingRight:new i(a[3],a[3],a[8]),navbarContainerPaddingTop:new i(a[2],a[3]),navbarContainerPaddingBottom:new i(a[4],a[5]),sectionTitleMarginTop:new i(0,a[3]),sectionTitleMarginLeft:new i(a[3],0)},Te={sectionTitle:new q("h6Regular","h5Regular")},B="newGlobalMerchantPage",x="newGlobalMerchant",Fe=T.getLocalizedStrings(),{common:{footer:I,sectionTitles:Ue},vendorReview:{globalReview:Le}}=Fe,rt=({globalMerchantView:e,analytics:n,tenantMerchant:h,isDisabled:m,updateCreateGlobalMerchantLocalData:g,fetchRecommendation:v,onBackClick:M,onSaveClick:y})=>{const s=z(),d=K({mode:"all",reValidateMode:"onChange",defaultValues:j.useMemo(()=>_(e),[e]),values:j.useMemo(()=>_(e),[e]),resetOptions:{keepDefaultValues:!0,keepDirtyValues:!0}}),$=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorRequested({reviewSource:"global_review",newRequestedVendorName:b,tenantName:r,newRequestedVendorNameSource:r!=null?"text_edit":"new_vendor_button",isVendorNameRecommendationSelected:c===b,recommendedVendorName:c,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null})}v()},u=()=>{if(e.newGlobalMerchantData!=null){const r=h?.tenantName??null,b=e.newGlobalMerchantData.globalMerchantName,c=e.recommendedGlobalMerchants[0]?.globalMerchantName??null;n.trackVendorReviewNewVendorSaved({reviewSource:"global_review",saveRequestedVendorName:b,tenantName:r,recommendedVendorName:c,saveRequestedVendorSource:r!=null?"text_edit":"new_vendor_button",recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null,isVendorNameRecommendationSelected:c===b})}y()},p=()=>{e.newGlobalMerchantData!=null&&n.trackVendorReviewNewVendorCanceled({reviewSource:"global_review",newRequestedVendorName:e.newGlobalMerchantData.globalMerchantName,tenantName:h?.tenantName??null,recommendedVendorName:e.recommendedGlobalMerchants[0]?.globalMerchantName??null,recommendedVendorReason:e.recommendedGlobalMerchants[0]?.reason??null}),M()},D=()=>{u()},G=async(r,b)=>{const{newGlobalMerchant:{globalMerchantName:c,recommendedFirst:U,recommendedSecond:L,globalMerchantWebsiteUrl:J}}=b;if(r.includes("globalMerchantName")||r.includes("globalMerchantWebsiteUrl")){let k=null;c===e.recommendedGlobalMerchants[0]?.globalMerchantName?k="recommendedFirst":c===e.recommendedGlobalMerchants[1]?.globalMerchantName&&(k="recommendedSecond"),g(c,k,J)}else(r.includes("recommendedFirst")||r.includes("recommendedSecond"))&&(r.includes("recommendedFirst")&&U&&e.recommendedGlobalMerchants[0]?.globalMerchantName?(g(e.recommendedGlobalMerchants[0]?.globalMerchantName,"recommendedFirst",e.recommendedGlobalMerchants[0]?.websiteUrl?.toString()),e.recommendedGlobalMerchants[0]?.websiteUrl!=null&&d.setValue(`${x}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[0].websiteUrl.toString())):r.includes("recommendedSecond")&&L&&e.recommendedGlobalMerchants[1]?.globalMerchantName?(g(e.recommendedGlobalMerchants[1].globalMerchantName,"recommendedSecond",e.recommendedGlobalMerchants[1].websiteUrl?.toString()),e.recommendedGlobalMerchants[1]?.websiteUrl!=null&&d.setValue(`${x}.globalMerchantWebsiteUrl`,e.recommendedGlobalMerchants[1].websiteUrl.toString())):!U&&!L&&(d.resetField(`${x}.globalMerchantName`),d.resetField(`${x}.globalMerchantWebsiteUrl`)))};j.useEffect(()=>{const r=d.watch((b,{name:c})=>{c!=null&&b!=null&&Q(()=>G(c,b))});return()=>{r.unsubscribe()}});const{newGlobalMerchantData:f,fetchState:N,error:A,recommendedGlobalMerchants:H}=e,F=Z(N);return j.useEffect(()=>{F==="In-Progress"&&N==="Completed"&&f?.globalMerchantName!=null&&(d.resetField(`${x}.globalMerchantName`,{defaultValue:f.globalMerchantName}),e.recommendedGlobalMerchants.forEach(r=>{r.globalMerchantName===f.globalMerchantName&&r.websiteUrl!=null&&d.setValue(`${x}.globalMerchantWebsiteUrl`,r.websiteUrl.toString())}))},[F,N,d,f?.globalMerchantName,f?.globalMerchantWebsiteUrl,e.recommendedGlobalMerchants]),t.jsxs(Ce,{windowSize:s,children:[t.jsxs(We,{windowSize:s,children:[t.jsx(Ie,{children:t.jsx(Ee,{onClick:p})}),t.jsx(_e,{windowSize:s,children:Ue.newVendor}),t.jsx(qe,{children:t.jsxs(Oe,{children:[t.jsx(He,{children:t.jsx(Je,{})}),t.jsx(Ae,{children:Le.newGlobalMerchant.tip})]})})]}),t.jsx(Be,{children:t.jsx(X,{...d,children:t.jsx("form",{id:E(B),onSubmit:d.handleSubmit(D),children:t.jsx(Re,{sectionId:x,isDisabled:f?.status.fetchState==="In-Progress"?"readonly":m,newGlobalMerchantData:f,recommendationFetchState:{fetchState:N,error:A},recommendedGlobalMerchants:H,fetchRecommendation:$})})})}),t.jsx(Y,{formId:E(B),primaryBtn:{label:I.save,isLoading:f?.status.fetchState==="In-Progress",isDisabled:N==="In-Progress"},cancelBtn:{label:I.cancel,shouldResetOnCancel:!0,onClick:p}})]})},E=e=>`${e}_form`,_=e=>{const{newGlobalMerchantData:n}=e;return{[x]:{globalMerchantName:n?.globalMerchantName??"",globalMerchantWebsiteUrl:n?.globalMerchantWebsiteUrl?.toString(),recommendedFirst:n?.currentSelection==="recommendedFirst",recommendedSecond:n?.currentSelection==="recommendedSecond",newGlobalMerchantId:n?.newGlobalMerchantId}}},Ce=o.div`
   display: flex;
   flex: 1 1 auto;
   min-height: 100%;
@@ -134,7 +134,7 @@ import{Q as T,a8 as K,cB as Q,aN as Z,V as t,F as z,ab as X,aO as Y,y as i,o as
   color: ${e=>e.theme.colors.primary};
   margin-left: ${e=>S.sectionTitleMarginLeft.valuePx(e.windowSize)};
   margin-top: ${e=>S.sectionTitleMarginTop.valuePx(e.windowSize)};
-  ${e=>`${ze.sectionTitle.style(e.windowSize)}`};
+  ${e=>`${Te.sectionTitle.style(e.windowSize)}`};
 `,qe=o.div`
   display: flex;
   width: 100%;

package/dist/assets/{NoDataChart-BItQZAQ9-a5HKjWqu.js → NoDataChart-6R5pxJVo-CWkI_hu9.js}

@@ -1,4 +1,4 @@
-import{Q as l,V as t,p as r,o as h,ak as m,y as s,e as o}from"./index-XNBiWrYj.js";import{n as i}from"./mui-bYXq4XMS.js";import{a}from"./core-3dlyNYRL.js";const v=e=>a.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{fill:"#3E4043",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),a.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=>a.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{fill:"#E9ECF0",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),a.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 s(288,360)},z=i.div`
+import{Q as l,V as t,p as r,o as h,ak as m,y as s,d as o}from"./index-BS0RW8dr.js";import{n as i}from"./mui-bYXq4XMS.js";import{a}from"./core-3dlyNYRL.js";const v=e=>a.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{fill:"#3E4043",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),a.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=>a.createElement("svg",{viewBox:"0 0 1088 393",role:"img",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{fill:"#E9ECF0",d:"M0 10h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0zm0 115h1088v1H0z"}),a.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 s(288,360)},z=i.div`
   display: flex;
   width: 100%;
   flex-direction: column;

package/dist/assets/{NoDataTable-R8OCdB2c-cDhvp6Rg.js → NoDataTable-CNx0KCKn-Yxxqzyz6.js}

@@ -1,4 +1,4 @@
-import{V as e,o as t,e as i}from"./index-XNBiWrYj.js";import{n}from"./mui-bYXq4XMS.js";import{r as o,o as s}from"./graphic-no-data-l-DU4J8fDt-x_U9o4ZQ.js";const r=n.div`
+import{V as e,o as t,d as i}from"./index-BS0RW8dr.js";import{n}from"./mui-bYXq4XMS.js";import{r as o,o as s}from"./graphic-no-data-l-DU4J8fDt-x_U9o4ZQ.js";const r=n.div`
   display: flex;
   width: 100%;
   padding: ${t.sp8} ${t.sp0} ${t.sp8} ${t.sp0};

package/dist/assets/{NotFoundPage-DLHYdRdN-xXzpa00n.js → NotFoundPage-CE9BW_aV-BJq9qwHQ.js}

@@ -1,4 +1,4 @@
-import{V as o,F as i,bY as s,E as l,ak as c,p as a,al as d}from"./index-XNBiWrYj.js";import{n as t}from"./mui-bYXq4XMS.js";import{i as h}from"./ZeniCopyright-CdqD8vO4-DYRLQn9Q.js";import"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const p=t.div`
+import{V as o,F as i,bY as s,E as l,ak as c,p as a,al as d}from"./index-BS0RW8dr.js";import{n as t}from"./mui-bYXq4XMS.js";import{i as h}from"./ZeniCopyright-gTS4uZlF-BTYFdkhV.js";import"./core-3dlyNYRL.js";import"./sentry-o6h_D-9x.js";import"./zeni-epic-state-LPACxnXP.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const p=t.div`
   width: 100%;
   height: 100vh;
   position: relative;

package/dist/assets/{NotificationSettingsPage-CIwxb6c9-FsYdgXX7.js → NotificationSettingsPage-etN6HEwO-CPu8hoID.js}

@@ -1,4 +1,4 @@
-import{V as t,g0 as oe,o as i,bL as ne,F as v,aQ as se,e as W,Q,a8 as re,cB as le,bz as ae,ab as ce,a9 as w,aO as de,y as M,fx as pe,g1 as me,eH as ue,g2 as he,g3 as ge,aZ as fe,u as S,b7 as Y,ag as Z,ak as J,al as xe}from"./index-XNBiWrYj.js";import{a as E}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import{fD as $e,fE as be,fF as ye,fG as je}from"./zeni-epic-state-LPACxnXP.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const{common:we}=v.getLocalizedStrings(),U={notePadding:new M(S[3],S[4]),noteGap:new M(S[0],6)},R=(e,n)=>`${e}.${n}`,Se=o.div`
+import{V as t,g1 as oe,o as i,bL as ne,F as v,aQ as se,d as Q,Q as W,a8 as re,cB as le,bz as ae,ab as ce,a9 as w,aO as de,y as B,fy as pe,g2 as me,eI as ue,g3 as he,g4 as ge,aZ as fe,u as S,b7 as Y,ag as Z,ak as J,al as xe}from"./index-BS0RW8dr.js";import{a as E}from"./core-3dlyNYRL.js";import{n as o}from"./mui-bYXq4XMS.js";import{fD as $e,fE as be,fF as ye,fG as je}from"./zeni-epic-state-LPACxnXP.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";const{common:we}=v.getLocalizedStrings(),U={notePadding:new B(S[3],S[4]),noteGap:new B(S[0],6)},R=(e,n)=>`${e}.${n}`,Se=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
@@ -55,7 +55,7 @@ import{V as t,g0 as oe,o as i,bL as ne,F as v,aQ as se,e as W,Q,a8 as re,cB as l
       color: ${e=>e.theme.colors.primary};
     }
   }
-`,B=o.div`
+`,M=o.div`
   flex: 1;
 `,A=o(J)`
   color: ${e=>e.theme.colors.hero};
@@ -74,7 +74,7 @@ import{V as t,g0 as oe,o as i,bL as ne,F as v,aQ as se,e as W,Q,a8 as re,cB as l
   flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
   align-items: ${e=>e.windowSize==="small"?"flex-start":"center"};
   gap: ${e=>U.noteGap.valuePx(e.windowSize)};
-`,Le=o.div``,Re=o.span``;function ze({sectionId:e,monthEndInsightsNotificationLocalData:n,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:g,classList:m,controllersList:x}){const u=W(),c=Q(),{sectionTitle:$,monthEndInsights:l,mode:b}=we.settings.notifications,h=x[0],P=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(Se,{children:[t.jsxs(Ie,{children:[t.jsx(ve,{children:$.monthEndInsights}),t.jsx(Le,{children:t.jsx(Pe,{children:b.email})})]}),t.jsxs(Ne,{children:[t.jsxs(Ee,{disabled:s.enabled==null,children:[t.jsx(A,{children:l.labels.notifyMe}),t.jsx(ue,{defaultChecked:n.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(B,{children:t.jsx(A,{children:l.labels.notifyOthers})}),t.jsx(B,{children:t.jsx(he,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:g,selectedUsers:g.filter(d=>n.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=ge(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,h?t.jsxs(Ce,{href:`mailto:${h.email}?cc=${P}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Re,{children:`${h.firstName} ${h.lastName}`}),t.jsx(fe,{className:"arrowIcon"})]}):null]})})]})]})}const D=(e,n,s)=>`${e}.${n}.${s}`,Me=o.div`
+`,Le=o.div``,Re=o.span``;function ze({sectionId:e,monthEndInsightsNotificationLocalData:n,monthEndInsightsNotificationSettings:s,managersList:a,allUsers:g,classList:m,controllersList:x}){const u=Q(),c=W(),{sectionTitle:$,monthEndInsights:l,mode:b}=we.settings.notifications,h=x[0],P=x.slice(1).reduce((d,r)=>d.concat(`${r.email},`),"");return t.jsxs(Se,{children:[t.jsxs(Ie,{children:[t.jsx(ve,{children:$.monthEndInsights}),t.jsx(Le,{children:t.jsx(Pe,{children:b.email})})]}),t.jsxs(Ne,{children:[t.jsxs(Ee,{disabled:s.enabled==null,children:[t.jsx(A,{children:l.labels.notifyMe}),t.jsx(ue,{defaultChecked:n.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(he,{hideEmailTooltip:!1,showBackgroundColorIfHasAnySelectedOption:!1,shouldHaveBackgroundColor:!1,value:{allUsers:g,selectedUsers:g.filter(d=>n.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=ge(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,h?t.jsxs(Ce,{href:`mailto:${h.email}?cc=${P}&subject=${encodeURIComponent(l.stopReceivingMonthEndInsightsSubject)}`,children:[t.jsx(Re,{children:`${h.firstName} ${h.lastName}`}),t.jsx(fe,{className:"arrowIcon"})]}):null]})})]})]})}const F=(e,n,s)=>`${e}.${n}.${s}`,Be=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp3};
@@ -84,27 +84,27 @@ import{V as t,g0 as oe,o as i,bL as ne,F as v,aQ as se,e as W,Q,a8 as re,cB as l
   align-items: center;
 `,Ue=o(Y)`
   color: ${e=>e.theme.colors.primary};
-`,q=o.div`
+`,V=o.div`
   display: flex;
-`,V=o(Z)`
+`,q=o(Z)`
   color: ${e=>e.theme.colors.primary};
   flex: 1;
   width: 120px;
   text-align: center;
-`,Be=o.div`
+`,Me=o.div`
   width: 120px;
   display: flex;
 `,Ae=o.div`
   width: 120px;
   display: flex;
   padding-right: 12px;
-`,De=o(J)`
+`,Fe=o(J)`
   color: ${e=>e.theme.colors.hero};
-`,qe=o.div`
+`,Ve=o.div`
   border-radius: ${i.sp2};
   border: 1px solid ${e=>e.theme.colors.grey3};
   box-shadow: ${e=>`${i.sp0} 2px ${i.sp1} ${e.theme.colors.dropShadowNormal}`};
-`,Ve=o.div`
+`,qe=o.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -118,7 +118,7 @@ import{V as t,g0 as oe,o as i,bL as ne,F as v,aQ as se,e as W,Q,a8 as re,cB as l
     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 Fe({sectionId:e,remindersLocalData:n,reminderNotificationSettings:s}){const{texts:a,settings:g}=v.getLocalizedStrings().common,{notifications:m}=g,x=ye.slice(0,1),u=je.filter(c=>s[c]!=null);return t.jsxs(Me,{children:[t.jsxs(Te,{children:[t.jsx(Ue,{children:m.sectionTitle.reminders}),t.jsxs(q,{children:[t.jsx(V,{children:a.frequency}),t.jsx(V,{children:m.mode.email})]})]}),t.jsx(qe,{children:u.map((c,$)=>t.jsxs(Ve,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(De,{children:m.reminders[c]}),t.jsxs(q,{children:[t.jsx(Ae,{children:t.jsx(pe,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:D(e,c,"frequency")})}),t.jsx(Be,{children:t.jsx(me,{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 z={contentPadding:new M(S[3],S[8])},f="reminders",I="monthEndInsights",F="notificationSettingsPage",_=e=>`${e}_form`,{settings:K,reloadPage:_e}=v.getLocalizedStrings().common,Ge=e=>{const n=W(),s=Q(),{notificationSettingsView:a,signedInUser:g,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:$}=e,{notificationSettingsLocalData:l,allUsers:b,notificationSettings:h,classList:P,managersList:d,updateStatus:r,controllersList:y}=a,p=re({defaultValues:H(l,b)}),j=E.useCallback(L=>{m(Je(L))},[m]),N=p.handleSubmit(()=>{u()}),O=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(H(l,b)),x())},[l,a.updateStatus.fetchState,b]),E.useEffect(()=>{const L=p.watch((T,{name:ie})=>{ie!=null&&T!=null&&le(()=>j(T))});return()=>{L.unsubscribe()}},[p,j]);const X=Object.keys(p.formState.dirtyFields).length>0,ee=g.userEmail!=null?$e(h.monthEndInsightsNotificationSettings,g.userEmail):!1,te=be(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(He,{children:[t.jsx(ae,{source:"NotificationSettingsPage",title:K.title.notifications,backgroundColor:n.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:$}),t.jsx(We,{windowSize:s,children:t.jsx(ce,{...p,children:t.jsx("form",{id:_(F),onSubmit:N,children:t.jsxs(Qe,{children:[t.jsx(w,{controller:te,children:t.jsx(Fe,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:f})}),t.jsx(w,{controller:ee,children:t.jsx(ze,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:I,allUsers:b,classList:P,managersList:d,controllersList:y})})]})})})})]}),t.jsx(w,{controller:X,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:n,onRefresh:s}=e,{fetchState:a}=n;return a==="Not-Started"||a==="In-Progress"?t.jsx(G,{children:t.jsx(oe,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(G,{children:[t.jsx(Ye,{onClick:s,children:t.jsx(ne,{})}),t.jsx(Ze,{children:_e.label})]}):t.jsx(Ge,{...e})}const He=o.div`
+`;function De({sectionId:e,remindersLocalData:n,reminderNotificationSettings:s}){const{texts:a,settings:g}=v.getLocalizedStrings().common,{notifications:m}=g,x=ye.slice(0,1),u=je.filter(c=>s[c]!=null);return t.jsxs(Be,{children:[t.jsxs(Te,{children:[t.jsx(Ue,{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,$)=>t.jsxs(qe,{firstElement:$===0,lastElement:$===u.length-1,children:[t.jsx(Fe,{children:m.reminders[c]}),t.jsxs(V,{children:[t.jsx(Ae,{children:t.jsx(pe,{defaultValue:{allOptions:m.reminderFrequencyOptions,selectedOption:n[c].frequency},name:F(e,c,"frequency")})}),t.jsx(Me,{children:t.jsx(me,{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 B(S[3],S[8])},f="reminders",I="monthEndInsights",D="notificationSettingsPage",_=e=>`${e}_form`,{settings:K,reloadPage:_e}=v.getLocalizedStrings().common,Ge=e=>{const n=Q(),s=W(),{notificationSettingsView:a,signedInUser:g,onFormDataChange:m,resetUpdateStatus:x,onSave:u,onCancel:c,onClickMenuIcon:$}=e,{notificationSettingsLocalData:l,allUsers:b,notificationSettings:h,classList:P,managersList:d,updateStatus:r,controllersList:y}=a,p=re({defaultValues:H(l,b)}),j=E.useCallback(L=>{m(Je(L))},[m]),N=p.handleSubmit(()=>{u()}),O=E.useCallback(()=>{p.reset(),c()},[c]);E.useEffect(()=>{a.updateStatus.fetchState==="Completed"&&(p.reset(H(l,b)),x())},[l,a.updateStatus.fetchState,b]),E.useEffect(()=>{const L=p.watch((T,{name:ie})=>{ie!=null&&T!=null&&le(()=>j(T))});return()=>{L.unsubscribe()}},[p,j]);const X=Object.keys(p.formState.dirtyFields).length>0,ee=g.userEmail!=null?$e(h.monthEndInsightsNotificationSettings,g.userEmail):!1,te=be(h.reminderNotificationSettings);return t.jsxs(t.Fragment,{children:[t.jsxs(He,{children:[t.jsx(ae,{source:"NotificationSettingsPage",title:K.title.notifications,backgroundColor:n.colors.grey4,showBackButton:!1,showMenuIcon:s==="medium-compact"||s==="small",onClickMenuIcon:$}),t.jsx(Qe,{windowSize:s,children:t.jsx(ce,{...p,children:t.jsx("form",{id:_(D),onSubmit:N,children:t.jsxs(We,{children:[t.jsx(w,{controller:te,children:t.jsx(De,{reminderNotificationSettings:h.reminderNotificationSettings,remindersLocalData:l.reminders,sectionId:f})}),t.jsx(w,{controller:ee,children:t.jsx(ze,{monthEndInsightsNotificationLocalData:l.monthEndInsights,monthEndInsightsNotificationSettings:h.monthEndInsightsNotificationSettings,sectionId:I,allUsers:b,classList:P,managersList:d,controllersList:y})})]})})})})]}),t.jsx(w,{controller:X,children:t.jsx(de,{style:{width:"100%"},formId:_(D),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:n,onRefresh:s}=e,{fetchState:a}=n;return a==="Not-Started"||a==="In-Progress"?t.jsx(G,{children:t.jsx(oe,{fetchState:a,styles:{margin:i.sp0}})}):a==="Error"?t.jsxs(G,{children:[t.jsx(Ye,{onClick:s,children:t.jsx(ne,{})}),t.jsx(Ze,{children:_e.label})]}):t.jsx(Ge,{...e})}const He=o.div`
   display: flex;
   width: 100%;
   min-height: 100vh;
@@ -134,11 +134,11 @@ import{V as t,g0 as oe,o as i,bL as ne,F as v,aQ as se,e as W,Q,a8 as re,cB as l
   align-items: center;
   row-gap: ${i.sp3};
   background-color: ${e=>e.theme.colors.grey4};
-`,We=o.div`
+`,Qe=o.div`
   padding-left: ${e=>z.contentPadding.valuePx(e.windowSize)};
   padding-right: ${e=>z.contentPadding.valuePx(e.windowSize)};
   padding-bottom: ${e=>z.contentPadding.valuePx(e.windowSize)};
-`,Qe=o.div`
+`,We=o.div`
   display: flex;
   flex-direction: column;
   row-gap: ${i.sp8};

package/dist/assets/{NotificationsListConfig-DSgUS0hE-mwmsOI0p.js → NotificationsListConfig-15ae4nik-CPKCivw4.js}

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

package/dist/assets/{NotificationsPage-W5ZhprRe-DZn-eWsJ.js → NotificationsPage-BwbxqKxd-CJ_w7jhJ.js}

@@ -1,8 +1,8 @@
-import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,o as i,a9 as ye,gV as ti,y as R,hZ as ii,b as Ne,A as oi,ax as tt,cj as it,b1 as ot,dn as st,cq as at,jU as rt,u as w,n as si,jV as ai,dl as he,aY as ri,B as ni,M as nt,p as S,ag as li,bM as z,cO as ue,g1 as pe,jW as fe,av as lt,a7 as dt,dv as E,fm as ct,gb as di,ak as ee,ib as ci,al as H,fA as hi,aS as $e,b8 as me,jX as ui,bJ as ht,jY as Re,bt as pi}from"./index-XNBiWrYj.js";import{a as g}from"./core-3dlyNYRL.js";import{n as r,b as A}from"./mui-bYXq4XMS.js";import{g9 as fi,ga as mi,bO as Q,bj as $,dE as ut}from"./zeni-epic-state-LPACxnXP.js";import{k as gi}from"./SubTabSwitcher-DjEElTWE-5Wo1Obau.js";import{d as pt}from"./useLongPress-GCK2COYQ-8uipnze8.js";import{A as ft,t as mt,a as gt,E as xt,L as bt,I as wt}from"./NotificationsListConfig-DSgUS0hE-mwmsOI0p.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";function xi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:h}){const u=v(),p=K(),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{d as Q,Q as v,a8 as qt,F as B,cB as Kt,V as t,bz as Xt,ab as Qt,aO as ei,o as i,a9 as ye,gW as ti,y as R,h_ as ii,b as Ne,A as oi,ax as tt,cj as it,b1 as ot,dp as st,cq as at,jV as rt,u as w,n as si,jW as ai,dm as he,aY as ri,B as ni,M as nt,p as S,ag as li,bM as z,cO as ue,g2 as pe,jX as fe,av as lt,a7 as dt,dw as E,fn as ct,gc as di,ak as ee,ic as ci,al as H,fB as hi,aS as $e,b8 as me,jY as ui,bJ as ht,jZ as Re,bt as pi}from"./index-BS0RW8dr.js";import{a as g}from"./core-3dlyNYRL.js";import{n as r,b as A}from"./mui-bYXq4XMS.js";import{g9 as fi,ga as mi,bO as X,bj as $,dE as ut}from"./zeni-epic-state-LPACxnXP.js";import{k as gi}from"./SubTabSwitcher-w8vLc-35-BeFKfmS8.js";import{d as pt}from"./useLongPress-GCK2COYQ-8uipnze8.js";import{A as ft,t as mt,a as gt,E as xt,L as bt,I as wt}from"./NotificationsListConfig-15ae4nik-CPKCivw4.js";import"./sentry-o6h_D-9x.js";import"./lottie-DEE24l2z.js";import"./liveblocks-DIep7fJd.js";import"./utils-uDUqNRFY.js";import"./analytics-zoE7Zcxt.js";import"./recharts-BHhx6CLo.js";import"./lexical-DPEnH3HH.js";function xi({tabs:e,selectedTab:o,subTabs:s,selectedSubTab:a,subTabRightComponent:n,tabStyle:l,subTabStyle:c,onTabChange:d,onSubTabChange:h}){const u=v(),p=Q(),m=g.useCallback(x=>{d(x.id)},[d]),f=g.useCallback(x=>{h(x.id)},[h]);return e.length===0?null:t.jsxs(bi,{windowSize:u,children:[t.jsx(ii,{allTabs:e,selectedTab:o,containerStyle:{...l,borderBottom:`1px solid ${p.colors.grey3}`},onTabChange:m}),t.jsx(gi,{allTabs:s,selectedTab:a,containerStyle:{...c},rightComponent:n,onTabChange:f})]})}const bi=r.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,{common:{timeStrings:yt,strings:wi},dateFormat:Le,timeFormat:yi}=B.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(Le.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(Le.visual.MMMYYYYFormat)}},jt=e=>{const o=Q(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(Le.visual.MMMDFormat)},ze=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}}}}=B.getLocalizedStrings(),kt=e=>{e.sort((n,l)=>Q(n.inboxNotification.notifiedAt.toUTCString()).isAfter(Q(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,Q(l.inboxNotification.notifiedAt.toUTCString()))?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>Q(l.inboxNotification.notifiedAt.toUTCString()).isAfter(Q(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:_e,timeStrings:ki,strings:te},commentsAndNotifications:{notifications:{strings:{newMessage:Si},actionStrings:{comments:{newCommentAdded:vi}}}}}=B.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:P},id:_}=p;return t.jsxs(_i,{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:_,companyId:k,entityType:P})),p.metadata.application!=="cockpit"&&c.trackCommentActivity("notification","clicked",p.metadata.companyName,l.controllersList.controllers.map(N=>E(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(Li,{...e}),t.jsx(Ii,{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(zi(c)){const u=ci(c.url)??c.url;return t.jsx(Gi,{href:u,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let h=c.text;return c.bold===!0&&(h=t.jsx(Oi,{children:h},d)),c.italic===!0&&(h=t.jsx(Bi,{children:h},d)),c.strikethrough===!0&&(h=t.jsx(Pi,{children:h},d)),c.code===!0&&(h=t.jsx(Ai,{children:h},d)),t.jsx(Fi,{children:h},d)});default:return t.jsx(je,{children:vi})}})})},Ti=({notificationData:e,users:o})=>{const s=v();return t.jsx(Ui,{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,_e.user,te.space]});if(o!=null){const l=E(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(De,{className:"userText",readStatus:a,children:[te.atTheRate,l||_e.user,te.space]})})}return n},Tt=e=>{const o=ji(e);return t.jsx(t.Fragment,{children:o})},Li=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(Ei,{isNewNotification:a===ki.justNow,children:a}),t.jsx(Hi,{readStatus:s})]})},Ii=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 zi(e){return"type"in e&&e.type==="link"}const _i=r.div`
+`,{common:{timeStrings:yt,strings:wi},dateFormat:Le,timeFormat:yi}=B.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(Le.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(Le.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(Le.visual.MMMDFormat)},ze=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}}}}=B.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:_e,timeStrings:ki,strings:te},commentsAndNotifications:{notifications:{strings:{newMessage:Si},actionStrings:{comments:{newCommentAdded:vi}}}}}=B.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:P},id:_}=p;return t.jsxs(_i,{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:_,companyId:k,entityType:P})),p.metadata.application!=="cockpit"&&c.trackCommentActivity("notification","clicked",p.metadata.companyName,l.controllersList.controllers.map(N=>E(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(Li,{...e}),t.jsx(Ii,{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(zi(c)){const u=ci(c.url)??c.url;return t.jsx(Gi,{href:u,target:"_blank",rel:"noopener noreferrer nofollow",children:c.text??c.url},d)}let h=c.text;return c.bold===!0&&(h=t.jsx(Oi,{children:h},d)),c.italic===!0&&(h=t.jsx(Bi,{children:h},d)),c.strikethrough===!0&&(h=t.jsx(Pi,{children:h},d)),c.code===!0&&(h=t.jsx(Ai,{children:h},d)),t.jsx(Fi,{children:h},d)});default:return t.jsx(je,{children:vi})}})})},Ti=({notificationData:e,users:o})=>{const s=v();return t.jsx(Ui,{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,_e.user,te.space]});if(o!=null){const l=E(o,!1);n=t.jsx(t.Fragment,{children:t.jsxs(De,{className:"userText",readStatus:a,children:[te.atTheRate,l||_e.user,te.space]})})}return n},Tt=e=>{const o=ji(e);return t.jsx(t.Fragment,{children:o})},Li=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(Ei,{isNewNotification:a===ki.justNow,children:a}),t.jsx(Hi,{readStatus:s})]})},Ii=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 zi(e){return"type"in e&&e.type==="link"}const _i=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -120,7 +120,7 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   flex: 1 1 auto;
   justify-content: ${e=>e.isLastItem?"flex-end":"start"};
   width: ${e=>e.isLastItem?"10%":vt.valuePercentage(e.windowSize)};
-`,Wi=()=>{const e=v();return t.jsxs(Ji,{windowSize:e,children:[t.jsxs(qi,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:180,height:w[4]})]}),t.jsx(Zi,{children:t.jsx(z,{width:60,height:18})})]})},Ji=r.div`
+`,Wi=()=>{const e=v();return t.jsxs(Ji,{windowSize:e,children:[t.jsxs(Zi,{children:[t.jsx(z,{width:180,height:w[4]}),t.jsx(z,{width:180,height:w[4]})]}),t.jsx(qi,{children:t.jsx(z,{width:60,height:18})})]})},Ji=r.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;
@@ -146,19 +146,19 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
     border-bottom-left-radius: ${i.sp2};
     border-bottom-right-radius: ${i.sp2};
   }
-`,qi=r.div`
+`,Zi=r.div`
   display: flex;
   align-items: start;
   flex-direction: column;
   gap: ${i.sp2};
   flex: 1 1 auto;
   justify-content: start;
-`,Zi=r.div`
+`,qi=r.div`
   display: flex;
   align-items: baseline;
   flex-direction: row;
   justify-content: end;
-`,Xi=()=>v()==="small"?t.jsx(Wi,{}):t.jsx(Vi,{}),Qi={marginLeft:new R(w[2],w[5],w[7])},Ki=()=>t.jsxs(eo,{children:[t.jsx(ve,{numberOfRows:5}),t.jsx(ve,{numberOfRows:3})]}),ve=({numberOfRows:e})=>{const o=v();return t.jsxs(to,{windowSize:o,children:[t.jsx(oo,{children:t.jsx(z,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(io,{children:[...Array(e)].map(s=>t.jsx(Xi,{},he()))})]})},eo=r.div`
+`,Ki=()=>v()==="small"?t.jsx(Wi,{}):t.jsx(Vi,{}),Xi={marginLeft:new R(w[2],w[5],w[7])},Qi=()=>t.jsxs(eo,{children:[t.jsx(ve,{numberOfRows:5}),t.jsx(ve,{numberOfRows:3})]}),ve=({numberOfRows:e})=>{const o=v();return t.jsxs(to,{windowSize:o,children:[t.jsx(oo,{children:t.jsx(z,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(io,{children:[...Array(e)].map(s=>t.jsx(Ki,{},he()))})]})},eo=r.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -167,7 +167,7 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   display: flex;
   flex-direction: column;
   margin-bottom: ${i.sp5};
-  margin-left: ${e=>Qi.marginLeft.valuePx(e.windowSize)};
+  margin-left: ${e=>Xi.marginLeft.valuePx(e.windowSize)};
 `,io=r.div`
   display: flex;
   flex-direction: column;
@@ -244,7 +244,7 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   display: -webkit-box;
   overflow: hidden;
   -webkit-box-orient: vertical;
-`,It=e=>v()==="small"?t.jsx(so,{...e}):t.jsx(Ci,{...e}),{common:{all:Me}}=B.getLocalizedStrings(),uo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=K(),{getValues:h}=ue(),u=h(s);return t.jsx(po,{style:n,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(fo,{htmlFor:`${s}.${Me.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:ge(e)}),value:Me.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,x=e.notifications.length-1===m;return{label:t.jsx(It,{notificationData:p,users:o,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0},isHighlighted:u?.includes(p.inboxNotification.id)===!0,onNotificationTileClick:c}),value:p.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},po=r.div`
+`,It=e=>v()==="small"?t.jsx(so,{...e}):t.jsx(Ci,{...e}),{common:{all:Me}}=B.getLocalizedStrings(),uo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:h}=ue(),u=h(s);return t.jsx(po,{style:n,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(fo,{htmlFor:`${s}.${Me.toLocaleLowerCase()}`,style:{color:d.colors.primary},children:ge(e)}),value:Me.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,x=e.notifications.length-1===m;return{label:t.jsx(It,{notificationData:p,users:o,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0},isHighlighted:u?.includes(p.inboxNotification.id)===!0,onNotificationTileClick:c}),value:p.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},po=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -253,7 +253,7 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:Oe}}=B.getLocalizedStrings(),mo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=K(),{getValues:h}=ue(),u=h(s),p=g.useRef([]);return g.useEffect(()=>{p.current=p.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(go,{style:n,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(Ae,{htmlFor:`${s}.${Oe.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:ge(e)}),value:Oe.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((m,f)=>{const x=f===0,k=e.notifications.length-1===f;return{label:t.jsx(Ae,{ref:P=>p.current[f]=P,htmlFor:`${s}.${m.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(xo,{notificationData:m,users:o,style:{borderTopLeftRadius:x?i.sp2:void 0,borderTopRightRadius:x?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(m.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{p.current[f]?.click()}})}),value:m.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:d.colors.grey5}})})},go=r.div`
+`,{common:{all:Oe}}=B.getLocalizedStrings(),mo=({notificationGroup:e,users:o,sectionId:s,checkBoxMode:a,style:n,isDisabled:l,onNotificationTileClick:c})=>{const d=Q(),{getValues:h}=ue(),u=h(s),p=g.useRef([]);return g.useEffect(()=>{p.current=p.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx(go,{style:n,children:t.jsx(pe,{mode:a,checkBoxes:[{label:t.jsx(Ae,{htmlFor:`${s}.${Oe.toLocaleLowerCase()}`,style:{color:d.colors.primary,marginLeft:i.sp2},children:ge(e)}),value:Oe.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((m,f)=>{const x=f===0,k=e.notifications.length-1===f;return{label:t.jsx(Ae,{ref:P=>p.current[f]=P,htmlFor:`${s}.${m.inboxNotification.id}`,style:{padding:i.sp0},children:t.jsx(xo,{notificationData:m,users:o,style:{borderTopLeftRadius:x?i.sp2:void 0,borderTopRightRadius:x?i.sp2:void 0,borderBottomLeftRadius:k?i.sp2:void 0,borderBottomRightRadius:k?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:u?.includes(m.inboxNotification.id)===!0,isSelectionMode:a==="always_on",onNotificationTileClick:c,onNotificationTileLongPress:()=>{p.current[f]?.click()}})}),value:m.inboxNotification.id,defaultChecked:!1,groupLabel:!1}})],name:s,isDisabled:l,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:d.colors.grey5}})})},go=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -262,7 +262,7 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,xo=r(It)``,bo=e=>v()==="small"?t.jsx(mo,{...e}):t.jsx(uo,{...e}),{commentsAndNotifications:{notifications:{message:wo}}}=B.getLocalizedStrings(),Be={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 P=g.useCallback(C=>{if(k.current?.[C]!=null){const G=f==="small"&&a===!1&&C===e.length-1?Be.rowGap.value("medium-regular"):Be.rowGap.value(f);return k.current[C]+G}return(ft*St.value(f)+mt)*3+gt+xt},[f,k,e]),_=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(()=>{},[]),L=tt(C=>u(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,V=g.useCallback(()=>a&&!s?N():b(),[a,s,N,b]),I=a?e.length+1:e.length;return t.jsx(jo,{children:t.jsx(ko,{windowSize:f,children:s&&e.length===0?t.jsx(Ki,{}):s===!1&&e.length===0?t.jsx(it,{message:wo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(So,{windowSize:f,children:t.jsx(ot,{children:({height:C,width:G})=>t.jsx(st,{isItemLoaded:j,itemCount:bt,loadMoreItems:V,children:({onItemsRendered:Y,ref:U})=>t.jsx(at,{ref:W=>{U(W),x.current=W},height:C,itemCount:I,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:h,isItemLoaded:j,setRowHeight:_,onNotificationClick:m},onItemsRendered:Y,itemSize:P,width:G,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:W})=>{L(W)},initialScrollOffset:c,children:$o})})})})})})},$o=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:n,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:h,setRowHeight:u,onNotificationClick:p}=s,m=g.useRef(null),f=v();if(g.useEffect(()=>{m.current?.firstElementChild!=null&&u(e,m.current.firstElementChild.clientHeight)},[e,m,f,a[e]?.notifications]),d(e)===!0){const x=a[e],k=le(x);return t.jsx(Pe,{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(Pe,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(ve,{numberOfRows:3})},he())},jo=r.div`
+`,xo=r(It)``,bo=e=>v()==="small"?t.jsx(mo,{...e}):t.jsx(uo,{...e}),{commentsAndNotifications:{notifications:{message:wo}}}=B.getLocalizedStrings(),Be={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 P=g.useCallback(C=>{if(k.current?.[C]!=null){const G=f==="small"&&a===!1&&C===e.length-1?Be.rowGap.value("medium-regular"):Be.rowGap.value(f);return k.current[C]+G}return(ft*St.value(f)+mt)*3+gt+xt},[f,k,e]),_=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(()=>{},[]),L=tt(C=>u(C),1e3,{trailing:!0}),j=C=>!a||C<e.length,V=g.useCallback(()=>a&&!s?N():b(),[a,s,N,b]),I=a?e.length+1:e.length;return t.jsx(jo,{children:t.jsx(ko,{windowSize:f,children:s&&e.length===0?t.jsx(Qi,{}):s===!1&&e.length===0?t.jsx(it,{message:wo.noNotificationsMessage,style:{padding:i.sp0}}):t.jsx(So,{windowSize:f,children:t.jsx(ot,{children:({height:C,width:G})=>t.jsx(st,{isItemLoaded:j,itemCount:bt,loadMoreItems:V,children:({onItemsRendered:Y,ref:U})=>t.jsx(at,{ref:W=>{U(W),x.current=W},height:C,itemCount:I,itemData:{notificationGroups:e,users:o,sectionId:n,checkBoxMode:l,isDisabled:h,isItemLoaded:j,setRowHeight:_,onNotificationClick:m},onItemsRendered:Y,itemSize:P,width:G,style:{willChange:"auto"},overscanCount:wt,onScroll:({scrollOffset:W})=>{L(W)},initialScrollOffset:c,children:$o})})})})})})},$o=({index:e,style:o,data:s})=>{const{notificationGroups:a,users:n,sectionId:l,checkBoxMode:c,isItemLoaded:d,isDisabled:h,setRowHeight:u,onNotificationClick:p}=s,m=g.useRef(null),f=v();if(g.useEffect(()=>{m.current?.firstElementChild!=null&&u(e,m.current.firstElementChild.clientHeight)},[e,m,f,a[e]?.notifications]),d(e)===!0){const x=a[e],k=le(x);return t.jsx(Pe,{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(Pe,{ref:m,style:{...o,paddingBottom:i.sp0},children:t.jsx(ve,{numberOfRows:3})},he())},jo=r.div`
   display: block;
   background-color: ${e=>e.theme.colors.grey4};
   height: 100%;
@@ -279,7 +279,7 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{in:vo,strings:Rt},dateFormat:Co,commentsAndNotifications:{notifications:{actionStrings:{notifications:O}}}}=B.getLocalizedStrings(),zt=e=>{e.sort((n,l)=>n.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),h=$().subtract(2,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),h=$().subtract(9,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(u,"month").startOf("M").startOf("d"),m=$().subtract(u,"month").endOf("M").endOf("d");u++,a=se(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},se=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:n}},To=e=>{let o=O.newActivity;return e.code==="in_progress"?o=O.due.replace("__task_status__",Re(e.name.toLocaleLowerCase())):o=O.due.replace("__task_status__",vo.toLocaleLowerCase().concat(Rt.space,Re(e.name.toLocaleLowerCase()))),o},No=e=>{const{eventData:{activities:o}}=e;let s=O.newActivity;if(o.length>0){const a=o[0].activityType,n=o[0].metadata.eventStatus;switch(a){case"task_archived":s=O.archive;break;case"task_deleted":s=O.delete;break;case"task_activities":s=O.activities;break;case"task_assigned":s=O.assign;break;case"task_created":s=O.create;break;case"task_due":s=n!=null?To(n):O.dueTomorrow;break;case"task_overdue":s=O.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Co.visual.MMMDFormat)??Rt.empty);break;case"task_status_updated":s=O.statusUpdate;break}}return s},_t=new R(3,2,1,1,1),Dt=new R(w[8],33,33,33,35),ce={lineClamp:_t,sectionWidth:Dt},{common:{and:Fe,other:Lo,others:Io,texts:Ro,timeStrings:zo,strings:M,tags:_o}}=B.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(Bo,{...e}),t.jsx(Fo,{...e}),t.jsx(Po,{createTime:h,notificationStatus:n})]})},Mt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Yo,{notificationStatus:o,children:s||M.hyphen})},Mo=e=>{const o=v();return t.jsx(Vo,{windowSize:o,children:t.jsx(Mt,{...e})})},Oo=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Jo,{children:[t.jsx(Ge,{backgroundColor:ze(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(qo,{}),t.jsx(Ge,{backgroundColor:ze(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Ao=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,n=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,Ro.user,M.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Fe,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,n-1,M.space,Io,M.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Fe,t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.space,s.length===2?M.atTheRate+E(s[1],!1):Lo,M.space]})]}):l=t.jsxs(q,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]})),l},Ot=e=>t.jsxs(t.Fragment,{children:[t.jsx(Ao,{...e}),No(e),t.jsx(Oo,{...e})]}),Bo=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Ho,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(Ot,{...e})})},At=e=>{const{createTime:o,notificationStatus:s}=e,a=jt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Wo,{isNewNotification:a===zo.justNow,children:a}),t.jsx(Xo,{notificationStatus:s})]})},Po=e=>{const o=v();return t.jsx(Uo,{windowSize:o,children:t.jsx(At,{...e})})},Bt=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(hi,{tagTitle:_o.overdue,textColor:{color:new $e(S.alert),backgroundColor:new $e("transparent"),borderColor:new $e(S.alert)},showLoader:!1}):t.jsx(Zo,{})},Fo=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(Bt,{...e})})},Go=r.div`
+`,{common:{in:vo,strings:Rt},dateFormat:Co,commentsAndNotifications:{notifications:{actionStrings:{notifications:O}}}}=B.getLocalizedStrings(),zt=e=>{e.sort((n,l)=>n.createTime.isAfter(l.createTime)===!0?1:-1);let o=[...e];const s=[];let a={singleGroup:[],remainingData:[]};for(const n of $t){let l=0,c=0,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),u=1;switch(n){case"today":case"yesterday":l=n==="today"?0:1,c=n==="today"?0:1,d=$().subtract(Math.min($().date(),l),"d").startOf("d"),h=$().subtract(Math.min($().date(),c),"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup});break;case"last_7_days_this_month":o.length>0&&$().date()>2&&(d=$().subtract(Math.min($().date()-1,8),"d").startOf("d"),h=$().subtract(2,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_this_month":o.length>0&&$().date()>9&&(d=$().startOf("M").startOf("d"),h=$().subtract(9,"d").endOf("d"),a=se(o,d,h),o=a.remainingData,s.push({start:d,end:h,type:n,notifications:a.singleGroup}));break;case"earlier_that_month":for(;o.length>0;){const p=$().subtract(u,"month").startOf("M").startOf("d"),m=$().subtract(u,"month").endOf("M").endOf("d");u++,a=se(o,p,m),o=a.remainingData,s.push({start:p,end:m,type:n,notifications:a.singleGroup})}break}}return s},se=(e,o,s)=>{const a=[],n=e.map(l=>rt(o,s,l.createTime)?(a.push(l),null):l).filter(l=>!!l);return a.sort((l,c)=>l.createTime.isAfter(c.createTime)===!0?-1:1),{singleGroup:a,remainingData:n}},To=e=>{let o=O.newActivity;return e.code==="in_progress"?o=O.due.replace("__task_status__",Re(e.name.toLocaleLowerCase())):o=O.due.replace("__task_status__",vo.toLocaleLowerCase().concat(Rt.space,Re(e.name.toLocaleLowerCase()))),o},No=e=>{const{eventData:{activities:o}}=e;let s=O.newActivity;if(o.length>0){const a=o[0].activityType,n=o[0].metadata.eventStatus;switch(a){case"task_archived":s=O.archive;break;case"task_deleted":s=O.delete;break;case"task_activities":s=O.activities;break;case"task_assigned":s=O.assign;break;case"task_created":s=O.create;break;case"task_due":s=n!=null?To(n):O.dueTomorrow;break;case"task_overdue":s=O.overdue.replace("__date__",o[0].metadata.additionalInfo?.dueDate.format(Co.visual.MMMDFormat)??Rt.empty);break;case"task_status_updated":s=O.statusUpdate;break}}return s},_t=new R(3,2,1,1,1),Dt=new R(w[8],33,33,33,35),ce={lineClamp:_t,sectionWidth:Dt},{common:{and:Fe,other:Lo,others:Io,texts:Ro,timeStrings:zo,strings:M,tags:_o}}=B.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(Bo,{...e}),t.jsx(Fo,{...e}),t.jsx(Po,{createTime:h,notificationStatus:n})]})},Mt=e=>{const{status:o,eventData:{title:s}}=e;return t.jsx(Yo,{notificationStatus:o,children:s||M.hyphen})},Mo=e=>{const o=v();return t.jsx(Vo,{windowSize:o,children:t.jsx(Mt,{...e})})},Oo=e=>{const{eventData:{activities:o}}=e;if(o.length>0&&o[0].activityType==="task_status_updated"){const s=o[0].metadata.updates.find(a=>a.type==="code_name_pair"&&a.field==="status");if(s?.oldValue.codeNamePair!=null&&s.newValue.codeNamePair!=null)return t.jsxs(Jo,{children:[t.jsx(Ge,{backgroundColor:ze(s.oldValue.codeNamePair),children:s.oldValue.codeNamePair.name}),t.jsx(Zo,{}),t.jsx(Ge,{backgroundColor:ze(s.newValue.codeNamePair),children:s.newValue.codeNamePair.name})]})}return null},Ao=e=>{const{status:o,eventData:{authors:s,activities:a}}=e,n=s.length;if(a[0].activityType==="task_due"||a[0].activityType==="task_overdue"||a[0].activityType==="task_status_updated")return null;let l=t.jsxs(Z,{className:"userText",notificationStatus:o,children:[M.atTheRate,Ro.user,M.space]});return n>0&&(n>2?l=t.jsxs(t.Fragment,{children:[t.jsxs(Z,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Fe,t.jsxs(Z,{className:"userText",notificationStatus:o,children:[M.space,n-1,M.space,Io,M.space]})]}):n===2?l=t.jsxs(t.Fragment,{children:[t.jsxs(Z,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]}),Fe,t.jsxs(Z,{className:"userText",notificationStatus:o,children:[M.space,s.length===2?M.atTheRate+E(s[1],!1):Lo,M.space]})]}):l=t.jsxs(Z,{className:"userText",notificationStatus:o,children:[M.atTheRate,E(s[0],!1),M.space]})),l},Ot=e=>t.jsxs(t.Fragment,{children:[t.jsx(Ao,{...e}),No(e),t.jsx(Oo,{...e})]}),Bo=e=>{const o=v(),{eventData:{activities:s}}=e;return t.jsx(Ho,{windowSize:o,statusUpdate:s.length>0&&s[0].activityType==="task_status_updated"&&s[0].metadata.updates.find(a=>a.field==="status")!=null,children:t.jsx(Ot,{...e})})},At=e=>{const{createTime:o,notificationStatus:s}=e,a=jt(o.toDate());return t.jsxs(t.Fragment,{children:[t.jsx(Wo,{isNewNotification:a===zo.justNow,children:a}),t.jsx(Ko,{notificationStatus:s})]})},Po=e=>{const o=v();return t.jsx(Uo,{windowSize:o,children:t.jsx(At,{...e})})},Bt=e=>{const{eventData:{activities:o}}=e;return o[0].activityType==="task_overdue"?t.jsx(hi,{tagTitle:_o.overdue,textColor:{color:new $e(S.alert),backgroundColor:new $e("transparent"),borderColor:new $e(S.alert)},showLoader:!1}):t.jsx(qo,{})},Fo=e=>{const o=v();return t.jsx(Eo,{windowSize:o,children:t.jsx(Bt,{...e})})},Go=r.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -364,7 +364,7 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   -webkit-line-clamp: ${e=>ce.lineClamp.value(e.windowSize)};
   -webkit-box-orient: vertical;
   width: ${e=>ce.sectionWidth.valuePercentage(e.windowSize)};
-`,q=r(me)`
+`,Z=r(me)`
   color: ${e=>e.notificationStatus==="read"?e.theme.colors.grey1:S.brandColorJade};
 `,Yo=r(me)`
   color: inherit;
@@ -383,21 +383,21 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   border: 1px solid ${e=>e.backgroundColor};
   padding: ${i.sp0} 6px;
   border-radius: ${i.sp1};
-`,qo=r(pi)`
+`,Zo=r(pi)`
   width: ${i.sp3};
   height: ${i.sp3};
   color: ${e=>e.theme.colors.hero};
-`,Zo=r.div`
+`,qo=r.div`
   display: flex;
   flex: 1 1 auto;
-`,Xo=r.div`
+`,Ko=r.div`
   display: flex;
   height: ${i.sp2};
   width: ${i.sp2};
   border-radius: ${i.sp2};
   flex-shrink: 0;
   background-color: ${e=>e.notificationStatus==="unread"?S.info:"transparent"};
-`,ae={emptyRowItemSectionWidth:new R(120,200,280,330,400),emptyLastRowItemSectionWidth:new R(w[6],50,60,w[11],120)},Qo=()=>{const e=v();return t.jsxs(Ko,{windowSize:e,children:[t.jsx(re,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:ae.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(re,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:ae.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(re,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:ae.emptyLastRowItemSectionWidth.value(e),height:18})}),t.jsx(re,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:ae.emptyLastRowItemSectionWidth.value(e),height:18})})]})},Ko=r.div`
+`,ae={emptyRowItemSectionWidth:new R(120,200,280,330,400),emptyLastRowItemSectionWidth:new R(w[6],50,60,w[11],120)},Xo=()=>{const e=v();return t.jsxs(Qo,{windowSize:e,children:[t.jsx(re,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:ae.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(re,{windowSize:e,isLastItem:!1,children:t.jsx(z,{width:ae.emptyRowItemSectionWidth.value(e),height:w[4]})}),t.jsx(re,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:ae.emptyLastRowItemSectionWidth.value(e),height:18})}),t.jsx(re,{windowSize:e,isLastItem:!0,children:t.jsx(z,{width:ae.emptyLastRowItemSectionWidth.value(e),height:18})})]})},Qo=r.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -462,7 +462,7 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   gap: ${i.sp2};
   flex: 1 1 auto;
   width: 100%;
-`,is=()=>v()==="small"?t.jsx(es,{}):t.jsx(Qo,{}),os={marginLeft:new R(w[2],w[5],w[7])},ss=()=>t.jsxs(as,{children:[t.jsx(Ce,{numberOfRows:5}),t.jsx(Ce,{numberOfRows:3})]}),Ce=({numberOfRows:e})=>{const o=v();return t.jsxs(rs,{windowSize:o,children:[t.jsx(ls,{children:t.jsx(z,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(ns,{children:[...Array(e)].map(s=>t.jsx(is,{},he()))})]})},as=r.div`
+`,is=()=>v()==="small"?t.jsx(es,{}):t.jsx(Xo,{}),os={marginLeft:new R(w[2],w[5],w[7])},ss=()=>t.jsxs(as,{children:[t.jsx(Ce,{numberOfRows:5}),t.jsx(Ce,{numberOfRows:3})]}),Ce=({numberOfRows:e})=>{const o=v();return t.jsxs(rs,{windowSize:o,children:[t.jsx(ls,{children:t.jsx(z,{width:w[12],height:Ne.standardRegular.lineHeightValue})}),t.jsx(ns,{children:[...Array(e)].map(s=>t.jsx(is,{},he()))})]})},as=r.div`
   display: block;
   min-height: 100%;
   flex-direction: column;
@@ -561,7 +561,7 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
           -webkit-box-orient: horizontal;
           gap: ${i.sp1};
         `};
-`,Ft=e=>v()==="small"?t.jsx(ds,{...e}):t.jsx(Do,{...e}),{common:{all:He}}=B.getLocalizedStrings(),xs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=K(),{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:He}}=B.getLocalizedStrings(),xs=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=ue(),h=d(o);return t.jsx(bs,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(ws,{htmlFor:`${o}.${He.toLocaleLowerCase()}`,style:{color:c.colors.primary},children:ge(e)}),value:He.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((u,p)=>{const m=p===0,f=e.notifications.length-1===p;return{label:t.jsx(Ft,{notificationData:u,style:{borderTopLeftRadius:m?i.sp2:void 0,borderTopRightRadius:m?i.sp2:void 0,borderBottomLeftRadius:f?i.sp2:void 0,borderBottomRightRadius:f?i.sp2:void 0},isHighlighted:h?.includes(u.notificationId)===!0,onNotificationTileClick:l}),value:u.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%"},checkBoxStyle:{padding:i.sp3},labelCheckBoxStyle:{padding:i.sp3}})})},bs=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -570,7 +570,7 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   align-items: flex-start;
   width: 100%;
   padding: ${i.sp3} ${i.sp0} ${i.sp3} ${i.sp0};
-`,{common:{all:Ve}}=B.getLocalizedStrings(),ys=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=K(),{getValues:d}=ue(),h=d(o),u=g.useRef([]);return g.useEffect(()=>{u.current=u.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx($s,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(Ye,{htmlFor:`${o}.${Ve.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:ge(e)}),value:Ve.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,x=e.notifications.length-1===m;return{label:t.jsx(Ye,{ref:k=>u.current[m]=k,htmlFor:`${o}.${p.notificationId}`,style:{padding:i.sp0},children:t.jsx(js,{notificationData:p,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:h?.includes(p.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{u.current[m]?.click()}})}),value:p.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},$s=r.div`
+`,{common:{all:Ve}}=B.getLocalizedStrings(),ys=({notificationGroup:e,sectionId:o,checkBoxMode:s,style:a,isDisabled:n,onNotificationTileClick:l})=>{const c=Q(),{getValues:d}=ue(),h=d(o),u=g.useRef([]);return g.useEffect(()=>{u.current=u.current.slice(0,e.notifications.length)},[e.notifications.length]),t.jsx($s,{style:a,children:t.jsx(pe,{mode:s,checkBoxes:[{label:t.jsx(Ye,{htmlFor:`${o}.${Ve.toLocaleLowerCase()}`,style:{color:c.colors.primary,marginLeft:i.sp2},children:ge(e)}),value:Ve.toLocaleLowerCase(),defaultChecked:!1,groupLabel:!0},...e.notifications.map((p,m)=>{const f=m===0,x=e.notifications.length-1===m;return{label:t.jsx(Ye,{ref:k=>u.current[m]=k,htmlFor:`${o}.${p.notificationId}`,style:{padding:i.sp0},children:t.jsx(js,{notificationData:p,style:{borderTopLeftRadius:f?i.sp2:void 0,borderTopRightRadius:f?i.sp2:void 0,borderBottomLeftRadius:x?i.sp2:void 0,borderBottomRightRadius:x?i.sp2:void 0,marginLeft:i.sp2},isHighlighted:h?.includes(p.notificationId)===!0,isSelectionMode:s==="always_on",onNotificationTileClick:l,onNotificationTileLongPress:()=>{u.current[m]?.click()}})}),value:p.notificationId,defaultChecked:!1,groupLabel:!1}})],name:o,isDisabled:n,style:{width:"100%",position:"relative"},checkBoxStyle:{padding:i.sp1,zIndex:2,left:`-${i.sp1}`,position:"absolute"},checkBoxIconStyle:{backgroundColor:c.colors.grey5}})})},$s=r.div`
   display: flex;
   align-items: center;
   width: 100%;
@@ -596,7 +596,7 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   top: ${i.sp0};
   left: ${i.sp0};
   box-sizing: border-box;
-`,{common:{all:Te,texts:ne,footer:Is,strings:{plus:Rs},numbers:{maximumCount:qe}},commentsAndNotifications:{notifications:{title:zs,texts:Gt,strings:Ze}}}=B.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])},_s={selectedNotificationsText:new ni("smallRegular","standardRegular")},Xe="notificationsPage",Z="commentsNotificationsTable",X="notificationsTable",Ut=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 P=K(),_=v(),N=Zt({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>et(e),[e]),values:g.useMemo(()=>et(e),[e])}),{currentTab:b,currentSubTab:L,notificationDetailsByTab:j,allSubTabs:V,allNotifications:I,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:Y}=e,U=g.useMemo(()=>Object.keys(j).map(y=>({label:ne[y],id:ne[y].toLocaleLowerCase(),countDetails:{count:j[y].uiState.unreadCount,isFetching:j[y].fetchCountState.fetchState==="In-Progress"}})),[j]),W=g.useMemo(()=>V.map(y=>({label:y==="all"?Te:ne[y],id:y})),[V]),Et=g.useMemo(()=>kt(Y).filter(y=>y.notifications.length>0),[Y]),Ht=g.useMemo(()=>zt(G).filter(y=>y.notifications.length>0),[G]),Vt=async(y,T)=>{const F=y.split(".")[0],J=[];F!=null&&(F===Z||F===X)&&(Object.values(T[F]).forEach(D=>{J.push(...D.filter(qt=>qt.includes(Te.toLowerCase())===!1))}),d({selectedNotificationIds:J},b))};g.useEffect(()=>{const y=N.watch((T,{name:F})=>{F!=null&&T!=null&&Xt(()=>Vt(F,T))});return()=>{y.unsubscribe()}});const xe=g.useCallback(()=>{const y=[],T=j[b].selectedNotificationIdsForSubTab,F="read";if(b==="comments"){const J=C.filter(D=>D.inboxNotification.readAt==null).map(D=>D.inboxNotification.id);T.forEach(D=>{J.includes(D)&&y.push(D)})}else{const J=I.filter(D=>D.status!==F).map(D=>D.notificationId);T.forEach(D=>{J.includes(D)&&y.push(D)})}return y},[C,I,b,j]),Yt=xe().length>Ut?"disabled":a,be=N.watch(Z),we=N.watch(X),Ie=g.useCallback(()=>{p(b,L)},[p,b,L]),Wt=g.useCallback(()=>{if(b==="comments"){const y={};Object.keys(be).forEach(T=>{y[T]=[]}),N.reset({[Z]:y,[X]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const y={};Object.keys(we).forEach(T=>{y[T]=[]}),N.reset({[X]:y,[Z]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[we,be]),Jt=g.useCallback(()=>{const y=j[b].selectedNotificationIdsForSubTab,T="read",F=xe();m(b,y,T,F)},[b,j,xe,m]);return t.jsxs(Ms,{children:[t.jsx(Qt,{source:"NotificationsPage",title:zs.notifications,backgroundColor:P.colors.grey4,onBackClick:x,rightSideComponent:s===!0?t.jsx(Zs,{onClick:f}):t.jsx(qs,{})}),t.jsx(Bs,{}),t.jsx(As,{windowSize:_,children:t.jsx(xi,{tabs:U,selectedTab:b,onTabChange:y=>{const T=mi(y);T!=null&&h(T)},subTabs:W,selectedSubTab:L,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(Os,{windowSize:_,children:t.jsx(Kt,{...N,children:t.jsx("form",{id:Ke(Xe),onSubmit:N.handleSubmit(Jt),style:{width:"100%"},children:b==="comments"?t.jsx(yo,{users:o,hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Et,sectionId:Z,onFetchNotificationGroups:Ie,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[L]:y}},b),onNotificationClick:l}):t.jsx(vs,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ht,sectionId:X,onFetchNotificationGroups:Ie,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[L]:y}},b),onNotificationClick:n})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(ei,{formId:Ke(Xe),primaryBtn:{label:Gt.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Yt!=null},cancelBtn:{label:Is.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Wt},helperContainerStyle:_==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(ye,{controller:_!=="small",children:t.jsx(Qe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(ye,{controller:_==="small",children:t.jsx(Qe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(ye,{controller:_!=="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(Ps,{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"}})},Qe=({selectedNotificationsCount:e})=>{const o=v();return t.jsxs(Us,{windowSize:o,children:[t.jsx(Hs,{children:t.jsx(Es,{isCircular:e<10,children:t.jsx(Vs,{children:e>qe?`${qe}${Rs}`:e})})}),t.jsxs(Js,{windowSize:o,children:[t.jsx(Ys,{children:e>1?Ze.notificationsSelected:Ze.notificationSelected}),e>Ut?t.jsx(Ws,{children:ne.maxLimit}):null]})]})},Ms=r.div`
+`,{common:{all:Te,texts:ne,footer:Is,strings:{plus:Rs},numbers:{maximumCount:Ze}},commentsAndNotifications:{notifications:{title:zs,texts:Gt,strings:qe}}}=B.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])},_s={selectedNotificationsText:new ni("smallRegular","standardRegular")},Ke="notificationsPage",q="commentsNotificationsTable",K="notificationsTable",Ut=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 P=Q(),_=v(),N=qt({mode:"all",reValidateMode:"onChange",defaultValues:g.useMemo(()=>et(e),[e]),values:g.useMemo(()=>et(e),[e])}),{currentTab:b,currentSubTab:L,notificationDetailsByTab:j,allSubTabs:V,allNotifications:I,allExternalNotifications:C,notificationsForCurrentTabAndSubTab:G,externalNotificationsForCurrentTabAndSubTab:Y}=e,U=g.useMemo(()=>Object.keys(j).map(y=>({label:ne[y],id:ne[y].toLocaleLowerCase(),countDetails:{count:j[y].uiState.unreadCount,isFetching:j[y].fetchCountState.fetchState==="In-Progress"}})),[j]),W=g.useMemo(()=>V.map(y=>({label:y==="all"?Te:ne[y],id:y})),[V]),Et=g.useMemo(()=>kt(Y).filter(y=>y.notifications.length>0),[Y]),Ht=g.useMemo(()=>zt(G).filter(y=>y.notifications.length>0),[G]),Vt=async(y,T)=>{const F=y.split(".")[0],J=[];F!=null&&(F===q||F===K)&&(Object.values(T[F]).forEach(D=>{J.push(...D.filter(Zt=>Zt.includes(Te.toLowerCase())===!1))}),d({selectedNotificationIds:J},b))};g.useEffect(()=>{const y=N.watch((T,{name:F})=>{F!=null&&T!=null&&Kt(()=>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=I.filter(D=>D.status!==F).map(D=>D.notificationId);T.forEach(D=>{J.includes(D)&&y.push(D)})}return y},[C,I,b,j]),Yt=xe().length>Ut?"disabled":a,be=N.watch(q),we=N.watch(K),Ie=g.useCallback(()=>{p(b,L)},[p,b,L]),Wt=g.useCallback(()=>{if(b==="comments"){const y={};Object.keys(be).forEach(T=>{y[T]=[]}),N.reset({[q]:y,[K]:we},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}else{const y={};Object.keys(we).forEach(T=>{y[T]=[]}),N.reset({[K]:y,[q]:be},{keepDefaultValues:!1,keepDirty:!1,keepValues:!1})}d({selectedNotificationIds:[]},b)},[we,be]),Jt=g.useCallback(()=>{const y=j[b].selectedNotificationIdsForSubTab,T="read",F=xe();m(b,y,T,F)},[b,j,xe,m]);return t.jsxs(Ms,{children:[t.jsx(Xt,{source:"NotificationsPage",title:zs.notifications,backgroundColor:P.colors.grey4,onBackClick:x,rightSideComponent:s===!0?t.jsx(qs,{onClick:f}):t.jsx(Zs,{})}),t.jsx(Bs,{}),t.jsx(As,{windowSize:_,children:t.jsx(xi,{tabs:U,selectedTab:b,onTabChange:y=>{const T=mi(y);T!=null&&h(T)},subTabs:W,selectedSubTab:L,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(Os,{windowSize:_,children:t.jsx(Qt,{...N,children:t.jsx("form",{id:Qe(Ke),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[L],currentSubTab:L,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Et,sectionId:q,onFetchNotificationGroups:Ie,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[L]:y}},b),onNotificationClick:l}):t.jsx(vs,{hasMore:j[b].uiState.hasMore,isFetching:j[b].fetchState==="In-Progress",scrollYOffset:j[b].uiState.scrollYOffset[L],currentSubTab:L,checkBoxMode:j[b].selectedNotificationIdsForSubTab.length>0?"always_on":"checked_or_hover",notificationGroups:Ht,sectionId:K,onFetchNotificationGroups:Ie,onUpdateScrollYOffset:y=>c({scrollYOffset:{...j[b].uiState.scrollYOffset,[L]:y}},b),onNotificationClick:n})})})}),j[b].selectedNotificationIdsForSubTab.length?t.jsx(ei,{formId:Qe(Ke),primaryBtn:{label:Gt.markAsRead,isLoading:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},isDisabled:Yt!=null},cancelBtn:{label:Is.cancel,isDisabled:j[b].markAsReadState.fetchState==="In-Progress",style:{width:"135px"},onClick:Wt},helperContainerStyle:_==="small"?{width:"100%"}:{rowGap:i.sp0},footerContentStyle:{gap:i.sp2},leftSideComponent:t.jsx(ye,{controller:_!=="small",children:t.jsx(Xe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),topComponent:t.jsx(ye,{controller:_==="small",children:t.jsx(Xe,{selectedNotificationsCount:j[b].selectedNotificationIdsForSubTab.length})}),rightSideComponent:t.jsx(ye,{controller:_!=="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(Ps,{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(Us,{windowSize:o,children:[t.jsx(Hs,{children:t.jsx(Es,{isCircular:e<10,children:t.jsx(Vs,{children:e>Ze?`${Ze}${Rs}`:e})})}),t.jsxs(Js,{windowSize:o,children:[t.jsx(Ys,{children:e>1?qe.notificationsSelected:qe.notificationSelected}),e>Ut?t.jsx(Ws,{children:ne.maxLimit}):null]})]})},Ms=r.div`
   display: flex;
   height: 100vh;
   width: 100%;
@@ -671,10 +671,10 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   display: flex;
   align-items: center;
   flex-wrap: wrap;
-`,qs=r.div`
+`,Zs=r.div`
   width: ${i.sp4};
   height: ${i.sp4};
-`,Zs=r(ti)`
+`,qs=r(ti)`
   color: ${e=>e.theme.colors.hero};
   width: ${i.sp4};
   height: ${i.sp4};
@@ -682,4 +682,4 @@ import{e as K,Q as v,a8 as Zt,F as B,cB as Xt,V as t,bz as Qt,ab as Kt,aO as ei,
   &:hover {
     color: ${e=>e.theme.colors.primary};
   }
-`,Ke=e=>`${e}_form`,et=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:n}}}=e,l={};zt(o).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.notificationId);l[le(d)]=a.filter(u=>h.includes(u))});const c={};return kt(s).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.inboxNotification.id);c[le(d)]=n.filter(u=>h.includes(u))}),{[Z]:c,[X]:l}},ua=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(n=>{n.includes(Te.toLocaleLowerCase())===!1&&o.includes(n)&&s.push(n)})}),s};export{ha as default,ua as getSelectedNotificationIds,Ke as uniqueFormName};
+`,Qe=e=>`${e}_form`,et=e=>{const{allNotifications:o,allExternalNotifications:s,notificationDetailsByTab:{tasks:{selectedNotificationIds:a},comments:{selectedNotificationIds:n}}}=e,l={};zt(o).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.notificationId);l[le(d)]=a.filter(u=>h.includes(u))});const c={};return kt(s).filter(d=>d.notifications.length>0).forEach(d=>{const h=d.notifications.map(u=>u.inboxNotification.id);c[le(d)]=n.filter(u=>h.includes(u))}),{[q]:c,[K]:l}},ua=(e,o)=>{const s=[];return Object.values(e).forEach(a=>{a.forEach(n=>{n.includes(Te.toLocaleLowerCase())===!1&&o.includes(n)&&s.push(n)})}),s};export{ha as default,ua as getSelectedNotificationIds,Qe as uniqueFormName};